${collabStatusMark(w.status)}${esc(t(ST_KEYS[w.status] || 'collab.stPaused'))}${w.updatedAt ? `${esc(relTime(w.updatedAt))}` : ''}
${esc(w.title)}
${esc(w.summary)}
${escapeHtml(label)}
${body}折叠壳（内部下标0起，标题显示1起+summary副标题）
// 结构化 turn_segs 渲染使用的纯函数：折叠工具块、ask_user 与轮摘要。
// ============================================================================
// 去除 GenericAgent 轮次分隔标记；turn_segs 已结构化，不应展示原始 marker
function stripTurnMarker(body) {
return String(body || '')
.replace(/^\s*\**LLM Running \(Turn \d+\) \.\.\.\**\s*/i, '');
}
function renderTurnBody(body) {
// 自包含：每次调用独立的占位栈，渲染完立即还原，无跨调用共享状态
const folds = [];
const asks = [];
const stash = (label, b, cls, opts) => {
folds.push({ label, body: b, cls: cls || '', open: !!(opts && opts.open) });
return `\n\n§§FOLD:${folds.length - 1}§§\n\n`;
};
const stashAsk = (data) => { asks.push(data); return `\n\n§§ASK:${asks.length - 1}§§\n\n`; };
let s = stripTurnMarker(body);
s = s.replace(/[\s\S]*?<\/thinking>/gi, m => stash(t('fold.thinking'), m.replace(/<\/?thinking>/gi, ''), 'fold-thinking'));
s = foldAgentProtocolBlocks(s, {
onTool(name, json, meta) {
if (name === 'ask_user' && !meta?.inFlight) {
const data = parseAskUserJson(json);
if (data && normalizeAskUserData(data)) return stashAsk(data);
}
const live = !!meta?.inFlight;
return stash(`${t('fold.tool')}: ${name}${live ? ' …' : ''}`, json,
live ? 'fold-tool fold-tool-live' : 'fold-tool', { open: live });
},
onResult(b, meta) {
const live = !!meta?.inFlight;
return stash(`${t('fold.toolResult')}${live ? ' …' : ''}`, b,
live ? 'fold-result fold-tool-live' : 'fold-result', { open: live });
},
});
s = s.replace(/[\s\S]*?<\/function_calls>/gi, m => stash(t('fold.tool'), m, 'fold-tool'));
s = s.replace(/[\s\S]*?<\/function_results>/gi, m => stash(t('fold.toolResult'), m, 'fold-result'));
s = s.replace(/([\s\S]*?)<\/summary>/gi, (_, inner) => `
([\s\S]*?)<\/summary>/gi, (_, inner) => `${inner}`);
let html = renderMarkdown(s);
// 还原占位符
html = html
.replace(/§§ASK:(\d+)§§/g, (_, i) => {
const data = asks[Number(i)];
return data ? renderAskUserNotice(data) : '';
})
.replace(/§§FOLD:(\d+)§§/g, (_, i) => {
const f = folds[Number(i)];
if (!f) return '';
const openAttr = f.open ? ' open' : '';
return `${escapeHtml(f.label)}
${escapeHtml(f.body)}`;
});
return html;
}
// 抽出该轮首个 文本作为折叠头副标题；无则回退提取工具名列表
function extractTurnSummaryPure(raw) {
const m = /([\s\S]*?)<\/summary>/i.exec(raw || '');
if (m) return m[1].replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();
const tools = [];
const toolRe = /🛠️\s*Tool:\s*`([^`]+)`/g;
let tm;
while ((tm = toolRe.exec(raw || '')) !== null) {
if (!tools.includes(tm[1])) tools.push(tm[1]);
}
return tools.length ? tools.join(', ') : '';
}
// 旧轮折叠壳：内部 turnIndex 从 0 起；UI 标题显示为 1 起。调用方一律传内部下标。
function turnDisplayNo(turnIndex) {
return Math.max(0, Number(turnIndex) || 0) + 1;
}
function renderTurnFold(body, turnIndex) {
const raw = stripTurnMarker(body);
const sum = extractTurnSummaryPure(raw);
const bodyForRender = sum ? raw.replace(/[\s\S]*?<\/summary>\s*/i, '') : raw;
const inner = renderTurnBody(bodyForRender);
const turnLabel = t('fold.turn').replace('{n}', turnDisplayNo(turnIndex));
const head = sum
? `${escapeHtml(turnLabel)}：${escapeHtml(sum)}`
: escapeHtml(turnLabel);
return `${head}
${inner}`;
}
function lastInflightBlockBody(body) {
const lines = String(body || '').split('\n');
let last = null;
for (let i = 0; i < lines.length; i++) {
const liveTool = parseInFlightToolCall(lines, i);
if (liveTool?.inFlight) { last = { body: liveTool.body }; i = liveTool.nextLine - 1; continue; }
const closedTool = parseToolCallBlock(lines, i);
if (closedTool) { last = null; i = closedTool.nextLine - 1; continue; }
const liveRes = parseInFlightToolResult(lines, i);
if (liveRes?.inFlight) { last = { body: liveRes.body }; i = liveRes.nextLine - 1; continue; }
const closedRes = parseToolResultBlock(lines, i);
if (closedRes) { last = null; i = closedRes.nextLine - 1; continue; }
}
return last;
}
function tryPatchInflightToolDom(curEl, body, prevBody) {
if (!prevBody || body.length < prevBody.length || !body.startsWith(prevBody)) return false;
if (!curEl.querySelector('details.fold-tool-live')) return false;
const prevBlock = lastInflightBlockBody(prevBody);
const curBlock = lastInflightBlockBody(body);
if (!curBlock || !prevBlock || !curBlock.body.startsWith(prevBlock.body)) return false;
const liveFolds = curEl.querySelectorAll('details.fold-tool-live');
const pre = liveFolds[liveFolds.length - 1]?.querySelector('.fold-pre');
if (!pre) return false;
pre.textContent = curBlock.body;
return true;
}
function parseAskUserJson(raw) {
if (raw == null) return null;
const txt = String(raw).trim();
if (!txt) return null;
try { return JSON.parse(txt); } catch (_) {}
try {
let out = '';
let inStr = false;
let esc = false;
for (let i = 0; i < txt.length; i++) {
const c = txt[i];
if (esc) { out += c; esc = false; continue; }
if (c === '\\') { out += c; esc = true; continue; }
if (c === '"') { inStr = !inStr; out += c; continue; }
if (inStr) {
if (c === '\n') out += '\\n';
else if (c === '\r') out += '\\r';
else if (c === '\t') out += '\\t';
else if (c.charCodeAt(0) < 0x20) out += '\\u' + c.charCodeAt(0).toString(16).padStart(4, '0');
else out += c;
} else out += c;
}
return JSON.parse(out);
} catch (_) {}
return null;
}
function normalizeAskUserData(data) {
const raw = data || {};
const question = String(raw.question || '').trim();
if (!question) return null;
const cs = raw.candidates || [];
const candidates = Array.isArray(cs)
? cs.map(x => String(x == null ? '' : x)).filter(x => x.trim())
: [];
return { question, candidates };
}
/** 格式化 ask_user 题干：编号与正文同行；无空行时在 2./3. 前分段 */
function formatAskUserQuestion(text) {
let s = String(text || '').trim();
if (!s) return s;
// 「1.\n正文」→「1. 正文」
s = s.replace(/^(\d+[.、:：)])\s*\n+\s*/gm, '$1 ');
s = s.replace(/(\n)(\d+[.、:：)])\s*\n+\s*/g, '$1$2 ');
s = s.replace(/(\n|^)(问题\s*\d+\s*[:：.、)]?)\s*\n+\s*/gi, '$1$2 ');
// 题与题之间：尚无空行时，仅在 2./3. 前插入空行（不动 1. 与题干）
if (!/\n\s*\n/.test(s)) {
s = s.replace(/(\S)\s+(?=问题\s*[2-9]\d*\s*[:：.、)]?\s*)/gi, '$1\n\n');
s = s.replace(/(\S)\s+(?=[2-9]\d*[.、:：)]\s+\S)/g, '$1\n\n');
}
return boldAskQuestionLines(s);
}
function boldAskQuestionLines(text) {
return String(text || '').split('\n').map(line => {
const t = line.trim();
if (!t || /^\*\*.+\*\*$/.test(t)) return line;
if (/^\d+[.、:：)]\s+\S/.test(t)) return '**' + t + '**';
if (/^问题\s*\d+/i.test(t)) return '**' + t + '**';
if (/[？?]\s*$/.test(t) && !/^[A-Da-d][.)]\s/.test(t)) return '**' + t + '**';
return line;
}).join('\n');
}
function markAskOptionHtml(html) {
let out = String(html || '');
out = out.replace(/([^<]*[A-Da-d][.)]\s[^<]*)<\/p>/gi, '
$1
');
out = out.replace(/()\s*([A-Da-d][.)]\s[^<]+)/gi, '$2');
return out;
}
/** 预览模式：true = 始终显示 candidates；false = 题干已含选项/多题时不重复渲染底部列表 */
const ASK_USER_ALWAYS_SHOW_CANDIDATES = false;
/** 题干已含选项/多题，或 candidates 无法与题干对应时，不再重复渲染底部列表 */
function shouldShowAskCandidates(item) {
if (!item || !item.candidates.length) return false;
if (ASK_USER_ALWAYS_SHOW_CANDIDATES) return true;
const q = item.question;
if (/两个问题|多个问题|两道|两题/.test(q)) return false;
if ((q.match(/问题\s*\d/gi) || []).length >= 2) return false;
if ((q.match(/^[ \t]*\d+[.、:：)]\s+/gm) || []).length >= 2) return false;
if ((q.match(/^[ \t]*[A-Da-d][.)]\s/mg) || []).length >= 2) return false;
const comboN = item.candidates.filter(c => /\d+[A-Da-d]\s*\+\s*\d+[A-Da-d]/i.test(c)).length;
if (comboN >= Math.max(1, Math.ceil(item.candidates.length * 0.5))) return false;
// 题干里有多道问句，却把全部选项平铺在 candidates → 无法区分归属，不展示
const qMarks = (q.match(/[？?]/g) || []).length;
if (qMarks >= 2 && item.candidates.length > 4) return false;
return true;
}
function renderAskUserNotice(data) {
const item = normalizeAskUserData(data);
if (!item) return '';
// 单题与多题统一处理：多题的选项本就内联在题干里；单题的选项放在 candidates 里，
// 这里把它折叠进题干，按同样的 A./B./C. 内联方式渲染，不再单独画一个编号列表。
const question = foldAskCandidates(item);
const qHtml = markAskOptionHtml(renderMarkdown(formatAskUserQuestion(question)));
return `
${qHtml ? `${qHtml}` : ''}
`;
}
/** 单题的 candidates 折叠进题干（统一成 A./B./C. 内联选项）；多题或无法对应时原样返回题干 */
function foldAskCandidates(item) {
if (!shouldShowAskCandidates(item)) return item.question;
const opts = item.candidates.map((c, j) => {
const label = String(c).replace(/^\s*(?:[A-Za-z]|\d{1,2})\s*[.)、:：]\s*/, '').trim();
return `${String.fromCharCode(65 + j)}. ${label}`;
}).join('\n');
// 用单换行（而非空行）拼进题干，让题干+选项渲染成同一个 ，每个选项都跟在
后面 —
// 与多题内联选项走完全一致的 .ask-option-line 缩进，避免首项 A 贴左边、B/C/D 缩进的错位。
return item.question.replace(/\s+$/, '') + '\n' + opts;
}
function askUserPlaceholder(item) {
// 单题与多题统一：都用自由作答提示，不再针对单题单独显示「输入 1/2/3 选择」
return t('ask.placeholderOpen');
}
function assistantStructuredText(msg) {
if (!msg || msg.role !== 'assistant') return '';
if (Array.isArray(msg.turn_segs) && msg.turn_segs.length) return msg.turn_segs.join('\n');
return typeof msg.content === 'string' ? msg.content : '';
}
function getPendingAskUser(sess) {
if (!sess || rt(sess).busy) return null;
const msgs = sess.messages || [];
let lastAskIdx = -1;
let askData = null;
for (let i = msgs.length - 1; i >= 0; i--) {
if (msgs[i].role !== 'assistant') continue;
const json = extractAskUserToolJson(assistantStructuredText(msgs[i]));
if (json != null) {
lastAskIdx = i;
askData = normalizeAskUserData(parseAskUserJson(json));
break;
}
}
if (!askData) return null;
const replied = msgs.slice(lastAskIdx + 1).some(m => m.role === 'user');
return replied ? null : askData;
}
function syncAskUserUi() {
const sess = activeSess();
const pending = sess ? getPendingAskUser(sess) : null;
const notices = [...document.querySelectorAll('.ask-user-notice')];
notices.forEach((el, i) => {
const isLast = i === notices.length - 1;
el.classList.toggle('is-active', !!pending && isLast);
el.classList.toggle('is-answered', !pending || !isLast);
});
if (inputEl) inputEl.setAttribute('data-ph', pending ? askUserPlaceholder(pending) : t('composer.placeholder')); // contenteditable 用 data-ph（无 placeholder 属性）
if (composerEl) composerEl.classList.toggle('is-awaiting-answer', !!pending);
}
/* ═══════════════ 渲染后增强 (PR移植) ═══════════════ */
/* ───────────── 统一复制 SVG Icon ───────────── */
// Phosphor 图标助手：把 window.gaIcon(name) 包一层，给动态渲染的 UI 用，与静态 [data-ga-icon] 保持一致
const GA_ICON = (name, className = '') => (typeof window.gaIcon === 'function' ? window.gaIcon(name, className) : '');
const SVG_COPY_ICON = GA_ICON('copy');
const SVG_CHECK_ICON = GA_ICON('check');
function postRenderEnhance(containerEl) {
if (!containerEl) return;
// 代码高亮 + 复制按钮（.code-block 容器已自带头部复制按钮，跳过）
containerEl.querySelectorAll('pre code').forEach(block => {
if (typeof hljs !== 'undefined') hljs.highlightElement(block);
if (block.closest('.code-block')) return; // TUI 风格容器已有复制按钮
if (!block.parentElement.querySelector('.code-copy-btn')) {
const btn = document.createElement('button');
btn.className = 'code-copy-btn'; btn.innerHTML = SVG_COPY_ICON;
btn.title = t('act.copy');
btn.onclick = () => {
navigator.clipboard.writeText(block.textContent).then(() => {
btn.innerHTML = SVG_CHECK_ICON; setTimeout(() => btn.innerHTML = SVG_COPY_ICON, 1500);
});
};
block.parentElement.style.position = 'relative';
block.parentElement.appendChild(btn);
}
});
// TUI 代码块头部复制按钮绑定
containerEl.querySelectorAll('.code-block-copy').forEach(btn => {
if (btn.dataset.bound) return;
btn.dataset.bound = '1';
btn.onclick = () => {
const code = btn.closest('.code-block').querySelector('code');
if (!code) return;
navigator.clipboard.writeText(code.textContent.trim()).then(() => {
btn.textContent = '\u2713';
setTimeout(() => { btn.textContent = '\u29C9'; }, 1500);
});
};
});
// KaTeX 复制按钮
containerEl.querySelectorAll('.katex-block').forEach(el => {
if (el.querySelector('.latex-copy-btn')) return;
const src = el.querySelector('annotation[encoding="application/x-tex"]');
if (!src) return;
const btn = document.createElement('button');
btn.className = 'latex-copy-btn'; btn.textContent = '\u29C9';
btn.title = t('act.copyTex');
btn.onclick = () => {
navigator.clipboard.writeText(src.textContent).then(() => {
btn.textContent = '\u2713'; setTimeout(() => btn.textContent = '\u29C9', 1500);
});
};
el.style.position = 'relative';
el.appendChild(btn);
});
syncAskUserUi();
}
/* ═══════════════ 状态 ═══════════════ */
const state = {
sessions: new Map(), activeId: null, bridgeReady: false,
llmNo: 0, modelProfiles: [], modelName: null,
runtime: new Map(),
pendingFiles: [],
fileSeq: 0,
};
function rt(sess) {
let r = state.runtime.get(sess.id);
if (!r) { r = { polling:false, busy:false, lastId:0, seen:new Set(), draftEl:null, draftSegs:null, draftTurn:0, taskStartedAt:null, taskEndedAt:null, taskTimerId:null, planCompleteAt:null, planLostAt:null, planHoldItems:[], planLastPayload:null, planLastComplete:false, planHideTimer:null, planDismissedComplete:false, planCollapsed:false, planShowAll:false }; state.runtime.set(sess.id, r); }
return r;
}
const activeSess = () => state.sessions.get(state.activeId) || null;
const isActive = (sess) => sess && sess.id === state.activeId;
function saveSessions() {}
function patchSession(sess, fields) {
if (!sess.bridgeSessionId) return;
fetch(`${BRIDGE_ORIGIN}/session/${encodeURIComponent(sess.bridgeSessionId)}`, {
method: 'PATCH', headers: {'Content-Type':'application/json'}, body: JSON.stringify(fields)
}).catch(() => {});
}
async function loadSessions() {
try {
const res = await fetch(`${BRIDGE_ORIGIN}/sessions`);
const data = await res.json();
if (!data.sessions) return;
for (const s of data.sessions) {
state.sessions.set(s.id, {
id: s.id, bridgeSessionId: s.id, title: s.title,
messages: [], untitled: s.untitled ?? true,
pinned: s.pinned ?? false, lastActiveTs: s.updatedAt || s.createdAt
});
}
// 刷新后固定恢复「上次正在看的会话」（前端持久化的 ga_active），而不是 bridge 的
// activeSessionId（=最近更新的会话，会随后台会话变动而跳来跳去）。没有有效的已存
// 会话则置空 → 显示「新会话」空态，由用户自己点选。
const savedActive = localStorage.getItem('ga_active');
state.activeId = (savedActive && state.sessions.has(savedActive)) ? savedActive : null;
} catch (_) {}
}
/* ═══════════════ DOM refs ═══════════════ */
const chatPage = document.querySelector('.page[data-page="chat"]');
const msgArea = chatPage.querySelector('.msg-area');
const chatStart = msgArea.querySelector('.chat-start');
const inputEl = document.getElementById('chat-input');
const sendBtn = document.getElementById('send-btn');
const planBarEl = document.getElementById('plan-bar');
const composerEl = document.getElementById('chat-composer');
const msgLoading = document.getElementById('msg-loading');
const sessionLoadingEl = document.getElementById('session-loading');
const MIN_MSG_LOADING_MS = 450;
const HYDRATE_LOADING_TIMEOUT_MS = 10000;
const POLL_MSG_LIMIT = 200;
const PLAN_LOST_GRACE_MS = 1500; // tuiapp_v2._PLAN_LOST_GRACE_SEC
const PLAN_COMPLETE_GRACE_MS = 3000; // tuiapp_v2._PLAN_GRACE_SEC
function isPlanPresetPrompt(text) {
const p = String(text || '').toLowerCase();
return p.includes('plan_sop') || p.includes('plan 模式') || p.includes('plan mode');
}
let _submitInFlight = false;
const runToggle = document.getElementById('run-toggle');
const chatStatus = pageStatusBar(runToggle);
const runLabel = runToggle?.querySelector('.rs-label');
const convListEl = document.querySelector('.conv-list');
const newConvBtn = document.querySelector('.new-conv');
const searchInput = document.querySelector('.search input');
const rpResize = document.getElementById('rp-resize');
const rpPanel = document.getElementById('rightpanel');
const bodyEl = document.querySelector('.body');
/* 每个页面的 page-top 各自挂一对 hamburger / 会话 按钮(.pt-sb-toggle / .pt-rp-toggle),
全部绑同一个 toggle,效果跟以前的单一 sb-toggle/rp-toggle 一样,只是入口变成顶栏。 */
document.querySelectorAll('.pt-sb-toggle').forEach(b => b.addEventListener('click', () => bodyEl.classList.toggle('sb-collapsed')));
document.querySelectorAll('.pt-rp-toggle').forEach(b => b.addEventListener('click', () => bodyEl.classList.toggle('rp-collapsed')));
const sbResize = document.getElementById('sb-resize');
const sbPanel = document.querySelector('.sidebar');
// 通用拖拽：dir=+1 拖动 →clientX 增大就增宽(左侧栏);dir=-1 反之(右侧)
function bindResize(handle, panel, dir, min, max) {
if (!handle || !panel) return;
let dragging = false, startX = 0, startW = 0;
handle.addEventListener('mousedown', (e) => {
dragging = true; startX = e.clientX; startW = panel.offsetWidth;
handle.classList.add('dragging');
panel.style.transition = 'none'; // 拖拽期间禁用 transition，避免宽度动画延迟
document.body.style.cursor = 'col-resize';
document.body.style.userSelect = 'none';
e.preventDefault();
});
document.addEventListener('mousemove', (e) => {
if (!dragging) return;
const w = Math.min(max, Math.max(min, startW + dir * (e.clientX - startX)));
panel.style.width = w + 'px';
panel.style.flex = '0 0 ' + w + 'px';
});
document.addEventListener('mouseup', () => {
if (!dragging) return;
dragging = false;
handle.classList.remove('dragging');
panel.style.transition = ''; // 恢复 CSS transition（按钮折叠动画仍生效）
document.body.style.cursor = '';
document.body.style.userSelect = '';
});
}
bindResize(rpResize, rpPanel, -1, 160, 400); // 右栏:cursor 左移 → 增宽
bindResize(sbResize, sbPanel, +1, 180, 360); // 左栏:cursor 右移 → 增宽
const modelChip = document.getElementById('model-chip');
const modelNameEl= modelChip ? modelChip.querySelector('.model-name') : null;
// conductor 页面也有一个独立的模型 chip,共用一份模型数据
const collabModelChip = document.getElementById('cdb-model-chip');
const collabModelNameEl = collabModelChip ? collabModelChip.querySelector('.model-name') : null;
let msgsEl = null;
function ensureMsgs() {
if (!msgsEl) {
msgsEl = document.createElement('div');
msgsEl.className = 'msgs';
msgArea.insertBefore(msgsEl, msgLoading || null);
}
return msgsEl;
}
function refreshEmptyState(sess) {
const has = sess && sess.messages.length > 0;
msgArea.classList.toggle('has-msgs', !!has);
if (chatStart) chatStart.style.display = has ? 'none' : '';
if (msgsEl) msgsEl.style.display = has ? '' : 'none';
}
function planTpl(tpl, v) {
return String(tpl || '').replace(/\{(\w+)\}/g, (_, k) => (v[k] != null ? String(v[k]) : `{${k}}`));
}
let planPollTimer;
function syncPlanPollTimer() {
const on = !!(activeSess()?.bridgeSessionId && state.bridgeReady);
if (on && !planPollTimer) {
planPollTimer = setInterval(() => {
const s = activeSess();
if (!s || !isActive(s)) return;
planFetch(s);
planTick(s);
}, 1000);
} else if (!on && planPollTimer) {
clearInterval(planPollTimer);
planPollTimer = null;
}
}
function clearPlanGrace(r) {
r.planCompleteAt = r.planLostAt = null;
r.planHoldItems = [];
r.planLastPayload = null;
r.planLastComplete = false;
r.planDismissedComplete = false;
if (r.planHideTimer) { clearTimeout(r.planHideTimer); r.planHideTimer = null; }
}
function schedulePlanCompleteDismiss(sess) {
const r = rt(sess);
if (r.planHideTimer) clearTimeout(r.planHideTimer);
r.planHideTimer = setTimeout(() => {
r.planHideTimer = null;
r.planDismissedComplete = true;
if (isActive(sess)) refreshPlanBar(null);
}, PLAN_COMPLETE_GRACE_MS);
}
/** tuiapp_v2._refresh_planbar：用 runtime 里缓存的 items / placeholder 重绘 */
function refreshPlanBarFromRuntime(sess) {
const r = rt(sess);
const lp = r.planLastPayload;
let items = r.planHoldItems || [];
if (r.planLostAt != null && Date.now() - r.planLostAt >= PLAN_LOST_GRACE_MS) {
items = [];
r.planHoldItems = [];
r.planLostAt = null;
}
if (r.planDismissedComplete) {
refreshPlanBar(null);
return;
}
if (r.planCompleteAt != null && Date.now() - r.planCompleteAt >= PLAN_COMPLETE_GRACE_MS) {
r.planDismissedComplete = true;
refreshPlanBar(null);
return;
}
if (!items.length) {
if (lp?.active && lp.placeholder) {
refreshPlanBar(lp);
return;
}
const held = r.planHoldItems || [];
if (lp?.complete && (lp.items?.length || held.length)) {
refreshPlanBar({
active: true,
placeholder: false,
items: lp.items?.length ? lp.items : held,
done: lp.done ?? held.filter(it => it.status === 'done').length,
total: lp.total ?? (lp.items?.length || held.length),
complete: true,
step: lp.step || '',
});
return;
}
refreshPlanBar(null);
return;
}
refreshPlanBar({
active: true,
placeholder: false,
items,
done: lp?.done ?? items.filter(it => it.status === 'done').length,
total: lp?.total ?? items.length,
complete: !!(lp?.complete || (items.length && items.every(it => it.status === 'done'))),
step: lp?.step || '',
});
}
/** 每秒 tick grace（对齐 TUI _poll_plan_files → _refresh_planbar） */
function planTick(sess) {
if (!sess || !isActive(sess)) return;
refreshPlanBarFromRuntime(sess);
}
function applyPlanPayload(sess, raw) {
if (!sess) return;
const r = rt(sess);
const now = Date.now();
if (raw?.active) {
if (raw.placeholder && !r.planLastPayload?.active) {
r.planCollapsed = false;
r.planShowAll = false;
}
r.planLastPayload = raw;
const items = raw.items || [];
if (items.length) {
r.planLostAt = null;
r.planHoldItems = items;
} else if (!raw.placeholder && !raw.complete && r.planHoldItems.length) {
if (!r.planLostAt) r.planLostAt = now;
}
const nowComplete = !!raw.complete && (items.length > 0 || r.planHoldItems.length > 0);
const wasComplete = r.planLastComplete;
if (nowComplete && !wasComplete) {
r.planCompleteAt = now;
schedulePlanCompleteDismiss(sess);
} else if (!nowComplete) {
r.planCompleteAt = null;
r.planDismissedComplete = false;
if (r.planHideTimer) { clearTimeout(r.planHideTimer); r.planHideTimer = null; }
}
r.planLastComplete = nowComplete;
} else if (r.planHoldItems.length && !r.planDismissedComplete) {
if (!r.planLostAt) r.planLostAt = now;
} else if (!r.planDismissedComplete) {
clearPlanGrace(r);
}
if (!isActive(sess)) return;
if (r.planDismissedComplete) {
refreshPlanBar(null);
return;
}
if (raw?.active && raw.placeholder) {
refreshPlanBar(raw);
return;
}
if (raw?.active && raw.complete && (raw.items?.length || r.planHoldItems.length)) {
refreshPlanBar({
...raw,
items: raw.items?.length ? raw.items : r.planHoldItems,
});
return;
}
refreshPlanBarFromRuntime(sess);
}
function planItemUi(status, isCurrent) {
const st = String(status || 'open').toLowerCase();
if (st === 'done') return { cls: 'plan-item--done', mark: '✓' };
if (st === 'error' || st === 'failed') return { cls: 'plan-item--error', mark: '✕' };
if (st === 'warn' || st === 'warning') return { cls: 'plan-item--warn', mark: '!' };
if (isCurrent) return { cls: 'plan-item--current', mark: '●' };
return { cls: 'plan-item--pending', mark: '○' };
}
function pickPlanWindow(items, stepText) {
const list = Array.isArray(items) ? items : [];
if (!list.length) return { shown: [], curInShown: -1, overflow: 0 };
let cur = list.findIndex(it => it.status !== 'done');
if (cur < 0) cur = list.length - 1;
const step = String(stepText || '').trim();
if (step) {
const hit = list.findIndex(it => String(it.content || '').includes(step.slice(0, 24)));
if (hit >= 0) cur = hit;
}
let start, end;
if (cur <= 1) {
start = cur;
end = Math.min(list.length, cur + 3);
} else {
start = cur - 1;
end = Math.min(list.length, cur + 2);
}
const shown = list.slice(start, end);
return { shown, curInShown: cur - start, overflow: Math.max(0, list.length - shown.length) };
}
function planCapsuleLabel(plan) {
const step = plan.step ? String(plan.step).slice(0, 80) : '';
if (plan.complete) return { tag: t('plan.capsuleComplete'), step: step || planTpl(t('plan.complete'), { n: plan.total }) };
if (plan.placeholder) return { tag: t('plan.placeholder'), step: '' };
return { tag: t('plan.capsuleRunning'), step: step || planTpl(t('plan.header'), { done: plan.done, total: plan.total }) };
}
function bindPlanCardUiOnce() {
if (!planBarEl || planBarEl._planUiBound) return;
planBarEl._planUiBound = true;
planBarEl.addEventListener('click', (e) => {
const sess = activeSess();
if (!sess) return;
const r = rt(sess);
const payload = r.planLastPayload;
if (!payload?.active) return;
if (e.target.closest('[data-plan-expand]')) {
r.planCollapsed = false;
refreshPlanBar(payload);
} else if (e.target.closest('[data-plan-collapse]')) {
r.planCollapsed = true;
refreshPlanBar(payload);
} else if (e.target.closest('[data-plan-details]')) {
r.planShowAll = !r.planShowAll;
refreshPlanBar(payload);
}
});
}
function refreshPlanBar(plan) {
if (!planBarEl) return;
bindPlanCardUiOnce();
if (!plan?.active) {
planBarEl.hidden = true;
planBarEl.replaceChildren();
planBarEl.className = 'plan-card';
return;
}
const sess = activeSess();
const r = sess ? rt(sess) : { planCollapsed: false, planShowAll: false };
const collapsed = !!r.planCollapsed;
const stepText = plan.step ? String(plan.step).slice(0, 120) : '';
const done = plan.done ?? (plan.items || []).filter(it => it.status === 'done').length;
const total = plan.total ?? (plan.items || []).length;
const mod = [
'plan-card',
collapsed ? 'plan-card--collapsed' : 'plan-card--expanded',
plan.complete ? 'plan-card--complete' : '',
plan.placeholder ? 'plan-card--placeholder' : '',
].filter(Boolean).join(' ');
planBarEl.hidden = false;
planBarEl.className = mod;
if (collapsed) {
const cap = planCapsuleLabel(plan);
planBarEl.innerHTML = '';
const btn = document.createElement('button');
btn.type = 'button';
btn.className = 'plan-capsule';
btn.dataset.planExpand = '1';
const dot = document.createElement('span');
dot.className = 'plan-status-dot';
const txt = document.createElement('span');
txt.className = 'plan-capsule-text';
if (cap.step) txt.innerHTML = `${escapeHtml(cap.tag)} · ${escapeHtml(cap.step)}`;
else txt.textContent = cap.tag;
btn.append(dot, txt);
planBarEl.append(btn);
return;
}
const frag = document.createDocumentFragment();
const head = document.createElement('div');
head.className = 'plan-card-head';
const dot = document.createElement('span');
dot.className = 'plan-status-dot';
const title = document.createElement('span');
title.className = 'plan-title';
title.textContent = plan.placeholder ? t('plan.placeholder')
: plan.complete ? t('plan.completeTitle')
: t('plan.running');
head.append(dot, title);
if (!plan.placeholder && total > 0) {
const prog = document.createElement('span');
prog.className = 'plan-progress';
prog.textContent = `${done}/${total}`;
head.append(prog);
}
const actions = document.createElement('div');
actions.className = 'plan-head-actions';
const collapseBtn = document.createElement('button');
collapseBtn.type = 'button';
collapseBtn.className = 'plan-btn';
collapseBtn.dataset.planCollapse = '1';
collapseBtn.textContent = t('plan.collapse');
actions.append(collapseBtn);
head.append(actions);
frag.append(head);
if (stepText) {
const cur = document.createElement('div');
cur.className = 'plan-current';
const lab = document.createElement('span');
lab.className = 'plan-current-label';
lab.textContent = `${t('plan.current')}：`;
const body = document.createElement('span');
body.className = 'plan-current-text';
body.textContent = stepText;
cur.append(lab, body);
frag.append(cur);
}
if (plan.placeholder) {
const wait = document.createElement('div');
wait.className = 'plan-wait';
wait.textContent = planTpl(t('plan.waiting'), { path: plan.pathHint || 'plan.md' });
frag.append(wait);
} else {
const list = plan.items || [];
const { shown, curInShown, overflow } = r.planShowAll
? { shown: list, curInShown: list.findIndex(it => it.status !== 'done'), overflow: 0 }
: pickPlanWindow(list, stepText);
if (shown.length) {
const ul = document.createElement('ul');
ul.className = 'plan-items';
shown.forEach((it, i) => {
const ui = planItemUi(it.status, i === curInShown);
const li = document.createElement('li');
li.className = 'plan-item ' + ui.cls;
const mark = document.createElement('span');
mark.className = 'plan-item-mark';
mark.textContent = ui.mark;
const txt = document.createElement('span');
txt.className = 'plan-item-text';
txt.textContent = it.content || '';
li.append(mark, txt);
ul.append(li);
});
frag.append(ul);
}
const foot = document.createElement('div');
foot.className = 'plan-foot';
const moreN = r.planShowAll ? 0 : (overflow || Math.max(0, list.length - shown.length));
if (moreN > 0) {
const hint = document.createElement('span');
hint.className = 'plan-more-hint';
hint.textContent = planTpl(t('plan.overflow'), { n: moreN });
foot.append(hint);
}
if (list.length > 3) {
const det = document.createElement('button');
det.type = 'button';
det.className = 'plan-btn';
det.dataset.planDetails = '1';
det.textContent = r.planShowAll ? t('plan.collapse') : t('plan.details');
foot.append(det);
}
if (foot.childNodes.length) frag.append(foot);
}
planBarEl.replaceChildren(frag);
}
async function planFetch(sess) {
if (!sess?.bridgeSessionId || !state.bridgeReady || !isActive(sess)) return;
try {
const res = await fetch(`${BRIDGE_ORIGIN}/session/${encodeURIComponent(sess.bridgeSessionId)}/plan`);
if (!res.ok) throw new Error(`plan ${res.status}`);
const data = await res.json();
applyPlanPayload(sess, data.plan ?? data.result?.plan);
} catch (_) { /* 对齐 TUI：读盘/网络失败不立刻清空条 */ }
}
async function planPoll(sess) {
await planFetch(sess);
planTick(sess);
}
/* ═══════════════ 消息渲染 ═══════════════ */
function stripAttachPlaceholders(text) {
return String(text || '').replace(/\[(Image|File)\s+#\d+\]\s*/g, '').trim();
}
// 把消息文本里的 [Image #N]/[File #N] 占位符“按原位置”渲染成内联 chip(显示文件名),其余文本转义+换行,
// 这样消息里能看到附件在文本中的位置(卡片/缩略图照常另外渲染)。lookup(kind,n) 取该附件文件名。
// 同时兜底去掉内联的本地上传路径(历史/conductor 回显)。
function renderMsgTextWithChips(text, lookup) {
const s = String(text || '').replace(/[^\s]*desktop_uploads[^\s]*\s*/g, '');
const esc = t2 => escapeHtml(t2).replace(/\n/g, '
');
const re = /\[(Image|File)\s+#(\d+)\]/g;
let out = '', last = 0, m;
while ((m = re.exec(s))) {
out += esc(s.slice(last, m.index));
const name = (lookup && lookup(m[1], Number(m[2]))) || (m[1] === 'Image' ? 'image' : 'file');
out += `${escapeHtml(name)}`;
last = re.lastIndex;
}
out += esc(s.slice(last));
return out.trim();
}
function fileSubLabel(name) {
const m = String(name || '').match(/\.([^.]+)$/);
if (!m) return t('file.kindGeneric');
const ext = m[1].toLowerCase();
const docExts = ['pdf', 'doc', 'docx', 'rtf', 'odt', 'pages', 'tex'];
const sheetExts = ['xls', 'xlsx', 'csv', 'tsv', 'numbers', 'ods'];
const slideExts = ['ppt', 'pptx', 'key', 'odp'];
const codeExts = ['py', 'js', 'ts', 'tsx', 'jsx', 'java', 'c', 'cpp', 'h', 'hpp', 'rs', 'go', 'rb', 'php', 'sh', 'html', 'css', 'json', 'yaml', 'yml', 'xml', 'sql', 'md'];
const archiveExts = ['zip', 'tar', 'gz', 'rar', '7z', 'bz2'];
const audioExts = ['mp3', 'wav', 'flac', 'aac', 'ogg', 'm4a'];
const videoExts = ['mp4', 'mov', 'avi', 'mkv', 'webm', 'wmv'];
if (docExts.includes(ext)) return t('file.kindDoc');
if (sheetExts.includes(ext)) return t('file.kindSheet');
if (slideExts.includes(ext)) return t('file.kindSlide');
if (codeExts.includes(ext)) return t('file.kindCode') + ' · ' + ext.toUpperCase();
if (archiveExts.includes(ext)) return t('file.kindArchive');
if (audioExts.includes(ext)) return t('file.kindAudio');
if (videoExts.includes(ext)) return t('file.kindVideo');
return ext.toUpperCase();
}
/** 无 turn_segs 时按 LLM Running 标记切轮（与 stapp.fold_turns 同源） */
function splitContentTurnSegs(content) {
const src = String(content || '');
const parts = src.split(/\**LLM Running \(Turn \d+\) \.\.\.\**/);
const segs = [];
for (let i = 1; i < parts.length; i++) {
const body = parts[i] || '';
if (body.length || segs.length) segs.push(body);
}
if (segs.length > 1) return segs;
return src.length ? [src] : [];
}
function assistantTurnSegs(msg) {
if (Array.isArray(msg?.turn_segs) && msg.turn_segs.length) return msg.turn_segs;
if (typeof msg?.content === 'string' && msg.content.length) return splitContentTurnSegs(msg.content);
return [];
}
/** turn_segs 未就绪时回退 content（双轨兼容，不改 ljq 渲染主路径） */
function draftSegsFromPartial(raw, m) {
const segs = Array.isArray(m.turn_segs) ? m.turn_segs : [];
if (segs.length && segs.some(s => (s || '').length > 0)) return segs;
const content = typeof raw.content === 'string' ? raw.content : (m.content || '');
return content ? [content] : segs;
}
function firstNonEmptyTurnIndex(segs) {
const arr = Array.isArray(segs) ? segs : [];
for (let i = 0; i < arr.length; i++) {
if ((arr[i] || '').length > 0) return i;
}
return 0;
}
// 后端 curr_turn 是内部 0-based 下标。展示时优先当前 turn；若该 turn 为空，回退到最后一个非空 turn。
function resolveVisibleTurnIndex(segs, preferredTurn) {
const arr = Array.isArray(segs) ? segs : [];
const first = firstNonEmptyTurnIndex(arr);
const preferred = Number.isFinite(Number(preferredTurn)) ? Number(preferredTurn) : -1;
if (preferred >= 0 && (arr[preferred] || '').length > 0) return preferred;
for (let i = arr.length - 1; i >= 0; i--) {
if ((arr[i] || '').length > 0) return i;
}
return Math.max(first, preferred >= 0 ? preferred : (arr.length ? arr.length - 1 : first));
}
// 静态完整渲染：visibleTurn 之前的 seg 固化折叠；visibleTurn 作为当前正文展示。
function renderAssistantTurnsHtml(segs, currTurn, withCursor = false) {
const arr = Array.isArray(segs) ? segs : [];
if (!arr.length) return '';
const first = firstNonEmptyTurnIndex(arr);
const curr = resolveVisibleTurnIndex(arr, currTurn);
let html = '';
for (let i = first; i < curr; i++) {
if ((arr[i] || '').length > 0) html += `
${renderTurnFold(arr[i] || '', i)}`;
}
html += `${renderTurnBody(arr[curr] || '')}${withCursor ? '' : ''}`;
return html;
}
function assistantCopyText(msg) {
const segs = assistantTurnSegs(msg);
if (segs.length) {
// 复制保持旧行为：只复制当前/最后可见 turn，不复制已折叠历史 turn。
const turn = resolveVisibleTurnIndex(segs, msg?.curr_turn);
return stripTurnMarker(segs[turn] || '').replace(/[\s\S]*?<\/summary>\s*/i, '').trim();
}
return '';
}
function msgNode(msg) {
const el = document.createElement('div');
el.className = 'msg ' + (msg.role || 'system');
if (msg.role === 'user') {
const shown = (typeof msg.display === 'string' && msg.display.length) ? msg.display : msg.content;
const imgsHtml = (msg.images && msg.images.length)
? `${msg.images.map(im => `})
`).join('')}`
: '';
const filesHtml = (msg.files && msg.files.length)
? `${msg.files.map(f => {
const name = f.name || 'file';
const sub = fileSubLabel(name);
return ``;
}).join('')}`
: '';
const chipText = renderMsgTextWithChips(shown, (kind, n) => {
const hit = (kind === 'Image' ? (msg.images || []) : (msg.files || [])).find(x => x.id === 'f-' + n);
return hit && (hit.name || '');
});
const textHtml = chipText ? `${chipText}` : '';
el.innerHTML = `${filesHtml}${imgsHtml}${textHtml}`;
}
else if (msg.role === 'assistant') {
const segs = assistantTurnSegs(msg);
let html = renderAssistantTurnsHtml(segs, msg.curr_turn, false);
if (msg.stopped) html += `[${escapeHtml(t('status.stopped'))}]
`;
el.innerHTML = `${html}`;
postRenderEnhance(el.querySelector('.bubble'));
}
else if (msg.role === 'error') el.innerHTML = `${escapeHtml(msg.content)}`;
else el.innerHTML = `${escapeHtml(msg.content)}`;
if (msg.role === 'user' || msg.role === 'assistant') {
const copyBtn = document.createElement('button');
copyBtn.className = 'bubble-copy-btn';
copyBtn.title = t('act.copy');
copyBtn.innerHTML = SVG_COPY_ICON;
copyBtn.addEventListener('click', (e) => {
e.stopPropagation();
const text = (msg.role === 'user')
? stripAttachPlaceholders((typeof msg.display === 'string' && msg.display.length) ? msg.display : (msg.content || ''))
: assistantCopyText(msg);
navigator.clipboard.writeText(text).then(() => {
copyBtn.innerHTML = SVG_CHECK_ICON;
setTimeout(() => { copyBtn.innerHTML = SVG_COPY_ICON; }, 1500);
});
});
el.appendChild(copyBtn);
}
return el;
}
function collabItemToMsg(item) {
const attach = arr => (arr || []).map(x => {
const sid = x.sid != null ? x.sid : (String(x.id || '').startsWith('f-') ? String(x.id).slice(2) : x.id);
return { id: 'f-' + sid, name: x.name, path: x.path, dataUrl: x.dataUrl };
});
if (item.role === 'user') {
return { role: 'user', content: item.msg, display: item.msg, images: attach(item.images), files: attach(item.files) };
}
if (item.role === 'conductor') return { role: 'assistant', turn_segs: [item.msg || ''], curr_turn: 0 };
if (item.role === 'error') return { role: 'error', content: item.msg || '' };
return { role: 'system', content: item.msg || '' };
}
function renderAllMessages(sess) {
const box = ensureMsgs(); box.innerHTML = '';
for (const m of sess.messages) box.appendChild(msgNode(m));
syncAskUserUi();
// badge 恢复在 pollSession finally 中执行（此时 messages 已通过异步加载填充）
refreshEmptyState(sess); scrollBottom(true);
}
// 遍历消息对，用 ts 差值恢复 badge；对运行中任务恢复 taskStartedAt
function restoreElapsedBadges(sess, box) {
const msgs = sess.messages;
if (!msgs || !msgs.length) return;
const nodes = box.querySelectorAll('.msg');
let lastUserTs = null;
for (let i = 0; i < msgs.length; i++) {
if (msgs[i].role === 'user') {
lastUserTs = msgs[i].ts ? msgs[i].ts * 1000 : null; // 无 ts 则重置
} else if (msgs[i].role === 'assistant') {
if (lastUserTs && msgs[i].ts) {
const elapsed = msgs[i].ts * 1000 - lastUserTs;
if (elapsed > 0 && nodes[i]) {
ensureTaskElapsedBadge(nodes[i], lastUserTs, msgs[i].ts * 1000);
}
}
lastUserTs = null;
}
}
// 运行中任务：最后一条是 user 且 session busy，恢复实时计时
if (lastUserTs && rt(sess).busy) {
const r = rt(sess);
r.taskStartedAt = lastUserTs;
r.taskEndedAt = null;
}
}
function appendMessage(sess, msg) {
if (!isActive(sess)) return;
const el = msgNode(msg);
ensureMsgs().appendChild(el);
if (msg.role === 'assistant') {
const r = rt(sess);
if (r.taskStartedAt) {
ensureTaskElapsedBadge(el, r.taskStartedAt, r.taskEndedAt || Date.now());
r.taskStartedAt = null; r.taskEndedAt = null;
}
}
refreshEmptyState(sess); scrollBottom(true);
if (msg.role === 'assistant' || msg.role === 'user') syncAskUserUi();
}
function isNearBottom(threshold = 80) {
return msgArea.scrollHeight - msgArea.scrollTop - msgArea.clientHeight < threshold;
}
function scrollBottom(force) {
if (force || isNearBottom()) {
requestAnimationFrame(() => { msgArea.scrollTop = msgArea.scrollHeight; });
}
}
/* ═══════════════ 打字机效果 (PR移植) ═══════════════ */
const TW_SPEED = 10; // 逐字步长；paintDraft 只重绘当前轮
const TW_INTERVAL = 35; // ms
const TW_CATCHUP_THRESHOLD = 480; // 积压过大时加速追平
const TW_CATCHUP_MULTIPLIER = 8;
const TW_RECOVER_MIN = 1200; // 保留常量；刷新恢复改由 snapDraftRecover 一律对齐
const DRAFT_INTERACT_MS = 520; // 用户滚代码块/点折叠时暂缓 DOM 重写
function isDraftInteractFrozen(r) {
return Date.now() < (r.draftFreezeUntil || 0);
}
function armDraftInteractFreeze(r, ms = DRAFT_INTERACT_MS) {
r.draftFreezeUntil = Math.max(r.draftFreezeUntil || 0, Date.now() + ms);
}
function snapshotDraftScroll(root) {
if (!root) return [];
return [...root.querySelectorAll('.bubble .code-block pre, .bubble .fold-pre')].map(n => n.scrollTop);
}
function restoreDraftScroll(root, tops) {
if (!root || !tops.length) return;
const nodes = root.querySelectorAll('.bubble .code-block pre, .bubble .fold-pre');
tops.forEach((top, i) => { if (nodes[i] && top > 0) nodes[i].scrollTop = top; });
}
function bindDraftInteractGuard(el, r) {
if (!el || el.dataset.gaDraftGuard) return;
el.dataset.gaDraftGuard = '1';
const arm = () => { if (!r._suppressToggleFreeze) armDraftInteractFreeze(r); };
el.addEventListener('mousedown', (e) => {
if (e.target.closest('details summary, .code-block pre, .fold-pre')) armDraftInteractFreeze(r);
}, true);
el.addEventListener('wheel', (e) => {
if (e.target.closest('.code-block pre, .fold-pre')) armDraftInteractFreeze(r);
}, { capture: true, passive: true });
el.addEventListener('toggle', (e) => {
if (e.target.matches('details')) arm();
}, true);
}
function resetTypewriterState(r) {
if (r.twState?.timer) clearInterval(r.twState.timer);
r.twState = null;
r.draftRecoverPending = false;
r.draftStreamBaseline = 0;
r._draftPaintBody = '';
}
/** 刷新/hydrate/重连：已有 partial 一次性对齐全文并单帧绘制，不重播打字机 */
function snapDraftRecover(r) {
if (!r.draftRecoverPending || !r.draftEl) return false;
if (!r.twState) r.twState = { turn: 0, shown: 0, timer: null };
const tw = r.twState;
if (tw.timer) { clearInterval(tw.timer); tw.timer = null; }
const segs = Array.isArray(r.draftSegs) ? r.draftSegs : [];
const turn = Math.max(0, Number(r.draftTurn) || 0);
tw.turn = turn;
tw.shown = (segs[turn] || '').length;
r.draftRecoverPending = false;
r.draftStreamBaseline = tw.shown;
r._draftPaintBody = '';
ensureDraftFrozenThrough(r, turn);
paintDraft(r, turn, segs[turn] || '');
return true;
}
function renderDraft(sess) {
const r = rt(sess);
if (!isActive(sess)) return;
const box = ensureMsgs();
if (!r.draftEl || r.draftEl.parentNode !== box) {
r.draftEl = document.createElement('div'); r.draftEl.className = 'msg assistant'; box.appendChild(r.draftEl);
bindDraftInteractGuard(r.draftEl, r);
if (r.taskStartedAt) ensureTaskElapsedBadge(r.draftEl, r.taskStartedAt, null);
}
if (!r.twState) r.twState = { turn: 0, shown: 0, timer: null };
const tw = r.twState;
const backendTurn = Math.max(0, Number(r.draftTurn) || 0);
if (tw.turn == null || tw.turn < 0) tw.turn = 0;
if (tw.turn > backendTurn) tw.turn = backendTurn;
// 流式渲染模型：segs 是源数据；tw.turn 是正在打字的 turn；tw.turn 之前的 DOM 一旦 frozen 就不再动。
ensureDraftFrozenThrough(r, tw.turn);
const tick = () => {
const segs = Array.isArray(r.draftSegs) ? r.draftSegs : [];
const backendTurnNow = Math.max(0, Number(r.draftTurn) || 0);
if (tw.turn == null || tw.turn < 0) tw.turn = 0;
if (tw.turn > backendTurnNow) tw.turn = backendTurnNow;
r.streamTurn = tw.turn;
const cur = segs[tw.turn] || '';
// 当前 turn 打完，并且后端已进入后续 turn：当前 DOM 固化，然后打字机推进到下一 turn。
if (tw.shown >= cur.length && backendTurnNow > tw.turn) {
paintDraft(r, tw.turn, cur);
freezeCurrentTurnDom(r, tw.turn);
tw.turn += 1;
tw.shown = 0;
r.streamTurn = tw.turn;
return;
}
if (tw.shown >= cur.length) return; // 中途不停止 timer，等新 partial/done。
if (isDraftInteractFrozen(r)) return;
const t0 = performance.now();
const backlog = cur.length - tw.shown;
let step = backlog > TW_CATCHUP_THRESHOLD ? TW_SPEED * TW_CATCHUP_MULTIPLIER : TW_SPEED;
const last = tw.lastElapsed || 0;
if (last > 60) step = Math.max(step, Math.ceil(backlog / 3));
else step = Math.min(step, 120);
tw.shown = Math.min(tw.shown + step, cur.length);
paintDraft(r, tw.turn, cur.slice(0, tw.shown));
tw.lastElapsed = performance.now() - t0;
};
if (snapDraftRecover(r)) {
if (!tw.timer) tw.timer = setInterval(tick, TW_INTERVAL);
refreshEmptyState(sess);
return;
}
if (!tw.timer) tw.timer = setInterval(tick, TW_INTERVAL);
if (!isDraftInteractFrozen(r)) tick();
refreshEmptyState(sess);
}
function ensureDraftFrozenThrough(r, currTurn) {
if (!r.draftEl) return;
const segs = Array.isArray(r.draftSegs) ? r.draftSegs : [];
const upto = Math.max(0, Number(currTurn) || 0);
let bubble = r.draftEl.querySelector(':scope > .bubble.md');
if (!bubble) {
bubble = document.createElement('div');
bubble.className = 'bubble md';
r.draftEl.appendChild(bubble);
}
const cur = bubble.querySelector(':scope > .turn-cur');
for (let turn = 0; turn < upto; turn++) {
if (bubble.querySelector(`:scope > .turn-frozen[data-turn="${turn}"]`)) continue;
const frozen = document.createElement('div');
frozen.className = 'turn-frozen';
frozen.dataset.turn = turn;
frozen.innerHTML = renderTurnFold(segs[turn] || '', turn);
if (cur) bubble.insertBefore(frozen, cur);
else bubble.appendChild(frozen);
postRenderEnhance(frozen);
}
}
function freezeCurrentTurnDom(r, turn) {
if (!r.draftEl) return;
const bubble = r.draftEl.querySelector(':scope > .bubble.md');
if (!bubble) return;
const cur = bubble.querySelector(':scope > .turn-cur');
if (!cur) return;
cur.className = 'turn-frozen';
cur.dataset.turn = turn;
cur.innerHTML = renderTurnFold((r.draftSegs || [])[turn] || '', turn);
postRenderEnhance(cur);
}
function paintDraft(r, turn, visibleCurrBody) {
if (!r.draftEl || isDraftInteractFrozen(r)) return;
const wasNear = isNearBottom();
let bubble = r.draftEl.querySelector(':scope > .bubble.md');
if (!bubble) {
bubble = document.createElement('div');
bubble.className = 'bubble md';
r.draftEl.appendChild(bubble);
}
let cur = bubble.querySelector(':scope > .turn-cur');
if (!cur) {
cur = document.createElement('div');
cur.className = 'turn-cur';
bubble.appendChild(cur);
}
cur.dataset.turn = turn ?? 0;
const body = visibleCurrBody || '';
const prevBody = r._draftPaintBody || '';
if (!tryPatchInflightToolDom(cur, body, prevBody)) {
cur.innerHTML = renderTurnBody(body) + '';
postRenderEnhance(cur);
} else if (!cur.querySelector('.cursor')) {
cur.insertAdjacentHTML('beforeend', '');
}
r._draftPaintBody = body;
if (wasNear) {
const inCodeScroll = document.activeElement?.closest?.('.code-block pre, .fold-pre')
&& r.draftEl.contains(document.activeElement);
if (!inCodeScroll) scrollBottom();
}
}
function flushTypewriter(sess) {
resetTypewriterState(rt(sess));
}
/* ═══════════════ 运行状态 ═══════════════ */
function pageStatusBar(btnEl) {
const label = btnEl?.querySelector('.rs-label');
return {
/** state: 'ready' | 'busy' | 'offline' | 'connecting'；兼容旧调用 set(text, true) */
set(text, state = 'ready') {
if (!btnEl) return;
const mode = state === true ? 'busy' : (state === false ? 'ready' : state);
btnEl.classList.remove('busy', 'offline', 'connecting');
if (mode === 'busy') btnEl.classList.add('busy');
else if (mode === 'offline') btnEl.classList.add('offline');
else if (mode === 'connecting') btnEl.classList.add('connecting');
if (label) label.textContent = text ?? '';
},
setBusy(text) { this.set(text, 'busy'); },
setReady() { this.set(t('status.ready'), 'ready'); },
setDisconnected() { this.set(t('status.disconnected'), 'offline'); },
setConnecting() { this.set(t('status.connecting'), 'connecting'); },
};
}
function refreshStatusLabel() {
const s = activeSess();
if (s && rt(s).busy) {
chatStatus.setBusy(formatTaskElapsed(Date.now() - (rt(s).taskStartedAt || Date.now())));
} else if (state.bridgeReady) {
chatStatus.setReady();
} else {
chatStatus.setDisconnected();
}
}
/* ═══════════════ 消息计时 ═══════════════ */
function formatTaskElapsed(ms) {
const v = Number(ms);
if (!Number.isFinite(v) || v < 0) return '';
const sec = Math.round(v / 1000);
if (sec < 60) return t('timing.elapsed').replace('{t}', `${Math.max(1, sec)}s`);
const min = Math.floor(sec / 60), s = sec % 60;
if (min < 60) return t('timing.elapsed').replace('{t}', `${min}m ${s}s`);
const hr = Math.floor(min / 60), m = min % 60;
return t('timing.elapsed').replace('{t}', `${hr}h ${m}m`);
}
function ensureTaskElapsedBadge(wrap, startedAt, endedAt) {
if (!wrap || !startedAt) return null;
let badge = wrap.querySelector(':scope > .task-elapsed');
if (!badge) {
badge = document.createElement('div');
badge.className = 'task-elapsed';
wrap.prepend(badge);
}
const elapsed = (endedAt || Date.now()) - startedAt;
badge.textContent = formatTaskElapsed(elapsed);
badge.dataset.live = endedAt ? '' : '1';
return badge;
}
function startTaskTimer(sess) {
const r = rt(sess);
if (r.taskStartedAt) return; // 已在计时，不重置
// 优先从消息时间戳恢复（刷新后持久化）
const msgs = sess.messages;
let restored = 0;
if (msgs && msgs.length) {
for (let i = msgs.length - 1; i >= 0; i--) {
if (msgs[i].role === 'user' && msgs[i].ts) { restored = msgs[i].ts * 1000; break; }
}
}
r.taskStartedAt = restored || Date.now();
r.taskEndedAt = null;
if (r.taskTimerId) clearInterval(r.taskTimerId);
r.taskTimerId = setInterval(() => {
if (!r.taskStartedAt) return;
const el = r.draftEl || document.querySelector('.msg-list .msg.assistant:last-child');
if (el) ensureTaskElapsedBadge(el, r.taskStartedAt, null);
// 更新左上角状态栏显示实时耗时
if (isActive(sess)) {
chatStatus.setBusy(formatTaskElapsed(Date.now() - r.taskStartedAt));
}
}, 1000);
}
function stopTaskTimer(sess) {
const r = rt(sess);
if (r.taskTimerId) { clearInterval(r.taskTimerId); r.taskTimerId = null; }
if (!r.taskStartedAt) return;
r.taskEndedAt = Date.now();
}
function setBusy(sess, busy) {
const r = rt(sess);
if (r.busy && !busy) resetTypewriterState(r);
r.busy = busy;
if (busy) startTaskTimer(sess); else stopTaskTimer(sess);
if (!isActive(sess)) return;
if (busy) {
chatStatus.setBusy(formatTaskElapsed(Date.now() - (r.taskStartedAt || Date.now())));
} else if (state.bridgeReady) {
chatStatus.setReady();
} else {
chatStatus.setDisconnected();
}
if (sendBtn) {
sendBtn.classList.toggle('is-stop', busy);
sendBtn.setAttribute('aria-label', busy ? t('act.stop') : t('act.send'));
sendBtn.title = busy ? t('act.stop') : '';
}
}
// run-toggle 现为纯状态展示组件：运行中转红，不再响应点击（停止改由发送键的录制键承担）
/* ═══════════════ 会话 ═══════════════ */
function isUntitled(x) { return !x || /^(new chat|新对话|新会话)$/i.test(String(x).trim()); }
function sortedSessions() {
// display order: pinned first, then most-recently-active. [0] is the topmost.
return [...state.sessions.values()].sort((a, b) => {
if (a.pinned && !b.pinned) return -1;
if (!a.pinned && b.pinned) return 1;
return (b.lastActiveTs || 0) - (a.lastActiveTs || 0);
});
}
function renderSessionList() {
convListEl.innerHTML = '';
const query = (searchInput ? searchInput.value : '').trim().toLowerCase();
const all = sortedSessions();
const filtered = query
? all.filter(s => {
const title = displayTitle(s).toLowerCase();
const hasMsg = s.messages && s.messages.some(m => (m.text || '').toLowerCase().includes(query));
return title.includes(query) || hasMsg;
})
: all;
if (filtered.length === 0) {
const e = document.createElement('div');
e.className = 'conv-empty'; e.textContent = t('conv.emptyList');
convListEl.appendChild(e); return;
}
for (const sess of filtered) {
const r = state.runtime.get(sess.id);
const busy = !!(r && r.busy);
const item = document.createElement('div');
item.className = 'conv-item' + (currentPage === 'chat' && sess.id === state.activeId ? ' active' : '') + (busy ? '' : ' idle');
item.dataset.id = sess.id;
const pinSvg = sess.pinned ? GA_ICON('pushPinSimple', 'ci-pin') : '';
item.innerHTML =
`` +
`${pinSvg}${escapeHtml(displayTitle(sess))}` +
`` +
``;
convListEl.appendChild(item);
}
}
if (searchInput) searchInput.addEventListener('input', () => renderSessionList());
async function ensureBridgeSession(sess) {
if (sess.bridgeSessionId) return sess.bridgeSessionId;
const res = await window.ga.rpc('session/new', { cwd: '', mcp_servers: [] });
if (res?.error) throw new Error(res.error.message || res.error);
sess.bridgeSessionId = res.sessionId || res.result?.sessionId;
return sess.bridgeSessionId;
}
// 仿 TUI(continue_cmd.py 的 _preview_text 思路):sess.title 只在用户手动 rename 时被填,
// 平时为空;sidebar 显示名实时从消息派生 —— 优先取最后一段 assistant 输出里的 ...
,
// 其次用首条用户消息纯文本,都没有时回退到 t('conv.defaultTitle')。
function isAutoTitle(x) {
const s = String(x || '').trim();
if (!s) return true;
if (/^(new chat|新对话|新会话)$/i.test(s)) return true;
if (/^agent-\d+$/i.test(s)) return true; // 兼容上一轮误存的 agent-N
return false;
}
function displayTitle(sess) {
if (sess && sess.title && !isAutoTitle(sess.title)) return sess.title;
const msgs = (sess && sess.messages) || [];
// 1) 优先:最后一段 assistant 文本里的 ...
for (let i = msgs.length - 1; i >= 0; i--) {
const m = msgs[i];
if (!m || m.role !== 'assistant') continue;
const txt = assistantStructuredText(m);
const sm = /([\s\S]*?)<\/summary>/i.exec(txt);
if (sm && sm[1].trim()) {
const line = sm[1].trim().split('\n')[0].trim();
if (line) return line.length > 60 ? line.slice(0, 60) + '…' : line;
}
}
// 2) 兜底:首条用户消息纯文本(去附件占位符)
for (const m of msgs) {
if (!m || m.role !== 'user') continue;
const raw = typeof m.content === 'string' ? m.content : (m.display || '');
const clean = stripAttachPlaceholders(raw).trim();
if (clean) return clean.length > 40 ? clean.slice(0, 40) + '…' : clean;
}
return t('conv.defaultTitle');
}
async function newSession() {
const localId = 'local-' + Date.now() + '-' + Math.random().toString(16).slice(2);
const sess = { id: localId, bridgeSessionId: null, title: '', messages: [], untitled: true, lastActiveTs: Date.now() };
state.sessions.set(localId, sess);
try {
await ensureBridgeSession(sess);
state.sessions.delete(localId);
sess.id = sess.bridgeSessionId;
state.sessions.set(sess.id, sess);
} catch (e) { showError(t('err.newSession') + ': ' + (e.message || e)); }
setActiveSession(sess.id);
saveSessions();
renderSessionList();
}
function sessionNeedsHydrate(sess) {
return !!(sess?.bridgeSessionId && state.bridgeReady && !sess.messages.length);
}
function runSessionHydrate(sess) {
setSessionLoading(true);
const tid = setTimeout(() => {
if (isActive(sess)) setSessionLoading(false);
}, HYDRATE_LOADING_TIMEOUT_MS);
return hydrateSession(sess).finally(() => {
clearTimeout(tid);
if (isActive(sess)) setSessionLoading(false);
});
}
function setActiveSession(id) {
setSessionLoading(false);
state.activeId = id;
if (id) localStorage.setItem('ga_active', id); // 持久化当前会话，刷新后固定恢复它
const sess = state.sessions.get(id);
if (!sess) return;
if (msgsEl) msgsEl.innerHTML = '';
const r = rt(sess);
r.draftEl = null;
resetTypewriterState(r);
renderAllMessages(sess);
setBusy(sess, rt(sess).busy);
renderSessionList();
refreshPlanBar(null);
syncPlanPollTimer();
if (!sess.bridgeSessionId || !state.bridgeReady) return;
if (sessionNeedsHydrate(sess)) {
runSessionHydrate(sess);
} else {
restoreElapsedBadges(sess, ensureMsgs());
planPoll(sess);
}
}
async function closeSession(id) {
const sess = state.sessions.get(id);
if (sess && sess.bridgeSessionId) {
try { await window.ga.rpc('session/cancel', { sessionId: sess.bridgeSessionId }); } catch (_) {}
fetch(`${BRIDGE_ORIGIN}/session/${sess.bridgeSessionId}`, { method: 'DELETE' }).catch(() => {});
}
state.sessions.delete(id); state.runtime.delete(id);
if (state.activeId === id) {
const next = (sortedSessions()[0] || {}).id || null; // 切到列表最靠上的会话
if (next) setActiveSession(next);
else { state.activeId = null; localStorage.removeItem('ga_active'); if (msgsEl) msgsEl.innerHTML = ''; refreshEmptyState(null); refreshStatusLabel(); }
}
saveSessions();
renderSessionList();
}
const convMenu = document.getElementById('conv-menu');
let menuTargetId = null;
convListEl.addEventListener('click', (e) => {
const more = e.target.closest('.ci-more');
if (more) {
e.stopPropagation();
menuTargetId = more.closest('.conv-item').dataset.id;
// 根据当前会话置顶状态切菜单文案:置顶 / 取消置顶
const tgt = state.sessions.get(menuTargetId);
const pinSpan = convMenu.querySelector('[data-act="pin"] [data-i18n]');
if (pinSpan) {
const k = tgt && tgt.pinned ? 'ctx.unpin' : 'ctx.pin';
pinSpan.setAttribute('data-i18n', k);
pinSpan.textContent = t(k);
}
convMenu.hidden = false;
const rect = more.getBoundingClientRect();
convMenu.style.top = (rect.bottom + 4) + 'px';
convMenu.style.left = (rect.right - convMenu.offsetWidth) + 'px';
return;
}
const it = e.target.closest('.conv-item');
if (it && it.dataset.id) {
setActiveSession(it.dataset.id);
const chatNav = nav.querySelector('.nav-item[data-page="chat"]');
if (chatNav && !chatNav.classList.contains('active')) chatNav.click();
}
});
convMenu.addEventListener('click', (e) => {
e.stopPropagation();
const act = e.target.closest('.ctx-item')?.dataset.act;
const sess = menuTargetId && state.sessions.get(menuTargetId);
if (sess && act === 'pin') {
if (sess.pinned) {
sess.pinned = false; // 取消置顶 + 放到 pinned 之后、其它 unpinned 之前(unpinned 区域顶部)
const others = [...state.sessions.values()].filter(s => s.id !== sess.id);
const m = new Map();
for (const s of others) if (s.pinned) m.set(s.id, s); // 先所有仍 pinned 的
m.set(sess.id, sess); // 再本会话(刚 unpinned)
for (const s of others) if (!s.pinned) m.set(s.id, s); // 再其它 unpinned
state.sessions = m;
} else {
sess.pinned = true; // 置顶 + 移到列表顶
const m = new Map(); m.set(sess.id, sess);
for (const [k, v] of state.sessions) if (k !== sess.id) m.set(k, v);
state.sessions = m;
}
saveSessions();
patchSession(sess, { pinned: sess.pinned });
renderSessionList();
} else if (sess && act === 'rename') {
convMenu.hidden = true;
const item = convListEl.querySelector(`.conv-item[data-id="${sess.id}"]`);
if (!item) return;
const titleEl = item.querySelector('.ci-title');
if (!titleEl) return;
const oldTitle = sess.title || '';
const inp = document.createElement('input');
inp.className = 'ci-rename-input';
inp.maxLength = 50;
inp.value = oldTitle;
titleEl.replaceWith(inp);
bindToastLimit(inp);
inp.focus();
inp.select();
const finish = (save) => {
if (inp._done) return;
inp._done = true;
const val = inp.value.trim();
if (save && val && val !== oldTitle) {
sess.title = val;
sess.untitled = false;
saveSessions();
patchSession(sess, { title: val, untitled: false });
const history = tokLoadHistory();
const sid = sess.bridgeSessionId || sess.id;
let changed = false;
history.forEach(h => { if (h.sessionId === sid) { h.title = val; changed = true; } });
if (changed) tokSaveHistory(history);
}
renderSessionList();
};
inp.addEventListener('keydown', e => {
if (e.key === 'Enter') { e.preventDefault(); finish(true); }
else if (e.key === 'Escape') { e.preventDefault(); finish(false); }
});
inp.addEventListener('blur', () => finish(true));
return;
} else if (sess && act === 'del') {
closeSession(sess.id);
}
convMenu.hidden = true;
});
document.addEventListener('click', () => { convMenu.hidden = true; });
newConvBtn.addEventListener('click', (e) => { e.preventDefault(); newSession(); });
/* ═══════════════ 轮询 + 流式 ═══════════════ */
function normalize(m) {
const o = { id: Number(m.id || 0), role: m.role || 'system' };
if (m.role !== 'assistant') o.content = m.content || '';
if (typeof m.display === 'string' && m.display.length) o.display = m.display;
if (m.stopped) o.stopped = true;
if (m.images) o.images = m.images;
if (m.files) o.files = m.files;
if (m.ts) o.ts = m.ts;
// [turn_segs双轨] 透传结构化轮数组(若后端提供)；落库消息与 partial 都可能带
if (Array.isArray(m.turn_segs)) o.turn_segs = m.turn_segs;
if (typeof m.curr_turn === 'number') o.curr_turn = m.curr_turn;
if (m.role === 'assistant' && !o.turn_segs?.length && typeof m.content === 'string') o.content = m.content;
return o;
}
function upsert(sess, raw, partial) {
const m = normalize(raw); const r = rt(sess);
if (partial && m.role === 'assistant') {
if (!r.draftEl) resetTypewriterState(r);
const prevLen = (Array.isArray(r.draftSegs) ? (r.draftSegs[r.draftTurn] || '') : '').length;
r.draftSegs = draftSegsFromPartial(raw, m);
r.draftTurn = (typeof m.curr_turn === 'number') ? m.curr_turn : Math.max(0, r.draftSegs.length - 1);
const curLen = (r.draftSegs[r.draftTurn] || '').length;
const wasEmpty = prevLen === 0;
// 新 draft（含刷新/停止后再开）：对齐已有 partial，避免从 0 重播打字机
if ((!r.draftEl || wasEmpty) && curLen > 0) {
r.draftRecoverPending = true;
}
const tw = r.twState;
if (tw && curLen > (r.draftStreamBaseline || 0)) {
const baseline = r.draftStreamBaseline || 0;
if (tw.shown < baseline) tw.shown = baseline;
}
r.draftStreamBaseline = curLen;
if (isActive(sess)) renderDraft(sess);
return;
}
if (!m.id || r.seen.has(m.id)) return;
r.seen.add(m.id); r.lastId = Math.max(r.lastId, m.id);
if (m.role === 'assistant' && r.draftEl) {
// done 收尾:用 final m 原地重画 bubble(保留 ljq 的"复用 draftEl 不闪烁"优化),
// 同时彻底丢掉 partial 累积的 DOM——避免 frp 高延迟下漏掉的最后一拍丢字。
// assistantTurnSegs(m) 双轨处理 turn_segs/content,跟 msgNode refresh 路径同源。
flushTypewriter(sess);
const segs = assistantTurnSegs(m);
const curr = resolveVisibleTurnIndex(segs, m.curr_turn);
r.draftSegs = segs;
r.draftTurn = curr;
r.streamTurn = curr;
if (!r.twState) r.twState = { shown: 0, timer: null };
if (r.twState.timer) { clearInterval(r.twState.timer); r.twState.timer = null; }
r.twState.turn = curr;
r.twState.shown = (segs[curr] || '').length;
r.draftRecoverPending = false;
if (isActive(sess)) {
let bubble = r.draftEl.querySelector(':scope > .bubble.md');
if (!bubble) {
bubble = document.createElement('div');
bubble.className = 'bubble md';
r.draftEl.appendChild(bubble);
}
bubble.innerHTML = renderAssistantTurnsHtml(segs, curr, false);
postRenderEnhance(bubble);
}
const cursor = r.draftEl.querySelector('.cursor');
if (cursor) cursor.remove();
if (r.taskStartedAt) {
ensureTaskElapsedBadge(r.draftEl, r.taskStartedAt, r.taskEndedAt || Date.now());
r.taskStartedAt = null; r.taskEndedAt = null;
}
if (!r.draftEl.querySelector('.bubble-copy-btn')) {
const copyBtn = document.createElement('button');
copyBtn.className = 'bubble-copy-btn';
copyBtn.title = t('act.copy');
copyBtn.innerHTML = SVG_COPY_ICON;
copyBtn.addEventListener('click', (e) => {
e.stopPropagation();
const text = assistantCopyText(m);
navigator.clipboard.writeText(text).then(() => {
copyBtn.innerHTML = SVG_CHECK_ICON;
setTimeout(() => { copyBtn.innerHTML = SVG_COPY_ICON; }, 1500);
});
});
r.draftEl.appendChild(copyBtn);
}
r.draftEl = null; r.draftSegs = null; r.draftTurn = 0; r.streamTurn = 0;
sess.messages.push(m);
refreshEmptyState(sess);
if (m.role === 'assistant' || m.role === 'user') syncAskUserUi();
saveSessions();
return;
}
sess.messages.push(m); appendMessage(sess, m);
saveSessions();
}
async function fetchSessionPoll(sess, opts = {}) {
const r = rt(sess);
const sid = sess.bridgeSessionId || sess.id;
const afterId = opts.after ?? r.lastId ?? 0;
const limit = opts.limit ?? POLL_MSG_LIMIT;
const res = await window.ga.rpc('session/poll', { sessionId: sid, afterId, limit });
if (res?.error) throw new Error(res.error.message || res.error);
return res.result || res;
}
function applyPollResult(sess, result) {
if (result.partial) upsert(sess, result.partial, true);
for (const msg of (result.messages || [])) upsert(sess, msg, false);
const busy = result.status === 'running' || !!result.partial;
setBusy(sess, busy);
if (isActive(sess)) {
applyPlanPayload(sess, result.plan);
applyLiveModel(result.model, sess);
}
return busy;
}
/** 渠道组随故障转移变化时，用运行态当前子模型刷新 chip（非渠道组/无 agent 时不动，保持静态显示） */
function applyLiveModel(live, sess = activeSess()) {
const selected = (state.modelProfiles || []).find(p => (p.id ?? 0) === state.llmNo);
if (!selected || selected.kind !== 'mixin' || !live || !live.isMixin || !live.current) return;
state.liveModel = { ...live, sessionId: sess?.id || state.activeId };
const label = `${t('model.aggregationShort')}${lang === 'en' ? ' (' : '（'}${profileLabel(live.current) || live.current}${lang === 'en' ? ')' : '）'}`;
if (state.modelName !== label) { state.modelName = label; updateModelChip(); }
}
/** hydrate 批量灌历史，避免逐条 appendMessage 触发全量重绘 */
function hydrateHistoryMessages(sess, messages) {
const r = rt(sess);
for (const raw of (messages || [])) {
const m = normalize(raw);
if (!m.id || r.seen.has(m.id)) continue;
r.seen.add(m.id);
r.lastId = Math.max(r.lastId, m.id);
sess.messages.push(m);
}
if (isActive(sess)) renderAllMessages(sess);
}
/** 拉历史：limit=0 一次拿全量（bridge 不截断）；不等 idle，running 续交给 pollSession */
async function hydrateSession(sess) {
try {
const result = await fetchSessionPoll(sess, { after: 0, limit: 0 });
hydrateHistoryMessages(sess, result.messages);
if (result.partial) upsert(sess, result.partial, true);
const busy = result.status === 'running' || !!result.partial;
setBusy(sess, busy);
if (isActive(sess)) applyPlanPayload(sess, result.plan);
if (busy && !rt(sess).polling) pollSession(sess);
} catch (e) {
showError(t('err.poll') + ': ' + (e.message || e));
setBusy(sess, false);
} finally {
if (isActive(sess)) {
restoreElapsedBadges(sess, ensureMsgs());
syncAskUserUi();
}
tokPollBridge();
}
}
async function pollSession(sess) {
const r = rt(sess);
if (r.polling) { r.pollAgain = true; return; }
r.polling = true;
r.pollAgain = false;
/* 手机切后台再回前台时,第一拍 fetch 经常用着死连接秒挂(Failed to fetch),
但只要给链路 1-2 秒重建,后续就稳。原版一炸就 showError,体验糟。
改成:同一次 polling 循环里连续失败 ≥ MAX_ERRORS 次才放弃,
单次失败做指数退避(1s / 2s / 4s / 8s),够 ride through 一次后台恢复抖动。 */
const MAX_ERRORS = 5;
let consecutiveErrors = 0;
try {
do {
try {
const result = await fetchSessionPoll(sess);
consecutiveErrors = 0;
const busy = applyPollResult(sess, result);
if (busy) await new Promise(z => setTimeout(z, 500));
else {
if (r.draftEl) { r.draftEl.remove(); r.draftEl = null; r.draftSegs = null; r.draftTurn = 0; }
resetTypewriterState(r);
break;
}
} catch (innerErr) {
consecutiveErrors++;
if (consecutiveErrors >= MAX_ERRORS) throw innerErr;
const backoff = Math.min(8000, 1000 * Math.pow(2, consecutiveErrors - 1));
await new Promise(z => setTimeout(z, backoff));
}
} while (true);
} catch (e) {
showError(t('err.poll') + ': ' + (e.message || e));
setBusy(sess, false);
} finally {
r.polling = false; renderSessionList();
// 历史消息已全部加载，恢复已完成任务的耗时 badge
if (isActive(sess)) {
restoreElapsedBadges(sess, ensureMsgs());
syncAskUserUi();
}
tokPollBridge();
if (r.pollAgain) {
r.pollAgain = false;
pollSession(sess);
}
}
}
function removeUsedPendingFiles(usedFiles) {
if (!usedFiles.length) return;
const usedSids = new Set(usedFiles.map(f => f.sid));
const touched = new Set(usedFiles.map(f => fileCtx(f)));
state.pendingFiles = state.pendingFiles.filter(f => !usedSids.has(f.sid));
touched.forEach(ctx => renderThumbStrip(ctx));
}
function clearDraft(sess) {
const r = rt(sess);
resetTypewriterState(r);
if (r.draftEl) { r.draftEl.remove(); r.draftEl = null; r.draftSegs = null; r.draftTurn = 0; }
}
async function waitSessionIdle(sess, maxMs = 4000) {
const start = Date.now();
while (rt(sess).busy && Date.now() - start < maxMs) {
await new Promise(z => setTimeout(z, 100));
}
return !rt(sess).busy;
}
function setSessionLoading(on) {
if (!msgArea || !sessionLoadingEl) return;
if (on && msgArea.classList.contains('is-loading')) return;
msgArea.classList.toggle('is-session-loading', !!on);
sessionLoadingEl.hidden = !on;
if (on && sessionLoadingEl.querySelector('[data-i18n]')) {
sessionLoadingEl.querySelector('[data-i18n]').textContent = t('chat.sessionLoading');
}
}
function setMsgLoading(on) {
if (msgArea) msgArea.classList.toggle('is-loading', !!on);
if (msgLoading) {
msgLoading.hidden = !on;
if (on) {
setSessionLoading(false);
scrollBottom();
}
}
}
function setComposerLocked(on) {
if (composerEl) composerEl.classList.toggle('is-locked', !!on);
if (inputEl) inputEl.contentEditable = on ? 'false' : 'true'; // contenteditable 无 readOnly,改切 contentEditable
if (sendBtn) {
sendBtn.disabled = !!on;
sendBtn.classList.toggle('is-busy', !!on);
sendBtn.setAttribute('aria-busy', on ? 'true' : 'false');
}
}
/** stapp.py 同款：运行中再发 → cancel 当前轮次，等 idle 后再提交新 prompt */
async function interruptBeforeSend(sess) {
if (!rt(sess).busy) return true;
const t0 = Date.now();
setMsgLoading(true);
try {
clearDraft(sess);
try {
const res = await window.ga.rpc('session/cancel', { sessionId: sess.bridgeSessionId || sess.id });
if (res?.error) throw new Error(res.error.message || res.error);
} catch (e) {
showChanToast(t('err.stop') + ': ' + (e.message || e), '', 'err');
return false;
}
showChanToast(t('sys.interruptPrev.hint'), '', 'info');
const idle = await waitSessionIdle(sess);
clearDraft(sess);
if (!idle) {
showChanToast(t('err.interruptTimeout'), '', 'err');
return false;
}
return true;
} finally {
const wait = Math.max(0, MIN_MSG_LOADING_MS - (Date.now() - t0));
if (wait) await new Promise(r => setTimeout(r, wait));
setMsgLoading(false);
}
}
/* ═══════════════ 发送 / 取消 ═══════════════ */
async function sendPrompt(text) {
text = String(text || '').trim();
if (!text) return false;
if (!state.bridgeReady) { showError(t('err.bridge')); return false; }
if (!state.activeId) { await newSession(); if (!state.activeId) return false; }
const sess = activeSess(); const r = rt(sess);
if (r.busy) {
const interrupted = await interruptBeforeSend(sess);
if (!interrupted) return false;
}
// PLAN/AUTO 现在是预设功能（preset 卡片）一次性发送，不再是常驻 prefix
const composedPrompt = expandFilePlaceholders(text).trim();
const usedFiles = collectUsedFiles(text);
const userMsg = { role: 'user', content: text, ts: Date.now() / 1000 };
const previewImgs = usedFiles.filter(f => f.isImage).map(f => ({ id: 'f-' + f.sid, name: f.name, path: f.path, dataUrl: f.dataUrl || '' }));
if (previewImgs.length) userMsg.images = previewImgs;
const previewFiles = usedFiles.filter(f => !f.isImage).map(f => ({ id: 'f-' + f.sid, name: f.name, path: f.path }));
if (previewFiles.length) userMsg.files = previewFiles;
sess.messages.push(userMsg); appendMessage(sess, userMsg);
if (isPlanPresetPrompt(text)) {
const pr = rt(sess);
pr.planCollapsed = false;
pr.planShowAll = false;
const sidHint = (sess.bridgeSessionId || sess.id || 'sess').replace(/\//g, '_');
applyPlanPayload(sess, {
active: true, placeholder: true, done: 0, total: 0, complete: false,
step: '', pathHint: `plan_${sidHint}/plan.md`, items: [],
});
}
sess.lastActiveTs = Date.now();
// 仿 TUI:不再从首条消息自动改名 —— 标题在 newSession 时已设为 agent-N,
// 之后只接受用户手动 rename。
saveSessions();
setBusy(sess, true);
try {
let sid = await ensureBridgeSession(sess);
try {
await bridgeFetch(`/session/${encodeURIComponent(sid)}/restore`, { method: 'POST', body: {} });
} catch (restoreErr) {
if (/not found/i.test(restoreErr.message || '')) {
sess.bridgeSessionId = null;
sid = await ensureBridgeSession(sess);
state.sessions.delete(sess.id);
sess.id = sess.bridgeSessionId;
state.sessions.set(sess.id, sess);
state.activeId = sess.id;
localStorage.setItem('ga_active', sess.id); // 会话 id 因 bridge 重建而变更，同步持久化
}
}
const res = await window.ga.rpc('session/prompt', { sessionId: sid, prompt: composedPrompt, display: text, llmNo: state.llmNo,
files: previewFiles, imageMetas: previewImgs.map(im => ({ name: im.name, path: im.path })) });
if (res?.error) throw new Error(res.error.message || res.error);
removeUsedPendingFiles(usedFiles);
const uid = Number(res.userMessageId || res.result?.userMessageId || 0);
if (uid) { r.seen.add(uid); r.lastId = Math.max(r.lastId, uid); }
planPoll(sess);
pollSession(sess);
return true;
} catch (e) {
const em = { role: 'error', content: e.message || String(e) };
sess.messages.push(em); appendMessage(sess, em);
setBusy(sess, false);
return false;
}
}
async function cancelPrompt() {
const sess = activeSess();
if (!sess || !rt(sess).busy) return false;
try {
const res = await window.ga.rpc('session/cancel', { sessionId: sess.bridgeSessionId || sess.id });
if (res?.error) throw new Error(res.error.message || res.error);
clearDraft(sess);
rt(sess).pollAgain = true;
return true;
} catch (e) { showError(t('err.stop') + ': ' + (e.message || e)); return false; }
}
/* ═══════════════ 输入区 / slash / 预设 ═══════════════ */
async function submitInput() {
if (_submitInFlight) return;
let text = composerText('chat');
if (!text.trim()) return;
if (text.trim().startsWith('/')) {
inputEl.innerHTML = '';
handleSlash(text.trim());
return;
}
if (text.length > 20000) {
text = text.slice(0, 20000);
showToast(t('err.charLimit').replace('{n}', 20000), 'warn');
}
_submitInFlight = true;
setComposerLocked(true);
try {
const sent = await sendPrompt(text);
if (sent) {
inputEl.innerHTML = '';
}
} finally {
_submitInFlight = false;
setComposerLocked(false);
syncAskUserUi();
}
}
sendBtn.addEventListener('click', (e) => {
e.preventDefault();
const sess = activeSess();
if (sess && rt(sess).busy) { cancelPrompt(); return; } // 运行中：发送键是录制键 → 纯停止
submitInput();
});
inputEl.addEventListener('keydown', (e) => {
if (e.key === 'Enter' && !e.shiftKey && !e.isComposing && e.keyCode !== 229) { e.preventDefault(); submitInput(); }
});
// 输入框的 input/paste 监听统一在 bindComposerUpload(ctx) 里绑(chat + collab 通用)
function showSystem(text) {
const sess = activeSess(); if (!sess) return;
const m = { role: 'system', content: text };
sess.messages.push(m); appendMessage(sess, m);
}
function showError(text) {
const sess = activeSess();
if (sess) { const m = { role: 'error', content: text }; sess.messages.push(m); appendMessage(sess, m); }
else console.error(text);
}
let _toastTimer = null;
function showToast(text) {
let el = document.getElementById('ga-toast');
if (!el) { el = document.createElement('div'); el.id = 'ga-toast'; el.className = 'ga-toast'; document.body.appendChild(el); }
el.textContent = text;
el.classList.add('show');
clearTimeout(_toastTimer);
_toastTimer = setTimeout(() => el.classList.remove('show'), 1800);
}
async function handleSlash(cmd) {
const name = cmd.slice(1).split(/\s+/)[0];
switch (name) {
case 'help': showSystem(t('slash.help')); break;
case 'new': await newSession(); break;
case 'clear': { const s = activeSess(); if (s) { s.messages = []; renderAllMessages(s); } break; }
case 'stop': if (await cancelPrompt()) showSystem(t('sys.stopRequested')); break;
case 'settings': openSettings(); break;
default: showSystem(t('slash.unknown') + ': /' + name);
}
}
// 预设卡：按 data-preset 解耦（与翻译后的标题无关）
document.querySelectorAll('.feature-grid').forEach(grid => {
grid.addEventListener('click', (e) => {
const editBtn = e.target.closest('.fc-edit');
if (editBtn) {
e.stopPropagation();
const cp = state.customPresets.find(p => p.id === editBtn.dataset.editId);
if (cp) openCustomPresetEditor(cp);
return;
}
const xBtn = e.target.closest('.fc-x');
if (xBtn) {
e.stopPropagation();
const kind = xBtn.dataset.removeKind;
const id = xBtn.dataset.removeId;
if (kind === 'builtin') hideBuiltinPreset(id);
else if (kind === 'custom') removeCustomPreset(id);
return;
}
const card = e.target.closest('.fcard');
if (!card || !grid.contains(card)) return;
const key = card.dataset.preset;
if (key === 'add') { closeModals(); openModal('custom-preset-modal'); resetCustomPresetForm(); return; }
if (card.classList.contains('fcard-custom')) {
const id = card.dataset.id;
const cp = state.customPresets.find(p => p.id === id);
if (cp) { closeModals(); sendPrompt(cp.prompt); }
return;
}
if (!key) { inputEl.focus(); closeModals(); return; }
const bp = BUILTIN_PRESETS.find(p => p.key === key);
if (bp?.navigate) { closeModals(); gaGoPage(bp.navigate); window.collabFocus?.(); return; }
const prompt = I18N[lang]['presetPrompt.' + key] || I18N.zh['presetPrompt.' + key];
closeModals();
if (prompt) sendPrompt(prompt);
});
});
/* ═══════════════ 模型 / 设置 ═══════════════ */
function updateModelChip() {
const name = state.modelName || '';
if (modelNameEl) modelNameEl.textContent = name;
if (collabModelNameEl) collabModelNameEl.textContent = name;
}
function modelDisplayName(p, fallbackName) {
if (p && p.kind === 'mixin') {
// 静态回退显示「渠道组（首选模型名）」；运行后由 applyLiveModel 切到真实当前子模型。
const primary = (p.members || [])[0];
if (!primary) return t('model.aggregation');
const open = lang === 'en' ? ' (' : '（', close = lang === 'en' ? ')' : '）';
return `${t('model.aggregationShort')}${open}${profileLabel(primary) || primary}${close}`;
}
return profileLabel(fallbackName ?? (p && p.name)) || (fallbackName ?? (p && p.name)) || null;
}
async function selectModel(id, name) {
state.llmNo = id;
state.liveModel = null;
const p = (state.modelProfiles || []).find(x => (x.id ?? 0) === id);
state.modelName = modelDisplayName(p, name);
updateModelChip();
renderSettingsModels();
await persistUiPrefs();
}
async function addToMixin(id) {
try {
const res = await bridgeFetch(`/model-profiles/${id}/mixin`, { method: 'POST', body: {} });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.mixinFailed'));
state.modelProfiles = normalizeProfiles(res.profiles || []);
renderSettingsModels();
} catch (ex) { showChanToast(t('err.mixinFailed'), ex.message || '', 'err'); }
}
async function removeFromMixin(id) {
try {
const res = await bridgeFetch(`/model-profiles/${id}/mixin`, { method: 'DELETE', body: {} });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.mixinFailed'));
state.modelProfiles = normalizeProfiles(res.profiles || []);
renderSettingsModels();
} catch (ex) { showChanToast(t('err.mixinFailed'), ex.message || '', 'err'); }
}
async function reorderMixin(members) {
try {
const res = await bridgeFetch('/model-profiles/mixin/order', { method: 'PUT', body: { members } });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.mixinFailed'));
state.modelProfiles = normalizeProfiles(res.profiles || []);
renderSettingsModels();
const active = state.modelProfiles.find(p => (p.id ?? 0) === state.llmNo);
if (active) { state.modelName = modelDisplayName(active); updateModelChip(); }
} catch (ex) { showChanToast(t('err.mixinFailed'), ex.message || '', 'err'); renderSettingsModels(); }
}
function flipReorder(container, mutate) {
const rows = [...container.querySelectorAll('.model-member:not(.dragging)')];
const first = new Map(rows.map(el => [el, el.getBoundingClientRect()]));
mutate();
rows.forEach(el => {
const a = first.get(el), b = el.getBoundingClientRect();
if (!a) return;
const dx = a.left - b.left, dy = a.top - b.top;
if (!dx && !dy) return;
el.style.transition = 'none';
el.style.transform = `translate(${dx}px, ${dy}px)`;
requestAnimationFrame(() => {
el.style.transition = 'transform .14s cubic-bezier(.2,.8,.2,1)';
el.style.transform = '';
});
});
}
function bindMixinDrag(body, members) {
let drag = null;
const clear = () => {
body.querySelectorAll('.model-member').forEach(x => x.classList.remove('dragging', 'drag-over'));
document.body.classList.remove('mixin-dragging');
};
body.addEventListener('pointerdown', (e) => {
const handle = e.target.closest('.model-member-drag');
if (!handle || e.button !== 0) return;
const row = handle.closest('.model-member');
if (!row) return;
e.preventDefault();
handle.setPointerCapture?.(e.pointerId);
drag = { handle, row, name: row.dataset.member, order: [...members], original: [...members], pointerId: e.pointerId, over: null };
row.classList.add('dragging');
document.body.classList.add('mixin-dragging');
});
body.addEventListener('pointermove', (e) => {
if (!drag) return;
const over = document.elementFromPoint(e.clientX, e.clientY)?.closest('.model-member');
if (!over || !body.contains(over) || over === drag.row) return;
const rect = over.getBoundingClientRect();
const after = e.clientY > rect.top + rect.height / 2;
const overKey = `${over.dataset.member}:${after ? 'after' : 'before'}`;
if (overKey === drag.over) return;
drag.over = overKey;
const from = drag.order.indexOf(drag.name), overIdx = drag.order.indexOf(over.dataset.member);
if (from < 0 || overIdx < 0) return;
const [moved] = drag.order.splice(from, 1);
let insertAt = drag.order.indexOf(over.dataset.member) + (after ? 1 : 0);
drag.order.splice(insertAt, 0, moved);
flipReorder(body, () => {
if (after) body.insertBefore(drag.row, over.nextSibling);
else body.insertBefore(drag.row, over);
});
});
const finish = (e) => {
if (!drag) return;
drag.handle.releasePointerCapture?.(drag.pointerId);
const changed = JSON.stringify(drag.order) !== JSON.stringify(drag.original);
const next = drag.order;
drag = null;
clear();
if (changed) reorderMixin(next);
};
body.addEventListener('pointerup', finish);
body.addEventListener('pointercancel', finish);
}
const MODEL_ACT_EDIT = GA_ICON('pencilSimple');
const MODEL_ACT_DEL = GA_ICON('trash');
let editingModelId = null;
function setModelApikeyMode(isAdd) {
const apikey = document.getElementById('model-apikey-input');
const apikeyReq = document.querySelector('#model-apikey-label .field-req');
if (!apikey) return;
apikey.required = isAdd;
apikey.dataset.i18nPh = isAdd ? 'model.apikeyPh' : 'model.apikeyKeep';
if (isAdd) apikey.removeAttribute('data-optional-ph');
else { apikey.value = ''; apikey.setAttribute('data-optional-ph', ''); }
if (apikeyReq) apikeyReq.hidden = !isAdd;
}
/* ═══════════════ 官方模型快速接入（DeepSeek / 通义千问）═══════════════ */
// 预填 API 地址 / 协议 / 模型，用户只需粘贴 API Key。apibase 末尾的 /v1 会被
// 后端自动补成 /v1/chat/completions（见 mykey_template.py 的拼接规则）。
const PROVIDER_PRESETS = {
deepseek: {
label: 'DeepSeek', descKey: 'pq.deepseekDesc',
protocol: 'oai', apibase: 'https://api.deepseek.com/v1',
model: 'deepseek-v4-pro', name: 'DeepSeek',
keyUrl: 'https://platform.deepseek.com/api_keys',
color: '#4D6BFE', tint: 'rgba(77,107,254,.12)',
logo: '',
},
qwen: {
label: '通义千问', descKey: 'pq.qwenDesc',
protocol: 'oai', apibase: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
model: 'qwen3.6-max-preview', name: '通义千问',
keyUrl: 'https://bailian.console.aliyun.com/?apiKey=1',
color: '#615CED', tint: 'rgba(97,92,237,.12)',
logo: '',
},
};
window.gaProviderPresets = PROVIDER_PRESETS;
// 在「添加模型」弹窗顶部显示/隐藏接入指引横幅。key 为 null 时隐藏。
function setModelGuide(key) {
const box = document.getElementById('model-guide');
if (!box) return;
const p = key && PROVIDER_PRESETS[key];
if (!p) { box.hidden = true; box.dataset.provider = ''; return; }
box.hidden = false;
box.dataset.provider = key;
const logo = document.getElementById('model-guide-logo');
if (logo) { logo.innerHTML = p.logo || ''; logo.style.background = p.tint || ''; }
const nameEl = document.getElementById('model-guide-name');
if (nameEl) nameEl.textContent = p.label;
const link = document.getElementById('model-guide-link');
if (link) { link.href = p.keyUrl; link.textContent = t('guide.getKey').replace('{name}', p.label); }
}
window.gaRefreshModelGuide = () => {
const box = document.getElementById('model-guide');
if (box && !box.hidden && box.dataset.provider) setModelGuide(box.dataset.provider);
};
function openAddModelFormForProvider(key) {
const p = PROVIDER_PRESETS[key];
if (!p) return openAddModelForm();
editingModelId = null;
const form = document.getElementById('add-model-form');
const title = document.getElementById('model-form-title');
const errEl = document.getElementById('add-model-err');
if (title) title.dataset.i18n = 'modal.addModel';
if (form) {
form.reset();
form.model.value = p.model || '';
form.apibase.value = p.apibase || '';
form.name.value = p.name || '';
const pr = form.querySelector(`input[name="protocol"][value="${p.protocol}"]`);
if (pr) pr.checked = true;
}
setModelApikeyMode(true);
if (errEl) { errEl.hidden = true; errEl.textContent = ''; }
setModelGuide(key);
openModal('add-model-modal');
applyI18n();
const apikey = document.getElementById('model-apikey-input');
if (apikey) setTimeout(() => apikey.focus(), 60);
}
function openAddModelForm() {
editingModelId = null;
const form = document.getElementById('add-model-form');
const title = document.getElementById('model-form-title');
const errEl = document.getElementById('add-model-err');
if (title) title.dataset.i18n = 'modal.addModel';
if (form) form.reset();
setModelApikeyMode(true);
setModelGuide(null);
if (errEl) { errEl.hidden = true; errEl.textContent = ''; }
openModal('add-model-modal');
applyI18n();
}
async function openEditModelForm(id) {
editingModelId = id;
setModelGuide(null);
const errEl = document.getElementById('add-model-err');
if (errEl) { errEl.hidden = true; errEl.textContent = ''; }
try {
const res = await bridgeFetch(`/model-profiles/${id}`);
const p = res.profile;
if (!p) throw new Error(t('err.modelSave'));
const form = document.getElementById('add-model-form');
const title = document.getElementById('model-form-title');
if (title) title.dataset.i18n = 'modal.editModel';
if (form) {
form.model.value = p.model || '';
form.apibase.value = p.apibase || '';
form.name.value = p.name || '';
form.max_retries.value = p.max_retries ?? 5;
form.connect_timeout.value = p.connect_timeout ?? 15;
form.read_timeout.value = p.read_timeout ?? 300;
// 编辑模式:按 varName 回填协议分段控件
const pv = /claude/i.test(p.varName || '') ? 'claude' : 'oai';
const pr = form.querySelector(`input[name="protocol"][value="${pv}"]`);
if (pr) pr.checked = true;
// 回填流式开关(默认流式)
const sv = (p.stream === false) ? 'false' : 'true';
const sr = form.querySelector(`input[name="stream"][value="${sv}"]`);
if (sr) sr.checked = true;
}
setModelApikeyMode(false);
openModal('add-model-modal');
applyI18n();
} catch (ex) {
showChanToast(t('err.modelSave'), ex.message || '', 'err');
}
}
async function deleteModel(id, name) {
const label = profileLabel(name) || name || ('#' + id);
if (!(await showConfirmDialog({ title: t('common.delete'), message: `${t('confirm.modelDelete')}\n${label}`, okText: t('common.delete'), okKind: 'danger' }))) return;
try {
const res = await bridgeFetch(`/model-profiles/${id}`, { method: 'DELETE', body: {} });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.modelDelete'));
const wasActive = state.llmNo === id;
const oldNo = state.llmNo;
state.modelProfiles = normalizeProfiles(res.profiles || []);
if (wasActive) {
const p = state.modelProfiles[0];
if (p) await selectModel(p.id ?? 0, p.name);
else { state.llmNo = 0; state.modelName = null; updateModelChip(); }
} else if (oldNo > id) {
const p = state.modelProfiles[oldNo - 1];
if (p) await selectModel(p.id ?? (oldNo - 1), p.name);
}
renderSettingsModels();
} catch (ex) {
const msg = ex.message || '';
showChanToast(msg.includes('last profile') ? t('err.modelDeleteLast') : t('err.modelDelete'), msg.includes('last profile') ? '' : msg, 'err');
}
}
function renderSettingsModels() {
const box = document.getElementById('model-list');
if (!box) return;
box.innerHTML = '';
const list = state.modelProfiles || [];
const mixin = list.find(p => p.kind === 'mixin');
const natives = list.filter(p => p.kind !== 'mixin');
const byName = new Map(natives.map(p => [p.name, p]));
// ── 渠道组（自动故障转移）：可展开组；本身也可被选为激活模型 ──
if (mixin) {
const gid = mixin.id ?? 0;
const members = mixin.members || [];
const expanded = state.mixinExpanded !== false; // 默认展开
const group = document.createElement('div');
group.className = 'model-group';
const head = document.createElement('label');
head.className = 'model-row model-row--mixin' + (state.llmNo === gid ? ' sel' : '');
head.innerHTML = `${GA_ICON(expanded ? 'caretDown' : 'caretRight')}${escapeHtml(t('model.aggregation'))}`;
head.querySelector('[data-act="toggle"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); state.mixinExpanded = !expanded; renderSettingsModels(); });
head.addEventListener('click', (e) => { if (e.target.closest('[data-act="toggle"]')) return; e.preventDefault(); selectModel(gid, mixin.name); });
group.appendChild(head);
if (expanded) {
const body = document.createElement('div');
body.className = 'model-mixin-body';
if (!members.length) {
const em = document.createElement('div');
em.className = 'model-mixin-empty'; em.textContent = t('model.emptyMixin');
body.appendChild(em);
} else {
members.forEach((mName, i) => {
const mp = byName.get(mName);
const row = document.createElement('div');
row.className = 'model-member';
row.dataset.member = mName;
row.innerHTML = `${escapeHtml(profileLabel(mName) || mName)}`;
row.querySelector('[data-act="unmix"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); if (mp) removeFromMixin(mp.id ?? 0); });
body.appendChild(row);
});
bindMixinDrag(body, members);
}
group.appendChild(body);
}
box.appendChild(group);
}
// ── 独立模型（聚合渠道组已自带分隔，这里不再单列标题）──
if (!natives.length) {
const empty = document.createElement('div');
empty.className = 'set-empty'; empty.textContent = t('set.noModels');
box.appendChild(empty);
} else {
for (const p of natives) {
const id = p.id ?? 0;
const label = profileLabel(p.name) || p.name || ('#' + id);
const row = document.createElement('label');
row.className = 'model-row' + (state.llmNo === id ? ' sel' : '');
// 独立列表按钮统一为「加入渠道组」（➕）；移除只在渠道组展开区做。
// 已在渠道组的，按钮仍是「加入」，但点击只提示「已在渠道组中」，并用 is-in 给个淡淡的视觉区分。
const mixToggle = !mixin ? '' : ``;
row.innerHTML = `${escapeHtml(label)}${mixToggle}`;
row.querySelector('[data-act="edit"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); openEditModelForm(id); });
row.querySelector('[data-act="delete"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); deleteModel(id, p.name); });
const addBtn = row.querySelector('[data-act="addmix"]');
if (addBtn) addBtn.addEventListener('click', (e) => {
e.stopPropagation(); e.preventDefault();
if (p.inMixin) showToast(t('model.alreadyInMixin'));
else addToMixin(id);
});
row.addEventListener('click', (e) => {
if (e.target.closest('.model-row-actions')) return;
e.preventDefault();
selectModel(id, p.name);
});
box.appendChild(row);
}
}
applyI18n();
}
function openSettings() {
openModal('settings-modal');
renderSettingsModels();
renderLangList();
applyTheme(theme, { persist: false });
applyAppearance(appearance, plainUi, { persist: false });
applyChatFontSize(chatFontSize, { persist: false });
}
async function loadModelProfiles() {
try {
const res = await window.ga.getModelProfiles();
const list = res?.profiles || res?.result?.profiles || [];
state.modelProfiles = normalizeProfiles(list);
const active = state.modelProfiles.find(p => p.active) || state.modelProfiles[0];
if (active) {
state.llmNo = active.id ?? 0;
state.modelName = modelDisplayName(active);
}
updateModelChip();
renderSettingsModels();
} catch (_) {}
}
/* ═══════════════ 模型菜单(chat + conductor 共用一份逻辑,各自一个 DOM) ═══════════════ */
const modelMenu = document.getElementById('model-menu');
const collabModelMenu = document.getElementById('cdb-model-menu');
function renderModelMenu(menuEl) {
if (!menuEl) return;
const list = state.modelProfiles || [];
const rows = list.map((p, i) => {
const no = (p.id ?? i);
const isActive = (state.llmNo === no) ? ' active' : '';
const label = (isActive && p.kind === 'mixin' && state.modelName) ? state.modelName : modelDisplayName(p);
return ``;
});
menuEl.innerHTML = rows.join('');
applyI18n();
}
function openModelMenu(chipEl, menuEl) {
if (!chipEl || !menuEl) return;
if (typeof convMenu !== 'undefined' && convMenu) convMenu.hidden = true;
window.collabComposer?.closeMenu?.();
closeAllModelMenus();
renderModelMenu(menuEl);
menuEl.hidden = false;
chipEl.classList.add('open');
const chipRect = chipEl.getBoundingClientRect();
const composer = chipEl.closest('.composer');
if (composer) {
const composerRect = composer.getBoundingClientRect();
menuEl.style.left = (chipRect.left - composerRect.left) + 'px';
menuEl.style.bottom = (composerRect.bottom - chipRect.top + 4) + 'px';
}
}
function closeAllModelMenus() {
if (modelMenu) modelMenu.hidden = true;
if (collabModelMenu) collabModelMenu.hidden = true;
if (modelChip) modelChip.classList.remove('open');
if (collabModelChip) collabModelChip.classList.remove('open');
}
function bindModelMenuItemClick(menuEl) {
if (!menuEl) return;
menuEl.addEventListener('click', (e) => {
e.stopPropagation();
const item = e.target.closest('.ga-menu-item');
if (!item) return;
const no = parseInt(item.dataset.llmno, 10);
if (Number.isNaN(no)) return;
const p = (state.modelProfiles || []).find(x => (x.id ?? 0) === no);
selectModel(no, (p && p.name) || '');
closeAllModelMenus();
});
}
bindModelMenuItemClick(modelMenu);
bindModelMenuItemClick(collabModelMenu);
if (modelChip) modelChip.addEventListener('click', (e) => {
e.preventDefault(); e.stopPropagation();
if (modelMenu && !modelMenu.hidden) { closeAllModelMenus(); return; }
openModelMenu(modelChip, modelMenu);
});
if (collabModelChip) collabModelChip.addEventListener('click', (e) => {
e.preventDefault(); e.stopPropagation();
if (collabModelMenu && !collabModelMenu.hidden) { closeAllModelMenus(); return; }
openModelMenu(collabModelChip, collabModelMenu);
});
document.addEventListener('click', (e) => {
if (e.target.closest('#model-menu') || e.target.closest('#model-chip') ||
e.target.closest('#cdb-model-menu') || e.target.closest('#cdb-model-chip') ||
e.target.closest('#chat-menu') || e.target.closest('#chat-plus-btn') ||
e.target.closest('#cdb-menu') || e.target.closest('#cdb-plus-btn')) return;
closeAllModelMenus();
window.chatComposer?.closeMenu?.();
window.collabComposer?.closeMenu?.();
});
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape') {
closeAllModelMenus();
window.chatComposer?.closeMenu?.();
window.collabComposer?.closeMenu?.();
}
});
// 主题色板已删除,点击事件不再注册
const appearanceSeg = document.getElementById('appearance-seg');
if (appearanceSeg) appearanceSeg.addEventListener('click', (e) => {
const btn = e.target.closest('.appear-card[data-appearance]');
if (!btn) return;
const isLight = btn.dataset.appearance === 'light';
applyAppearance(btn.dataset.appearance, isLight && plainUi);
});
const plainUiSwitch = document.getElementById('plain-ui-switch');
if (plainUiSwitch) plainUiSwitch.addEventListener('click', () => {
if (appearance === 'light') applyAppearance('light', !plainUi);
});
async function loadBridgeConfig() {
try {
const res = await window.ga.getConfig();
const cfg = res?.config || {};
if (LANGS.includes(cfg.lang)) {
lang = cfg.lang;
applyI18n();
}
if (cfg.theme != null) applyTheme(cfg.theme, { persist: false });
if (cfg.appearance) applyAppearance(cfg.appearance, !!cfg.plain, { persist: false });
if (cfg.fontSize != null) applyChatFontSize(cfg.fontSize, { persist: false });
if (cfg.llmNo != null && state.modelProfiles.length) {
const p = state.modelProfiles.find(x => (x.id ?? 0) === cfg.llmNo);
if (p) {
state.llmNo = cfg.llmNo;
state.modelName = modelDisplayName(p);
updateModelChip();
renderSettingsModels();
}
}
syncBootCache();
} catch (_) {}
}
const addModelForm = document.getElementById('add-model-form');
if (addModelForm) addModelForm.addEventListener('submit', async (e) => {
e.preventDefault();
const errEl = document.getElementById('add-model-err');
const fd = new FormData(addModelForm);
const payload = Object.fromEntries(fd.entries());
const isEdit = editingModelId != null;
if (!payload.apibase?.trim() || !payload.model?.trim()) {
if (errEl) { errEl.textContent = t('err.modelRequired'); errEl.hidden = false; }
return;
}
if (!isEdit && !payload.apikey?.trim()) {
if (errEl) { errEl.textContent = t('err.modelRequired'); errEl.hidden = false; }
return;
}
try {
const res = isEdit
? await bridgeFetch(`/model-profiles/${editingModelId}`, { method: 'PUT', body: payload })
: await bridgeFetch('/model-profiles', { method: 'POST', body: payload });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.modelSave'));
state.modelProfiles = normalizeProfiles(res.profiles || []);
const pid = isEdit ? editingModelId : (res.profileId ?? state.modelProfiles.at(-1)?.id ?? 0);
const p = state.modelProfiles.find(x => (x.id ?? 0) === pid) || state.modelProfiles.at(-1);
if (p) await selectModel(p.id ?? pid, p.name);
document.getElementById('add-model-modal').hidden = true;
addModelForm.reset();
editingModelId = null;
if (errEl) errEl.hidden = true;
} catch (ex) {
if (errEl) { errEl.textContent = (ex.message || t('err.modelSave')); errEl.hidden = false; }
}
});
/* ═══════════════ 文件上传（图片+任意文件，tuiapp_v2 模式） ═══════════════ */
const MAX_UPLOAD_FILES = 10;
const MAX_UPLOAD_BYTES = 500 * 1024 * 1024; // 500 MB
const IMG_EXT_RE = /\.(png|jpe?g|gif|webp|bmp|svg)$/i;
const thumbStrip = document.getElementById('thumb-strip');
const chatPanel = document.querySelector('main.main');
let activeFileComposer = 'chat';
function fileCtx(f) { return f.ctx || 'chat'; }
function filesForCtx(ctx) { return state.pendingFiles.filter(f => fileCtx(f) === ctx); }
function composerPageEl(ctx) {
const page = ctx === 'collab' ? 'collab' : 'chat';
return document.querySelector(`.page--chat-ui[data-page="${page}"]`);
}
function composerRootEl(ctx) {
return composerPageEl(ctx)?.querySelector('.composer');
}
function composerCfg(ctx = activeFileComposer) {
const root = composerRootEl(ctx);
const page = composerPageEl(ctx);
return {
input: root?.querySelector('.composer-inset .input') || null,
strip: root?.querySelector('.thumb-strip') || null,
uploadBtn: null,
imgInput: root?.querySelector('input[type="file"]') || null,
dropZone: ctx === 'collab' ? page : chatPanel,
};
}
function renderThumbStrip(ctx = activeFileComposer) {
const cfg = composerCfg(ctx);
if (!cfg.strip) return;
const files = filesForCtx(ctx);
if (files.length === 0) {
cfg.strip.innerHTML = '';
cfg.strip.hidden = true;
return;
}
cfg.strip.innerHTML = files.map(f => {
if (f.isImage && f.dataUrl) {
return `
`;
}
const name = f.name || 'file';
const label = name.replace(/[<>&]/g, c => ({ '<': '<', '>': '>', '&': '&' }[c]));
const sub = fileSubLabel(name).replace(/[<>&]/g, c => ({ '<': '<', '>': '>', '&': '&' }[c]));
const path = (f.path || '').replace(/[<>&"]/g, c => ({ '<': '<', '>': '>', '&': '&', '"': '"' }[c]));
const dataName = name.replace(/[<>&"]/g, c => ({ '<': '<', '>': '>', '&': '&', '"': '"' }[c]));
return ``;
}).join('');
cfg.strip.hidden = false;
applyI18n();
}
// 在 ctx 对应输入框(contenteditable)的光标处插入原子 chip（删不进中间，像 @人）
function insertPlaceholderInComposer(file, ctx = activeFileComposer) {
const input = composerCfg(ctx).input;
if (!input) return;
const chip = document.createElement('span');
chip.className = 'ph-chip';
chip.setAttribute('contenteditable', 'false');
chip.dataset.sid = String(file.sid);
chip.dataset.kind = file.isImage ? 'image' : 'file';
chip.textContent = file.name || 'file';
input.focus();
const sel = window.getSelection();
let range;
if (sel && sel.rangeCount && input.contains(sel.getRangeAt(0).commonAncestorContainer)) {
range = sel.getRangeAt(0);
} else {
range = document.createRange(); range.selectNodeContents(input); range.collapse(false);
}
range.deleteContents();
range.insertNode(chip);
const sp = document.createTextNode(' '); // chip 后补一个 nbsp，便于继续打字/定位光标
chip.after(sp);
range.setStartAfter(sp); range.collapse(true);
if (sel) { sel.removeAllRanges(); sel.addRange(range); }
input.dispatchEvent(new Event('input', { bubbles: true }));
}
// 按 sid 从该文件所属 ctx 的输入框移除 chip（连同紧邻空格）
function removePlaceholderFromComposer(file) {
const input = composerCfg(fileCtx(file)).input;
if (!input) return;
const chip = input.querySelector(`.ph-chip[data-sid="${file.sid}"]`);
if (!chip) return;
const next = chip.nextSibling;
if (next && next.nodeType === 3) next.nodeValue = next.nodeValue.replace(/^[\s ]/, '');
chip.remove();
input.dispatchEvent(new Event('input', { bubbles: true }));
}
// 读取 contenteditable 输入框为纯文本：chip → [Image #N]/[File #N]，
/ → 换行
function readComposerTextFrom(input) {
if (!input) return '';
const ser = (node, first) => {
if (node.nodeType === 3) return node.nodeValue;
if (node.nodeType !== 1) return '';
if (node.classList && node.classList.contains('ph-chip')) {
const kind = node.dataset.kind === 'image' ? 'Image' : 'File';
return `[${kind} #${node.dataset.sid}]`;
}
if (node.tagName === 'BR') return '\n';
let inner = '';
node.childNodes.forEach(c => { inner += ser(c, false); });
return (first ? '' : '\n') + inner;
};
let out = '';
input.childNodes.forEach((n, i) => { out += ser(n, i === 0); });
return out.replace(/ /g, ' ');
}
function composerText(ctx = activeFileComposer) {
return readComposerTextFrom(composerCfg(ctx).input);
}
function isImageFile(f) {
return (f && (f.type || '').startsWith('image/')) || IMG_EXT_RE.test(f?.name || '');
}
function placeholderFor(file) {
return file.isImage ? `[Image #${file.sid}]` : `[File #${file.sid}]`;
}
function expandFilePlaceholders(text) {
return text.replace(/\[(Image|File) #(\d+)\]/g, (m, kind, n) => {
const f = state.pendingFiles.find(x => x.sid === Number(n));
return (f && f.path) ? f.path : ''; // #3 悬空占位符(无对应文件)→ 删掉,不把垃圾发给 agent
});
}
function collectUsedFiles(text) {
const used = [];
text.replace(/\[(Image|File) #(\d+)\]/g, (m, kind, n) => {
const f = state.pendingFiles.find(x => x.sid === Number(n));
if (f) used.push(f);
return m;
});
return used;
}
// ── 附件占位符健壮性 ─────────────────────────────────────────────
// 统一移除一个待发附件:出列 + (可选)抹占位符 + 重绘 + 删 bridge 上的文件
function removePendingFile(sid, { stripPlaceholder = false } = {}) {
const idx = state.pendingFiles.findIndex(f => f.sid === sid);
if (idx < 0) return;
const removed = state.pendingFiles.splice(idx, 1)[0];
if (stripPlaceholder) removePlaceholderFromComposer(removed);
renderThumbStrip(fileCtx(removed));
if (removed.path) {
fetch(`${BRIDGE_ORIGIN}/upload`, {
method: 'DELETE', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ path: removed.path }),
}).catch(() => {});
}
}
// #1 对账:DOM 里 chip 没了(被原子删除/退格整块删)→ 同步移除附件 + 删磁盘文件
function reconcilePendingFiles(ctx = activeFileComposer) {
const input = composerCfg(ctx).input;
if (!input) return;
const present = new Set([...input.querySelectorAll('.ph-chip[data-sid]')].map(c => Number(c.dataset.sid)));
for (const f of filesForCtx(ctx).filter(x => !present.has(x.sid))) {
removePendingFile(f.sid, { stripPlaceholder: false });
}
}
async function uploadOne(name, dataUrl, sid) {
const res = await fetch(`${BRIDGE_ORIGIN}/upload`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name, dataUrl, sid: sid || '' }),
});
const j = await res.json();
if (!j.ok) throw new Error(j.error || 'upload failed');
return j.path;
}
async function addFiles(fileList) {
const files = Array.from(fileList || []);
if (files.length === 0) return;
let skipped = false;
let emptyHit = false;
const accepted = [];
for (const f of files) {
if (!f || f.size === 0) { emptyHit = true; continue; }
if (f.size > MAX_UPLOAD_BYTES) { skipped = true; continue; }
if (state.pendingFiles.length + accepted.length >= MAX_UPLOAD_FILES) { skipped = true; break; }
accepted.push(f);
}
if (emptyHit) showChanToast(t('upload.empty'), '', 'err');
if (accepted.length === 0) {
if (skipped) showChanToast(t('upload.tooLarge'), '', 'err');
return;
}
const ctx = activeFileComposer;
let uploadSid = '';
if (ctx === 'collab') {
uploadSid = 'collab';
} else {
let upSess = activeSess();
if (!upSess) { await newSession(); upSess = activeSess(); }
if (upSess && !upSess.bridgeSessionId) { try { await ensureBridgeSession(upSess); } catch (_) {} }
uploadSid = (upSess && upSess.bridgeSessionId) || '';
}
for (const f of accepted) {
try {
const dataUrl = await new Promise((resolve, reject) => {
const r = new FileReader();
r.onload = () => resolve(String(r.result || ''));
r.onerror = () => reject(r.error);
r.readAsDataURL(f);
});
const path = await uploadOne(f.name || 'file', dataUrl, uploadSid);
state.fileSeq += 1;
const sid = state.fileSeq;
const isImage = isImageFile(f);
const entry = {
sid, name: f.name || 'file', isImage, path,
dataUrl: isImage ? dataUrl : '',
ctx,
};
state.pendingFiles.push(entry);
insertPlaceholderInComposer(entry, ctx);
renderThumbStrip(ctx);
} catch (e) {
showChanToast(t('upload.failed'), e.message || String(e), 'err');
}
}
if (skipped) showChanToast(t('upload.tooLarge'), '', 'err');
}
function handleThumbStripClick(e, ctx) {
const x = e.target.closest('.x');
if (x) {
const sid = Number(x.dataset.sid);
const idx = state.pendingFiles.findIndex(f => f.sid === sid && fileCtx(f) === ctx);
if (idx >= 0) {
const removed = state.pendingFiles[idx];
state.pendingFiles.splice(idx, 1);
removePlaceholderFromComposer(removed);
renderThumbStrip(ctx);
if (removed.path) {
fetch(`${BRIDGE_ORIGIN}/upload`, {
method: 'DELETE',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ path: removed.path }),
}).catch(() => {});
}
}
return;
}
const fileChip = e.target.closest('.file-chip.pending');
if (fileChip) {
const path = fileChip.getAttribute('data-path');
const name = fileChip.getAttribute('data-name');
if (path) openUploadFile(path, name);
return;
}
const img = e.target.closest('img');
if (img && img.src) openLightbox(img.src);
}
function bindComposerUpload(ctx) {
const cfg = composerCfg(ctx);
if (!cfg.input || cfg.input.dataset.gaUploadBound) return;
cfg.input.dataset.gaUploadBound = ctx;
if (cfg.uploadBtn && !cfg.uploadBtn.dataset.bound) {
cfg.uploadBtn.dataset.bound = '1';
cfg.uploadBtn.addEventListener('click', (e) => {
e.preventDefault();
activeFileComposer = ctx;
cfg.imgInput?.click();
});
}
if (cfg.imgInput && !cfg.imgInput.dataset.bound) {
cfg.imgInput.dataset.bound = '1';
cfg.imgInput.addEventListener('change', () => {
activeFileComposer = ctx;
addFiles(cfg.imgInput.files);
cfg.imgInput.value = '';
});
}
cfg.strip?.addEventListener('click', (e) => handleThumbStripClick(e, ctx));
cfg.input.addEventListener('paste', (e) => {
activeFileComposer = ctx;
const cd = e.clipboardData || window.clipboardData;
const items = cd && cd.items;
const files = [];
if (items) for (const it of items) { if (it.kind === 'file') { const f = it.getAsFile(); if (f) files.push(f); } }
if (files.length) { e.preventDefault(); addFiles(files); return; }
// 富文本粘贴 → 强制纯文本（contenteditable 默认会粘 HTML，会污染输入框）
e.preventDefault();
const text = cd ? cd.getData('text/plain').replace(/\r\n/g, '\n') : '';
if (!text) return;
// Hard-limit: only insert what fits within maxLen
const maxLen = 20000;
const curLen = cfg.input.textContent.length;
const sel = window.getSelection();
const selLen = (sel.rangeCount && cfg.input.contains(sel.anchorNode)) ? sel.toString().length : 0;
const remaining = maxLen - curLen + selLen;
if (remaining <= 0) { showChanToast(t('err.charLimit').replace('{n}', maxLen), '', 'err'); return; }
const insert = text.slice(0, remaining);
document.execCommand('insertText', false, insert);
if (text.length > remaining) showChanToast(t('err.charLimit').replace('{n}', maxLen), '', 'err');
});
cfg.input.addEventListener('input', () => {
activeFileComposer = ctx;
// 内容清空后浏览器可能残留
，抹掉以便 :empty 占位提示生效
if (!cfg.input.textContent.trim() && !cfg.input.querySelector('.ph-chip')) cfg.input.innerHTML = '';
reconcilePendingFiles(ctx); // chip 被删 → 同步清理附件 + 删磁盘文件
});
const zone = cfg.dropZone;
const dropKey = `dropBound_${ctx}`;
if (!zone || zone.dataset[dropKey]) return;
zone.dataset[dropKey] = '1';
let dragDepth = 0;
const hasFiles = (e) => {
const types = e.dataTransfer && e.dataTransfer.types;
if (!types) return false;
for (let i = 0; i < types.length; i += 1) {
if (types[i] === 'Files') return true;
}
return false;
};
zone.addEventListener('dragenter', (e) => {
if (!hasFiles(e)) return;
e.preventDefault();
activeFileComposer = ctx;
dragDepth += 1;
zone.classList.add('dragover');
zone.dataset.dropHint = t('upload.dropHint');
});
zone.addEventListener('dragover', (e) => {
if (!hasFiles(e)) return;
e.preventDefault();
activeFileComposer = ctx;
e.dataTransfer.dropEffect = 'copy';
});
zone.addEventListener('dragleave', (e) => {
if (!hasFiles(e)) return;
dragDepth = Math.max(0, dragDepth - 1);
if (dragDepth === 0) zone.classList.remove('dragover');
});
zone.addEventListener('drop', (e) => {
if (!hasFiles(e)) return;
e.preventDefault();
dragDepth = 0;
zone.classList.remove('dragover');
activeFileComposer = ctx;
addFiles(e.dataTransfer.files);
});
}
bindComposerUpload('chat');
bindComposerUpload('collab');
Object.assign(window, {
gaSetActiveFileComposer: ctx => { activeFileComposer = ctx === 'collab' ? 'collab' : 'chat'; },
gaPageStatusBar: pageStatusBar,
gaExpandFilePlaceholders: expandFilePlaceholders,
gaRenderMsgChips: renderMsgTextWithChips,
gaCollectUsedFiles: collectUsedFiles,
gaComposerText: composerText,
gaClearUsedPendingFiles: text => removeUsedPendingFiles(collectUsedFiles(text)),
gaFileSubLabel: fileSubLabel,
gaMsgNode: msgNode,
gaCollabItemToMsg: collabItemToMsg,
gaPostRenderEnhance: postRenderEnhance,
gaEscapeHtml: escapeHtml,
});
if (chatPanel) {
const blockFileDrop = e => {
const types = e.dataTransfer?.types;
if (!types) return;
for (let i = 0; i < types.length; i += 1) if (types[i] === 'Files') { e.preventDefault(); return; }
};
window.addEventListener('dragover', blockFileDrop);
window.addEventListener('drop', blockFileDrop);
}
/* ═══════════════ bridge 事件 ═══════════════ */
window.ga.onBridgeReady(async () => {
state.bridgeReady = true;
syncPlanPollTimer();
refreshStatusLabel();
if (!state.activeId) { refreshEmptyState(null); }
await loadModelProfiles();
await loadBridgeConfig();
if (isServicesPageActive()) renderChannelList(gaServiceStore.list());
const sess = activeSess();
if (sess && sessionNeedsHydrate(sess)) {
await runSessionHydrate(sess);
} else if (sess) planPoll(sess);
delete document.documentElement.dataset.bootHasSessions;
if (sess) refreshEmptyState(sess);
});
setTimeout(() => { delete document.documentElement.dataset.bootHasSessions; }, 3000);
window.ga.onBridgeNotification((msg) => {
if (msg && msg.type === 'session-state') {
for (const sess of state.sessions.values()) {
if (sess.bridgeSessionId === msg.sessionId) {
if (msg.status === 'running' || msg.state === 'running') pollSession(sess);
if (msg.state === 'idle' || msg.status === 'idle') tokPollBridge();
renderSessionList();
break;
}
}
}
});
window.ga.onBridgeError((err) => { console.warn('[bridge error]', err); });
window.ga.onBridgeClosed(() => {
state.bridgeReady = false;
syncPlanPollTimer();
const s = activeSess();
if (s) applyPlanPayload(s, null);
chatStatus.setDisconnected();
});
/* ═══════════════ Token 用量页 ═══════════════ */
const tokTbody = document.getElementById('tok-tbody');
const tokTable = document.getElementById('tok-table');
const tokPager = document.getElementById('tok-pager');
const tokSince = document.getElementById('tok-since');
const tokUntil = document.getElementById('tok-until');
const tokTotalN = document.getElementById('tok-total-n');
const tokTodayN = document.getElementById('tok-today-n');
const tokCostN = document.getElementById('tok-cost-n');
const TOK_PER_PAGE = 15;
let _tokPage = 0;
let _tokHistory = [];
let _tokLastSnap = {};
// Model price table: $/M tokens [input, output]
const MODEL_PRICES = {
'gpt-5.4':[2.50,15],'gpt-5':[1.25,10],'gpt-5-mini':[0.25,2],'gpt-4o':[2.50,10],'gpt-4o-mini':[0.15,0.60],
'gpt-4.1':[2,8],'gpt-4.1-mini':[0.40,1.60],'gpt-4.1-nano':[0.10,0.40],'o4-mini':[0.55,2.20],
'claude-opus-4-8':[5,25],'claude-opus-4-7':[5,25],'claude-opus-4-6':[5,25],'claude-sonnet-4-6':[3,15],'claude-sonnet-4-5':[3,15],'claude-haiku-4-5':[1,5],
'deepseek-v4':[0.14,0.28],'deepseek-v4-pro':[0.435,0.87],'deepseek-chat':[0.14,0.28],'deepseek-reasoner':[0.55,2.19],
'glm-5.1':[0.50,0.50],'minimax-m2.7':[0.50,0.50],'kimi-for-coding':[0.50,2],
};
const CNY_RATE = 7.2;
function estCost(inp, out, model, cacheRead, cacheCreate) {
let p = [3,15];
if (model) { const m = model.toLowerCase().replace(/\[.*\]/,''); p = MODEL_PRICES[m] || Object.entries(MODEL_PRICES).find(([k])=>m.includes(k))?.[1] || p; }
const isClaudeOrDS = model && /claude|deepseek/i.test(model);
const cacheReadRate = isClaudeOrDS ? 0.1 : 0.5;
const cacheWriteRate = isClaudeOrDS ? 1.25 : 1.0;
const cost = (inp*p[0] + out*p[1] + (cacheRead||0)*p[0]*cacheReadRate + (cacheCreate||0)*p[0]*cacheWriteRate) / 1e6 * CNY_RATE;
return cost.toFixed(2);
}
function fmtTok(n) { return n>=1e6?(n/1e6).toFixed(2)+'M':n>=1e3?(n/1e3).toFixed(1)+'k':String(n); }
function fmtTime(ts) { return new Date(ts*1000).toLocaleString(undefined,{month:'short',day:'numeric',hour:'2-digit',minute:'2-digit'}); }
function modelPriceTip(model) {
if (!model) return '';
const m = model.toLowerCase().replace(/\[.*\]/,'');
const entry = MODEL_PRICES[m] || Object.entries(MODEL_PRICES).find(([k])=>m.includes(k))?.[1];
const known = !!entry;
const p = entry || [3,15];
const isClaudeOrDS = /claude|deepseek/i.test(m);
const cacheReadRate = isClaudeOrDS ? 0.1 : 0.5;
const cacheWriteRate = isClaudeOrDS ? 1.25 : 1.0;
const lines = [];
if (!known) lines.push(t('tok.pricingUnknown'));
lines.push(t('tok.priceInput') + p[0] + ' /M');
lines.push(t('tok.priceOutput') + p[1] + ' /M');
lines.push(t('tok.priceCacheW') + (p[0] * cacheWriteRate).toFixed(2) + ' /M');
lines.push(t('tok.priceCacheR') + (p[0] * cacheReadRate).toFixed(2) + ' /M');
return lines.join('\n');
}
function tokLoadHistory() { return _tokHistory; }
function tokSaveHistory(h) {
_tokHistory = h;
fetch(`${BRIDGE_ORIGIN}/token-history`, {
method:'POST', headers:{'Content-Type':'application/json'},
body: JSON.stringify({history:h, snap:_tokLastSnap, conductorHist:_condHist, conductorLast:_condLast})
}).catch(()=>{});
}
let _tokPolling = false;
async function tokPollBridge() {
if (_tokPolling) return;
_tokPolling = true;
try {
if (!_tokHistory.length) {
const stored = await bridgeFetch('/token-history');
if (stored.history?.length) _tokHistory = stored.history;
if (stored.snap) _tokLastSnap = stored.snap;
if (stored.conductorHist) _condHist = stored.conductorHist;
if (stored.conductorLast) _condLast = stored.conductorLast;
}
const data = await bridgeFetch('/token-stats');
const history = tokLoadHistory();
for (const r of (data.records||[])) {
const key = r.thread;
const sid = key.replace('GA-','');
const sess = [...state.sessions.values()].find(s=>s.bridgeSessionId===sid);
if (sess && rt(sess).busy) continue;
const prev = _tokLastSnap[key] || {input:0,output:0,cacheCreate:0,cacheRead:0};
let di = r.input-prev.input, do_ = r.output-prev.output, dc = r.cacheCreate-prev.cacheCreate, dr = r.cacheRead-prev.cacheRead;
if (di<0||do_<0||dc<0||dr<0) { di = r.input; do_ = r.output; dc = r.cacheCreate; dr = r.cacheRead; }
if (di>0||do_>0||dc>0||dr>0) {
const title = sess ? displayTitle(sess) : sid;
history.push({sessionId:sid, title:title, input:di, output:do_, cacheCreate:dc, cacheRead:dr, model:r.model||'', ts:Date.now()/1000});
if(sess?.title) history.forEach(h=>{if(h.sessionId===sid&&(!h.title||h.title===sid))h.title=sess.title;});
}
_tokLastSnap[key] = {input:r.input, output:r.output, cacheCreate:r.cacheCreate, cacheRead:r.cacheRead};
}
tokSaveHistory(history);
} catch(_) {}
_tokPolling = false;
}
function tokGetFiltered() {
let records = tokLoadHistory();
const parseD = v => v ? new Date(v.replace(/\s+/,'T')).getTime()/1000 : 0;
const since = parseD(tokSince?.value);
const until = parseD(tokUntil?.value);
if (since) records = records.filter(r=>r.ts>=since);
if (until) records = records.filter(r=>r.ts<=until);
return records;
}
function tokRenderStats(filtered, all) {
let total=0, totalInput=0, totalCacheRead=0, totalCacheCreate=0;
filtered.forEach(r=>{total+=(r.input||0)+(r.output||0)+(r.cacheRead||0)+(r.cacheCreate||0); totalInput+=(r.input||0); totalCacheRead+=(r.cacheRead||0); totalCacheCreate+=(r.cacheCreate||0);});
if(tokTotalN) tokTotalN.textContent=fmtTok(total);
const cacheBase = totalInput + totalCacheRead + totalCacheCreate;
if(tokCostN) tokCostN.textContent= cacheBase > 0 ? (totalCacheRead / cacheBase * 100).toFixed(1) + '%' : '0%';
const todayStart=new Date(); todayStart.setHours(0,0,0,0); const todayTs=todayStart.getTime()/1000;
let todayT=0; all.filter(r=>r.ts>=todayTs).forEach(r=>{todayT+=(r.input||0)+(r.output||0)+(r.cacheRead||0)+(r.cacheCreate||0);});
if(tokTodayN) tokTodayN.textContent=fmtTok(todayT);
}
function tokRenderTable(records) {
if(!tokTbody) return;
const bySession=new Map();
for(const r of records){
const k=r.sessionId||'?';
const ss= r._conductor ? null : [...state.sessions.values()].find(s=>s.bridgeSessionId===k);
let title = ss ? displayTitle(ss) : (r.title||k);
const deleted = r._conductor ? !!r._killed : !ss;
if(!bySession.has(k)) bySession.set(k,{title:title,deleted:deleted,input:0,output:0,cacheCreate:0,cacheRead:0,lastTs:0,prompts:[]});
const s=bySession.get(k); s.input+=r.input||0; s.output+=r.output||0; s.cacheCreate+=r.cacheCreate||0; s.cacheRead+=r.cacheRead||0;
if(r.ts>s.lastTs){s.lastTs=r.ts; s.title=title;} s.prompts.push(r);
}
tokTbody.innerHTML='';
if(bySession.size===0){tokTbody.innerHTML=`${t('tok.noData')} ${escapeHtml(s.title)}${s.deleted?''+t('tok.deleted')+'':''} ${fmtTok(s.input)} ${fmtTok(s.output)} ${fmtTok(s.cacheCreate)} ${fmtTok(s.cacheRead)} ${sCacheRate} `;
tokTbody.appendChild(tr);
const details=[]; s.prompts.sort((a,b)=>b.ts-a.ts);
for(const p of s.prompts){
const dr=document.createElement('tr'); dr.className='tok-detail'; dr.hidden=true;
const modelHtml = p.model ? ` · ${escapeHtml(p.model)}` : '';
const pCacheBase = (p.input||0) + (p.cacheRead||0) + (p.cacheCreate||0);
const pCacheRate = pCacheBase > 0 ? ((p.cacheRead||0) / pCacheBase * 100).toFixed(1) + '%' : '0%';
dr.innerHTML=`${fmtTime(p.ts)}${modelHtml} ${fmtTok(p.input||0)} ${fmtTok(p.output||0)} ${fmtTok(p.cacheCreate||0)} ${fmtTok(p.cacheRead||0)} ${pCacheRate} `;
tokTbody.appendChild(dr); details.push(dr);
}
tr.addEventListener('click',()=>{const o=tr.classList.toggle('open');details.forEach(d=>d.hidden=!o);});
}
if(tokPager){renderTokPager(tokPager, totalPages, _tokPage, p => { _tokPage = p; tokRenderTable(records); });}
}
/* 分页按钮:首页/末页 + 当前页前后各 2 + 省略号,最多渲染 ~9 个 DOM,
1000 页和 10 页都长一样,不会一行排开拖死浏览器。 */
function renderTokPager(host, totalPages, currentPage, onJump) {
host.innerHTML = '';
if (totalPages <= 1) return;
const makeBtn = (label, page, opts = {}) => {
const b = document.createElement('button');
if (opts.svg) b.innerHTML = label;
else b.textContent = label;
if (opts.active) b.classList.add('active');
if (opts.arrow) b.classList.add('tok-pager-arrow');
if (opts.disabled) b.disabled = true;
if (!opts.disabled) b.addEventListener('click', () => onJump(page));
return b;
};
const makeEllipsis = () => {
const s = document.createElement('span');
s.className = 'tok-pager-gap';
s.textContent = '…';
return s;
};
// 收集页码:1 / 当前-2..当前+2 / 末页,去重并填省略号
const pages = new Set([0, totalPages - 1]);
for (let i = Math.max(0, currentPage - 2); i <= Math.min(totalPages - 1, currentPage + 2); i++) pages.add(i);
const sorted = [...pages].sort((a, b) => a - b);
// 首尾箭头用 phosphor 图标(跟侧栏 .chev 同款),不再用 Unicode 字符
host.appendChild(makeBtn(GA_ICON('caretLeft'), currentPage - 1, { svg: true, arrow: true, disabled: currentPage === 0 }));
let prev = -1;
for (const p of sorted) {
if (prev >= 0 && p - prev > 1) host.appendChild(makeEllipsis());
host.appendChild(makeBtn(String(p + 1), p, { active: p === currentPage }));
prev = p;
}
host.appendChild(makeBtn(GA_ICON('caretRight'), currentPage + 1, { svg: true, arrow: true, disabled: currentPage === totalPages - 1 }));
}
async function loadTokenPage(){await tokPollBridge();const f=tokGetFiltered();const all=tokLoadHistory();tokRenderStats(f,all);tokRenderTable(f);}
const _COND_HIST_KEY = 'conductor_token_hist';
const _COND_LAST_KEY = 'conductor_token_last';
const _condZero = {input:0,output:0,cacheCreate:0,cacheRead:0,cost:0};
let _condHist = null, _condLast = null;
function _condLoadHist() { return _condHist || {..._condZero}; }
function _condLoadLast() { return _condLast; }
function _condSave(hist, last) {
_condHist = hist; _condLast = last;
fetch(`${BRIDGE_ORIGIN}/token-history`, {
method:'POST', headers:{'Content-Type':'application/json'},
body: JSON.stringify({history:_tokHistory, snap:_tokLastSnap, conductorHist:hist, conductorLast:last})
}).catch(()=>{});
}
/* ─── Token tab switching ─── */
let _tokTab = 'chat';
const tokTabs = document.getElementById('tok-tabs');
const tokFilter = document.querySelector('.tok-filter');
const tokStatRow = document.querySelector('.page[data-page="token"] .stat-row');
if (tokTabs) tokTabs.addEventListener('click', e => {
const btn = e.target.closest('.tok-tab');
if (!btn || btn.classList.contains('active')) return;
tokTabs.querySelectorAll('.tok-tab').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
_tokTab = btn.dataset.tab;
_tokPage = 0;
if (_tokTab === 'conductor') { if (tokFilter) tokFilter.style.display = 'none'; if (tokStatRow) tokStatRow.style.display = 'none'; if (tokTable) tokTable.classList.add('tok-table--conductor'); loadConductorTokens(); }
else { if (tokFilter) tokFilter.style.display = ''; if (tokStatRow) tokStatRow.style.display = ''; if (tokTable) tokTable.classList.remove('tok-table--conductor'); loadTokenPage(); }
});
async function loadConductorTokens() {
let curIn = 0, curOut = 0, curCc = 0, curCr = 0, curCost = 0;
let fetchOk = false;
try {
const data = await (await fetch(`${CONDUCTOR_ORIGIN}/token-stats`)).json();
const recs = (data.records || []).filter(r => r.thread === 'conductor-agent' || r.thread.startsWith('subagent-'));
for (const r of recs) {
curIn += r.input || 0; curOut += r.output || 0; curCc += r.cacheCreate || 0; curCr += r.cacheRead || 0;
curCost += parseFloat(estCost(r.input || 0, r.output || 0, r.model || '', r.cacheRead || 0, r.cacheCreate || 0));
}
fetchOk = true;
} catch (_) {
if (tokTbody) tokTbody.innerHTML = `${t('tok.condOffline')} ${_ci}${t('tok.condTotal')} ${fmtTok(hIn)} ${fmtTok(hOut)} ${fmtTok(hCc)} ${fmtTok(hCr)} ${hCacheRate} ${_ci}${t('tok.condCurrent')} ${fmtTok(curIn)} ${fmtTok(curOut)} ${fmtTok(curCc)} ${fmtTok(curCr)} ${curCacheRate}
`).join('');
box.querySelectorAll('.collab-card').forEach(el => {
const w = S.workers.find(x => x.id === el.dataset.sid);
if (w) {
const prev = prevUpdated.get(w.id);
if (prev != null && prev !== w.updatedAt) pulseEl(el);
prevUpdated.set(w.id, w.updatedAt);
}
el.addEventListener('contextmenu', e => {
e.preventDefault();
showCardMenu(e.clientX, e.clientY, el.dataset.sid);
});
el.addEventListener('click', () => {
if (w) openWorkerDrawer(w);
});
});
const running = S.workers.filter(w => w.status === 'running').length;
const done = S.workers.filter(w => w.status === 'reported').length;
S.runningCount = running;
document.dispatchEvent(new CustomEvent('collab:running-count', { detail: { count: running } }));
const stats = $('collab-progress-stats');
if (stats) {
const has = running > 0 || done > 0;
stats.hidden = !has;
if (has) {
stats.innerHTML = [
running > 0 ? `${GA_STATUS_BREATHE_SM}${running} ${esc(t('collab.statRunning'))}` : '',
done > 0 ? `${done} ${esc(t('collab.statDone'))}` : '',
].filter(Boolean).join('');
}
}
syncRail({ pulse: true });
}
function syncMessages() {
const area = $('collab-msgs'), welcome = $('collab-welcome'), list = $('collab-msg-list');
if (!area || !list) return;
if (!S.historyReady) {
area.classList.remove('has-msgs');
if (welcome) welcome.hidden = true;
list.hidden = true;
syncRail();
return;
}
const has = S.messages.length > 0;
area.classList.toggle('has-msgs', has);
if (welcome) welcome.hidden = has;
list.hidden = !has;
list.replaceChildren();
const toMsg = window.gaCollabItemToMsg;
const render = window.gaMsgNode;
if (toMsg && render) {
for (const item of S.messages) {
const el = render(toMsg(item));
el.classList.add('collab-msg-enter');
list.appendChild(el);
}
}
syncDraft();
scrollMsgs();
syncRail();
}
function pushMsg(item) {
if (item.id && S.messages.some(m => m.id === item.id)) return;
if (item.role === 'user') {
const plain = stripAttach(item.msg);
const expand = window.gaExpandFilePlaceholders;
for (let i = S.messages.length - 1; i >= 0; i--) {
const m = S.messages[i];
// 服务端回显的 msg 是 expand(本地文本)（附件被展开成了本地路径），和本地乐观消息其实是同一条。
// 命中后保留本地那条的干净显示（占位符 msg + 结构化 files/images 卡片），只补服务端 id/ts，
// 丢弃带路径的回显文本 —— 既去重、又不丢卡片、不外露本地路径，与 chat 显示一致。
if (m._local && m.role === 'user' &&
(stripAttach(m.msg) === plain || m.msg === item.msg || (expand && expand(m.msg) === item.msg))) {
m.id = item.id || m.id;
if (item.ts != null) m.ts = item.ts;
if (item.read != null) m.read = item.read;
m._local = false;
syncMessages();
setConnUi();
return;
}
}
}
S.messages.push(item);
if (item.role === 'conductor') S.conductorTyping = false;
syncMessages();
setConnUi();
}
function setWorkers(rawList) {
S.workers = (rawList || []).map(normalizeWorker);
renderWorkers();
}
function onWsData(data, gen) {
if (gen !== wsGen) return;
if (data.type === 'hello') {
S.historyReady = true;
S.messages = (data.chat || []).map(raw => ({ id: raw.id, role: raw.role || 'system', msg: raw.msg || '', ts: raw.ts, read: raw.read, files: raw.files || [], images: raw.images || [] }));
S.conductorTyping = !!data.running;
setWorkers(data.subagents || []);
syncMessages();
setConnUi();
} else if (data.type === 'subagents') setWorkers(data.items || []);
else if (data.type === 'chat') pushMsg({ id: data.item.id, role: data.item.role || 'system', msg: data.item.msg || '', ts: data.item.ts, read: data.item.read, files: data.item.files || [], images: data.item.images || [] });
}
function resetWs() {
wsGen++;
if (!ws) return;
const old = ws;
ws = null;
old.onopen = old.onclose = old.onerror = old.onmessage = null;
try { old.close(); } catch {}
}
function scheduleReconnect() {
clearTimeout(connectTimer);
clearInterval(reconnectTick);
if (!S.everConnected && S.failCount >= FAIL_MAX) {
S.reconnecting = false;
return setConnUi();
}
const delay = Math.min(RECON_MAX, RECON_BASE * Math.pow(2, Math.max(0, S.failCount - 1)));
S.reconnectAt = Date.now() + delay;
S.reconnecting = S.everConnected;
setConnUi();
reconnectTick = setInterval(() => { if (!S.reconnecting) clearInterval(reconnectTick); else setConnUi(); }, 500);
connectTimer = setTimeout(connect, delay);
}
function connect() {
if (ws && (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING)) return;
clearTimeout(connectTimer);
clearInterval(reconnectTick);
const gen = ++wsGen;
setConnUi();
let sock;
try { sock = new WebSocket(wsUrl()); } catch (e) {
if (gen !== wsGen) return;
S.failCount++;
return scheduleReconnect();
}
ws = sock;
sock.onopen = () => {
if (gen !== wsGen) return;
S.everConnected = true;
S.serviceAvailable = true;
S.reconnecting = false;
S.failCount = 0;
setConnUi();
};
sock.onclose = (ev) => {
if (gen !== wsGen) return;
S.serviceAvailable = false;
if (S.everConnected) S.reconnecting = true;
else S.failCount++;
setConnUi();
scheduleReconnect();
};
sock.onerror = () => {};
sock.onmessage = ev => {
if (gen !== wsGen) return;
try { onWsData(JSON.parse(ev.data), gen); } catch {}
};
}
function sendText(rawText) {
const text = (rawText || '').trim();
if (!text || !ws || ws.readyState !== WebSocket.OPEN) return false;
window.gaSetActiveFileComposer?.('collab');
const expand = window.gaExpandFilePlaceholders || (s => s);
const collect = window.gaCollectUsedFiles || (() => []);
const clearUsed = window.gaClearUsedPendingFiles || (() => {});
const used = collect(text);
const images = [], files = [];
for (const f of used) (f.isImage ? images : files).push(f.isImage ? { path: f.path, dataUrl: f.dataUrl, name: f.name, sid: f.sid } : { path: f.path, name: f.name, sid: f.sid });
S.messages.push({ id: `_local_${++localSeq}`, _local: true, role: 'user', msg: text, ts: Date.now() / 1000, images, files });
S.conductorTyping = true;
syncMessages();
ws.send(JSON.stringify({ msg: expand(text), files, images }));
clearUsed(text);
window.collabComposer?.clearIfMatch?.(text);
setConnUi();
return true;
}
$('collab-retry')?.addEventListener('click', () => { S.failCount = 0; S.reconnecting = false; resetWs(); connect(); });
$('collab-rail-toggle')?.addEventListener('click', () => toggleProgress());
$('collab-prog-close')?.addEventListener('click', () => toggleProgress(false));
window.collabComposer?.init?.(sendText);
window.collabInit = () => {
window.gaSetActiveFileComposer?.('collab');
syncMessages();
setConnUi();
renderWorkers();
connect();
};
window.collabFocus = () => window.collabComposer?.focus?.();
window.collabRetranslate = () => { renderWorkers(); syncMessages(); setConnUi(); };
})();
/* ═══════════════ Composer layout: inline / stacked ═══════════════ */
(function initComposerLayout() {
const BREAKPOINT = 480;
const SINGLE_LINE = 36;
document.querySelectorAll('.composer-inset').forEach(inset => {
const input = inset.querySelector('.input');
if (!input) return;
function update() {
const wide = inset.offsetWidth >= BREAKPOINT;
const single = input.scrollHeight <= SINGLE_LINE;
inset.classList.toggle('is-inline', wide && single);
}
new ResizeObserver(update).observe(inset);
input.addEventListener('input', update);
update();
});
})();
${escapeHtml(f.label)}
${escapeHtml(f.body)}([\s\S]*?)<\/summary>/i.exec(raw || '');
if (m) return m[1].replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim();
const tools = [];
const toolRe = /🛠️\s*Tool:\s*`([^`]+)`/g;
let tm;
while ((tm = toolRe.exec(raw || '')) !== null) {
if (!tools.includes(tm[1])) tools.push(tm[1]);
}
return tools.length ? tools.join(', ') : '';
}
// 旧轮折叠壳：内部 turnIndex 从 0 起；UI 标题显示为 1 起。调用方一律传内部下标。
function turnDisplayNo(turnIndex) {
return Math.max(0, Number(turnIndex) || 0) + 1;
}
function renderTurnFold(body, turnIndex) {
const raw = stripTurnMarker(body);
const sum = extractTurnSummaryPure(raw);
const bodyForRender = sum ? raw.replace(/[\s\S]*?<\/summary>\s*/i, '') : raw;
const inner = renderTurnBody(bodyForRender);
const turnLabel = t('fold.turn').replace('{n}', turnDisplayNo(turnIndex));
const head = sum
? `${escapeHtml(turnLabel)}：${escapeHtml(sum)}`
: escapeHtml(turnLabel);
return `${head}
${inner}`;
}
function lastInflightBlockBody(body) {
const lines = String(body || '').split('\n');
let last = null;
for (let i = 0; i < lines.length; i++) {
const liveTool = parseInFlightToolCall(lines, i);
if (liveTool?.inFlight) { last = { body: liveTool.body }; i = liveTool.nextLine - 1; continue; }
const closedTool = parseToolCallBlock(lines, i);
if (closedTool) { last = null; i = closedTool.nextLine - 1; continue; }
const liveRes = parseInFlightToolResult(lines, i);
if (liveRes?.inFlight) { last = { body: liveRes.body }; i = liveRes.nextLine - 1; continue; }
const closedRes = parseToolResultBlock(lines, i);
if (closedRes) { last = null; i = closedRes.nextLine - 1; continue; }
}
return last;
}
function tryPatchInflightToolDom(curEl, body, prevBody) {
if (!prevBody || body.length < prevBody.length || !body.startsWith(prevBody)) return false;
if (!curEl.querySelector('details.fold-tool-live')) return false;
const prevBlock = lastInflightBlockBody(prevBody);
const curBlock = lastInflightBlockBody(body);
if (!curBlock || !prevBlock || !curBlock.body.startsWith(prevBlock.body)) return false;
const liveFolds = curEl.querySelectorAll('details.fold-tool-live');
const pre = liveFolds[liveFolds.length - 1]?.querySelector('.fold-pre');
if (!pre) return false;
pre.textContent = curBlock.body;
return true;
}
function parseAskUserJson(raw) {
if (raw == null) return null;
const txt = String(raw).trim();
if (!txt) return null;
try { return JSON.parse(txt); } catch (_) {}
try {
let out = '';
let inStr = false;
let esc = false;
for (let i = 0; i < txt.length; i++) {
const c = txt[i];
if (esc) { out += c; esc = false; continue; }
if (c === '\\') { out += c; esc = true; continue; }
if (c === '"') { inStr = !inStr; out += c; continue; }
if (inStr) {
if (c === '\n') out += '\\n';
else if (c === '\r') out += '\\r';
else if (c === '\t') out += '\\t';
else if (c.charCodeAt(0) < 0x20) out += '\\u' + c.charCodeAt(0).toString(16).padStart(4, '0');
else out += c;
} else out += c;
}
return JSON.parse(out);
} catch (_) {}
return null;
}
function normalizeAskUserData(data) {
const raw = data || {};
const question = String(raw.question || '').trim();
if (!question) return null;
const cs = raw.candidates || [];
const candidates = Array.isArray(cs)
? cs.map(x => String(x == null ? '' : x)).filter(x => x.trim())
: [];
return { question, candidates };
}
/** 格式化 ask_user 题干：编号与正文同行；无空行时在 2./3. 前分段 */
function formatAskUserQuestion(text) {
let s = String(text || '').trim();
if (!s) return s;
// 「1.\n正文」→「1. 正文」
s = s.replace(/^(\d+[.、:：)])\s*\n+\s*/gm, '$1 ');
s = s.replace(/(\n)(\d+[.、:：)])\s*\n+\s*/g, '$1$2 ');
s = s.replace(/(\n|^)(问题\s*\d+\s*[:：.、)]?)\s*\n+\s*/gi, '$1$2 ');
// 题与题之间：尚无空行时，仅在 2./3. 前插入空行（不动 1. 与题干）
if (!/\n\s*\n/.test(s)) {
s = s.replace(/(\S)\s+(?=问题\s*[2-9]\d*\s*[:：.、)]?\s*)/gi, '$1\n\n');
s = s.replace(/(\S)\s+(?=[2-9]\d*[.、:：)]\s+\S)/g, '$1\n\n');
}
return boldAskQuestionLines(s);
}
function boldAskQuestionLines(text) {
return String(text || '').split('\n').map(line => {
const t = line.trim();
if (!t || /^\*\*.+\*\*$/.test(t)) return line;
if (/^\d+[.、:：)]\s+\S/.test(t)) return '**' + t + '**';
if (/^问题\s*\d+/i.test(t)) return '**' + t + '**';
if (/[？?]\s*$/.test(t) && !/^[A-Da-d][.)]\s/.test(t)) return '**' + t + '**';
return line;
}).join('\n');
}
function markAskOptionHtml(html) {
let out = String(html || '');
out = out.replace(/([^<]*[A-Da-d][.)]\s[^<]*)<\/p>/gi, '
$1
');
out = out.replace(/()\s*([A-Da-d][.)]\s[^<]+)/gi, '$2');
return out;
}
/** 预览模式：true = 始终显示 candidates；false = 题干已含选项/多题时不重复渲染底部列表 */
const ASK_USER_ALWAYS_SHOW_CANDIDATES = false;
/** 题干已含选项/多题，或 candidates 无法与题干对应时，不再重复渲染底部列表 */
function shouldShowAskCandidates(item) {
if (!item || !item.candidates.length) return false;
if (ASK_USER_ALWAYS_SHOW_CANDIDATES) return true;
const q = item.question;
if (/两个问题|多个问题|两道|两题/.test(q)) return false;
if ((q.match(/问题\s*\d/gi) || []).length >= 2) return false;
if ((q.match(/^[ \t]*\d+[.、:：)]\s+/gm) || []).length >= 2) return false;
if ((q.match(/^[ \t]*[A-Da-d][.)]\s/mg) || []).length >= 2) return false;
const comboN = item.candidates.filter(c => /\d+[A-Da-d]\s*\+\s*\d+[A-Da-d]/i.test(c)).length;
if (comboN >= Math.max(1, Math.ceil(item.candidates.length * 0.5))) return false;
// 题干里有多道问句，却把全部选项平铺在 candidates → 无法区分归属，不展示
const qMarks = (q.match(/[？?]/g) || []).length;
if (qMarks >= 2 && item.candidates.length > 4) return false;
return true;
}
function renderAskUserNotice(data) {
const item = normalizeAskUserData(data);
if (!item) return '';
// 单题与多题统一处理：多题的选项本就内联在题干里；单题的选项放在 candidates 里，
// 这里把它折叠进题干，按同样的 A./B./C. 内联方式渲染，不再单独画一个编号列表。
const question = foldAskCandidates(item);
const qHtml = markAskOptionHtml(renderMarkdown(formatAskUserQuestion(question)));
return `
${qHtml ? `${qHtml}` : ''}
`;
}
/** 单题的 candidates 折叠进题干（统一成 A./B./C. 内联选项）；多题或无法对应时原样返回题干 */
function foldAskCandidates(item) {
if (!shouldShowAskCandidates(item)) return item.question;
const opts = item.candidates.map((c, j) => {
const label = String(c).replace(/^\s*(?:[A-Za-z]|\d{1,2})\s*[.)、:：]\s*/, '').trim();
return `${String.fromCharCode(65 + j)}. ${label}`;
}).join('\n');
// 用单换行（而非空行）拼进题干，让题干+选项渲染成同一个 ，每个选项都跟在
后面 —
// 与多题内联选项走完全一致的 .ask-option-line 缩进，避免首项 A 贴左边、B/C/D 缩进的错位。
return item.question.replace(/\s+$/, '') + '\n' + opts;
}
function askUserPlaceholder(item) {
// 单题与多题统一：都用自由作答提示，不再针对单题单独显示「输入 1/2/3 选择」
return t('ask.placeholderOpen');
}
function assistantStructuredText(msg) {
if (!msg || msg.role !== 'assistant') return '';
if (Array.isArray(msg.turn_segs) && msg.turn_segs.length) return msg.turn_segs.join('\n');
return typeof msg.content === 'string' ? msg.content : '';
}
function getPendingAskUser(sess) {
if (!sess || rt(sess).busy) return null;
const msgs = sess.messages || [];
let lastAskIdx = -1;
let askData = null;
for (let i = msgs.length - 1; i >= 0; i--) {
if (msgs[i].role !== 'assistant') continue;
const json = extractAskUserToolJson(assistantStructuredText(msgs[i]));
if (json != null) {
lastAskIdx = i;
askData = normalizeAskUserData(parseAskUserJson(json));
break;
}
}
if (!askData) return null;
const replied = msgs.slice(lastAskIdx + 1).some(m => m.role === 'user');
return replied ? null : askData;
}
function syncAskUserUi() {
const sess = activeSess();
const pending = sess ? getPendingAskUser(sess) : null;
const notices = [...document.querySelectorAll('.ask-user-notice')];
notices.forEach((el, i) => {
const isLast = i === notices.length - 1;
el.classList.toggle('is-active', !!pending && isLast);
el.classList.toggle('is-answered', !pending || !isLast);
});
if (inputEl) inputEl.setAttribute('data-ph', pending ? askUserPlaceholder(pending) : t('composer.placeholder')); // contenteditable 用 data-ph（无 placeholder 属性）
if (composerEl) composerEl.classList.toggle('is-awaiting-answer', !!pending);
}
/* ═══════════════ 渲染后增强 (PR移植) ═══════════════ */
/* ───────────── 统一复制 SVG Icon ───────────── */
// Phosphor 图标助手：把 window.gaIcon(name) 包一层，给动态渲染的 UI 用，与静态 [data-ga-icon] 保持一致
const GA_ICON = (name, className = '') => (typeof window.gaIcon === 'function' ? window.gaIcon(name, className) : '');
const SVG_COPY_ICON = GA_ICON('copy');
const SVG_CHECK_ICON = GA_ICON('check');
function postRenderEnhance(containerEl) {
if (!containerEl) return;
// 代码高亮 + 复制按钮（.code-block 容器已自带头部复制按钮，跳过）
containerEl.querySelectorAll('pre code').forEach(block => {
if (typeof hljs !== 'undefined') hljs.highlightElement(block);
if (block.closest('.code-block')) return; // TUI 风格容器已有复制按钮
if (!block.parentElement.querySelector('.code-copy-btn')) {
const btn = document.createElement('button');
btn.className = 'code-copy-btn'; btn.innerHTML = SVG_COPY_ICON;
btn.title = t('act.copy');
btn.onclick = () => {
navigator.clipboard.writeText(block.textContent).then(() => {
btn.innerHTML = SVG_CHECK_ICON; setTimeout(() => btn.innerHTML = SVG_COPY_ICON, 1500);
});
};
block.parentElement.style.position = 'relative';
block.parentElement.appendChild(btn);
}
});
// TUI 代码块头部复制按钮绑定
containerEl.querySelectorAll('.code-block-copy').forEach(btn => {
if (btn.dataset.bound) return;
btn.dataset.bound = '1';
btn.onclick = () => {
const code = btn.closest('.code-block').querySelector('code');
if (!code) return;
navigator.clipboard.writeText(code.textContent.trim()).then(() => {
btn.textContent = '\u2713';
setTimeout(() => { btn.textContent = '\u29C9'; }, 1500);
});
};
});
// KaTeX 复制按钮
containerEl.querySelectorAll('.katex-block').forEach(el => {
if (el.querySelector('.latex-copy-btn')) return;
const src = el.querySelector('annotation[encoding="application/x-tex"]');
if (!src) return;
const btn = document.createElement('button');
btn.className = 'latex-copy-btn'; btn.textContent = '\u29C9';
btn.title = t('act.copyTex');
btn.onclick = () => {
navigator.clipboard.writeText(src.textContent).then(() => {
btn.textContent = '\u2713'; setTimeout(() => btn.textContent = '\u29C9', 1500);
});
};
el.style.position = 'relative';
el.appendChild(btn);
});
syncAskUserUi();
}
/* ═══════════════ 状态 ═══════════════ */
const state = {
sessions: new Map(), activeId: null, bridgeReady: false,
llmNo: 0, modelProfiles: [], modelName: null,
runtime: new Map(),
pendingFiles: [],
fileSeq: 0,
};
function rt(sess) {
let r = state.runtime.get(sess.id);
if (!r) { r = { polling:false, busy:false, lastId:0, seen:new Set(), draftEl:null, draftSegs:null, draftTurn:0, taskStartedAt:null, taskEndedAt:null, taskTimerId:null, planCompleteAt:null, planLostAt:null, planHoldItems:[], planLastPayload:null, planLastComplete:false, planHideTimer:null, planDismissedComplete:false, planCollapsed:false, planShowAll:false }; state.runtime.set(sess.id, r); }
return r;
}
const activeSess = () => state.sessions.get(state.activeId) || null;
const isActive = (sess) => sess && sess.id === state.activeId;
function saveSessions() {}
function patchSession(sess, fields) {
if (!sess.bridgeSessionId) return;
fetch(`${BRIDGE_ORIGIN}/session/${encodeURIComponent(sess.bridgeSessionId)}`, {
method: 'PATCH', headers: {'Content-Type':'application/json'}, body: JSON.stringify(fields)
}).catch(() => {});
}
async function loadSessions() {
try {
const res = await fetch(`${BRIDGE_ORIGIN}/sessions`);
const data = await res.json();
if (!data.sessions) return;
for (const s of data.sessions) {
state.sessions.set(s.id, {
id: s.id, bridgeSessionId: s.id, title: s.title,
messages: [], untitled: s.untitled ?? true,
pinned: s.pinned ?? false, lastActiveTs: s.updatedAt || s.createdAt
});
}
// 刷新后固定恢复「上次正在看的会话」（前端持久化的 ga_active），而不是 bridge 的
// activeSessionId（=最近更新的会话，会随后台会话变动而跳来跳去）。没有有效的已存
// 会话则置空 → 显示「新会话」空态，由用户自己点选。
const savedActive = localStorage.getItem('ga_active');
state.activeId = (savedActive && state.sessions.has(savedActive)) ? savedActive : null;
} catch (_) {}
}
/* ═══════════════ DOM refs ═══════════════ */
const chatPage = document.querySelector('.page[data-page="chat"]');
const msgArea = chatPage.querySelector('.msg-area');
const chatStart = msgArea.querySelector('.chat-start');
const inputEl = document.getElementById('chat-input');
const sendBtn = document.getElementById('send-btn');
const planBarEl = document.getElementById('plan-bar');
const composerEl = document.getElementById('chat-composer');
const msgLoading = document.getElementById('msg-loading');
const sessionLoadingEl = document.getElementById('session-loading');
const MIN_MSG_LOADING_MS = 450;
const HYDRATE_LOADING_TIMEOUT_MS = 10000;
const POLL_MSG_LIMIT = 200;
const PLAN_LOST_GRACE_MS = 1500; // tuiapp_v2._PLAN_LOST_GRACE_SEC
const PLAN_COMPLETE_GRACE_MS = 3000; // tuiapp_v2._PLAN_GRACE_SEC
function isPlanPresetPrompt(text) {
const p = String(text || '').toLowerCase();
return p.includes('plan_sop') || p.includes('plan 模式') || p.includes('plan mode');
}
let _submitInFlight = false;
const runToggle = document.getElementById('run-toggle');
const chatStatus = pageStatusBar(runToggle);
const runLabel = runToggle?.querySelector('.rs-label');
const convListEl = document.querySelector('.conv-list');
const newConvBtn = document.querySelector('.new-conv');
const searchInput = document.querySelector('.search input');
const rpResize = document.getElementById('rp-resize');
const rpPanel = document.getElementById('rightpanel');
const bodyEl = document.querySelector('.body');
/* 每个页面的 page-top 各自挂一对 hamburger / 会话 按钮(.pt-sb-toggle / .pt-rp-toggle),
全部绑同一个 toggle,效果跟以前的单一 sb-toggle/rp-toggle 一样,只是入口变成顶栏。 */
document.querySelectorAll('.pt-sb-toggle').forEach(b => b.addEventListener('click', () => bodyEl.classList.toggle('sb-collapsed')));
document.querySelectorAll('.pt-rp-toggle').forEach(b => b.addEventListener('click', () => bodyEl.classList.toggle('rp-collapsed')));
const sbResize = document.getElementById('sb-resize');
const sbPanel = document.querySelector('.sidebar');
// 通用拖拽：dir=+1 拖动 →clientX 增大就增宽(左侧栏);dir=-1 反之(右侧)
function bindResize(handle, panel, dir, min, max) {
if (!handle || !panel) return;
let dragging = false, startX = 0, startW = 0;
handle.addEventListener('mousedown', (e) => {
dragging = true; startX = e.clientX; startW = panel.offsetWidth;
handle.classList.add('dragging');
panel.style.transition = 'none'; // 拖拽期间禁用 transition，避免宽度动画延迟
document.body.style.cursor = 'col-resize';
document.body.style.userSelect = 'none';
e.preventDefault();
});
document.addEventListener('mousemove', (e) => {
if (!dragging) return;
const w = Math.min(max, Math.max(min, startW + dir * (e.clientX - startX)));
panel.style.width = w + 'px';
panel.style.flex = '0 0 ' + w + 'px';
});
document.addEventListener('mouseup', () => {
if (!dragging) return;
dragging = false;
handle.classList.remove('dragging');
panel.style.transition = ''; // 恢复 CSS transition（按钮折叠动画仍生效）
document.body.style.cursor = '';
document.body.style.userSelect = '';
});
}
bindResize(rpResize, rpPanel, -1, 160, 400); // 右栏:cursor 左移 → 增宽
bindResize(sbResize, sbPanel, +1, 180, 360); // 左栏:cursor 右移 → 增宽
const modelChip = document.getElementById('model-chip');
const modelNameEl= modelChip ? modelChip.querySelector('.model-name') : null;
// conductor 页面也有一个独立的模型 chip,共用一份模型数据
const collabModelChip = document.getElementById('cdb-model-chip');
const collabModelNameEl = collabModelChip ? collabModelChip.querySelector('.model-name') : null;
let msgsEl = null;
function ensureMsgs() {
if (!msgsEl) {
msgsEl = document.createElement('div');
msgsEl.className = 'msgs';
msgArea.insertBefore(msgsEl, msgLoading || null);
}
return msgsEl;
}
function refreshEmptyState(sess) {
const has = sess && sess.messages.length > 0;
msgArea.classList.toggle('has-msgs', !!has);
if (chatStart) chatStart.style.display = has ? 'none' : '';
if (msgsEl) msgsEl.style.display = has ? '' : 'none';
}
function planTpl(tpl, v) {
return String(tpl || '').replace(/\{(\w+)\}/g, (_, k) => (v[k] != null ? String(v[k]) : `{${k}}`));
}
let planPollTimer;
function syncPlanPollTimer() {
const on = !!(activeSess()?.bridgeSessionId && state.bridgeReady);
if (on && !planPollTimer) {
planPollTimer = setInterval(() => {
const s = activeSess();
if (!s || !isActive(s)) return;
planFetch(s);
planTick(s);
}, 1000);
} else if (!on && planPollTimer) {
clearInterval(planPollTimer);
planPollTimer = null;
}
}
function clearPlanGrace(r) {
r.planCompleteAt = r.planLostAt = null;
r.planHoldItems = [];
r.planLastPayload = null;
r.planLastComplete = false;
r.planDismissedComplete = false;
if (r.planHideTimer) { clearTimeout(r.planHideTimer); r.planHideTimer = null; }
}
function schedulePlanCompleteDismiss(sess) {
const r = rt(sess);
if (r.planHideTimer) clearTimeout(r.planHideTimer);
r.planHideTimer = setTimeout(() => {
r.planHideTimer = null;
r.planDismissedComplete = true;
if (isActive(sess)) refreshPlanBar(null);
}, PLAN_COMPLETE_GRACE_MS);
}
/** tuiapp_v2._refresh_planbar：用 runtime 里缓存的 items / placeholder 重绘 */
function refreshPlanBarFromRuntime(sess) {
const r = rt(sess);
const lp = r.planLastPayload;
let items = r.planHoldItems || [];
if (r.planLostAt != null && Date.now() - r.planLostAt >= PLAN_LOST_GRACE_MS) {
items = [];
r.planHoldItems = [];
r.planLostAt = null;
}
if (r.planDismissedComplete) {
refreshPlanBar(null);
return;
}
if (r.planCompleteAt != null && Date.now() - r.planCompleteAt >= PLAN_COMPLETE_GRACE_MS) {
r.planDismissedComplete = true;
refreshPlanBar(null);
return;
}
if (!items.length) {
if (lp?.active && lp.placeholder) {
refreshPlanBar(lp);
return;
}
const held = r.planHoldItems || [];
if (lp?.complete && (lp.items?.length || held.length)) {
refreshPlanBar({
active: true,
placeholder: false,
items: lp.items?.length ? lp.items : held,
done: lp.done ?? held.filter(it => it.status === 'done').length,
total: lp.total ?? (lp.items?.length || held.length),
complete: true,
step: lp.step || '',
});
return;
}
refreshPlanBar(null);
return;
}
refreshPlanBar({
active: true,
placeholder: false,
items,
done: lp?.done ?? items.filter(it => it.status === 'done').length,
total: lp?.total ?? items.length,
complete: !!(lp?.complete || (items.length && items.every(it => it.status === 'done'))),
step: lp?.step || '',
});
}
/** 每秒 tick grace（对齐 TUI _poll_plan_files → _refresh_planbar） */
function planTick(sess) {
if (!sess || !isActive(sess)) return;
refreshPlanBarFromRuntime(sess);
}
function applyPlanPayload(sess, raw) {
if (!sess) return;
const r = rt(sess);
const now = Date.now();
if (raw?.active) {
if (raw.placeholder && !r.planLastPayload?.active) {
r.planCollapsed = false;
r.planShowAll = false;
}
r.planLastPayload = raw;
const items = raw.items || [];
if (items.length) {
r.planLostAt = null;
r.planHoldItems = items;
} else if (!raw.placeholder && !raw.complete && r.planHoldItems.length) {
if (!r.planLostAt) r.planLostAt = now;
}
const nowComplete = !!raw.complete && (items.length > 0 || r.planHoldItems.length > 0);
const wasComplete = r.planLastComplete;
if (nowComplete && !wasComplete) {
r.planCompleteAt = now;
schedulePlanCompleteDismiss(sess);
} else if (!nowComplete) {
r.planCompleteAt = null;
r.planDismissedComplete = false;
if (r.planHideTimer) { clearTimeout(r.planHideTimer); r.planHideTimer = null; }
}
r.planLastComplete = nowComplete;
} else if (r.planHoldItems.length && !r.planDismissedComplete) {
if (!r.planLostAt) r.planLostAt = now;
} else if (!r.planDismissedComplete) {
clearPlanGrace(r);
}
if (!isActive(sess)) return;
if (r.planDismissedComplete) {
refreshPlanBar(null);
return;
}
if (raw?.active && raw.placeholder) {
refreshPlanBar(raw);
return;
}
if (raw?.active && raw.complete && (raw.items?.length || r.planHoldItems.length)) {
refreshPlanBar({
...raw,
items: raw.items?.length ? raw.items : r.planHoldItems,
});
return;
}
refreshPlanBarFromRuntime(sess);
}
function planItemUi(status, isCurrent) {
const st = String(status || 'open').toLowerCase();
if (st === 'done') return { cls: 'plan-item--done', mark: '✓' };
if (st === 'error' || st === 'failed') return { cls: 'plan-item--error', mark: '✕' };
if (st === 'warn' || st === 'warning') return { cls: 'plan-item--warn', mark: '!' };
if (isCurrent) return { cls: 'plan-item--current', mark: '●' };
return { cls: 'plan-item--pending', mark: '○' };
}
function pickPlanWindow(items, stepText) {
const list = Array.isArray(items) ? items : [];
if (!list.length) return { shown: [], curInShown: -1, overflow: 0 };
let cur = list.findIndex(it => it.status !== 'done');
if (cur < 0) cur = list.length - 1;
const step = String(stepText || '').trim();
if (step) {
const hit = list.findIndex(it => String(it.content || '').includes(step.slice(0, 24)));
if (hit >= 0) cur = hit;
}
let start, end;
if (cur <= 1) {
start = cur;
end = Math.min(list.length, cur + 3);
} else {
start = cur - 1;
end = Math.min(list.length, cur + 2);
}
const shown = list.slice(start, end);
return { shown, curInShown: cur - start, overflow: Math.max(0, list.length - shown.length) };
}
function planCapsuleLabel(plan) {
const step = plan.step ? String(plan.step).slice(0, 80) : '';
if (plan.complete) return { tag: t('plan.capsuleComplete'), step: step || planTpl(t('plan.complete'), { n: plan.total }) };
if (plan.placeholder) return { tag: t('plan.placeholder'), step: '' };
return { tag: t('plan.capsuleRunning'), step: step || planTpl(t('plan.header'), { done: plan.done, total: plan.total }) };
}
function bindPlanCardUiOnce() {
if (!planBarEl || planBarEl._planUiBound) return;
planBarEl._planUiBound = true;
planBarEl.addEventListener('click', (e) => {
const sess = activeSess();
if (!sess) return;
const r = rt(sess);
const payload = r.planLastPayload;
if (!payload?.active) return;
if (e.target.closest('[data-plan-expand]')) {
r.planCollapsed = false;
refreshPlanBar(payload);
} else if (e.target.closest('[data-plan-collapse]')) {
r.planCollapsed = true;
refreshPlanBar(payload);
} else if (e.target.closest('[data-plan-details]')) {
r.planShowAll = !r.planShowAll;
refreshPlanBar(payload);
}
});
}
function refreshPlanBar(plan) {
if (!planBarEl) return;
bindPlanCardUiOnce();
if (!plan?.active) {
planBarEl.hidden = true;
planBarEl.replaceChildren();
planBarEl.className = 'plan-card';
return;
}
const sess = activeSess();
const r = sess ? rt(sess) : { planCollapsed: false, planShowAll: false };
const collapsed = !!r.planCollapsed;
const stepText = plan.step ? String(plan.step).slice(0, 120) : '';
const done = plan.done ?? (plan.items || []).filter(it => it.status === 'done').length;
const total = plan.total ?? (plan.items || []).length;
const mod = [
'plan-card',
collapsed ? 'plan-card--collapsed' : 'plan-card--expanded',
plan.complete ? 'plan-card--complete' : '',
plan.placeholder ? 'plan-card--placeholder' : '',
].filter(Boolean).join(' ');
planBarEl.hidden = false;
planBarEl.className = mod;
if (collapsed) {
const cap = planCapsuleLabel(plan);
planBarEl.innerHTML = '';
const btn = document.createElement('button');
btn.type = 'button';
btn.className = 'plan-capsule';
btn.dataset.planExpand = '1';
const dot = document.createElement('span');
dot.className = 'plan-status-dot';
const txt = document.createElement('span');
txt.className = 'plan-capsule-text';
if (cap.step) txt.innerHTML = `${escapeHtml(cap.tag)} · ${escapeHtml(cap.step)}`;
else txt.textContent = cap.tag;
btn.append(dot, txt);
planBarEl.append(btn);
return;
}
const frag = document.createDocumentFragment();
const head = document.createElement('div');
head.className = 'plan-card-head';
const dot = document.createElement('span');
dot.className = 'plan-status-dot';
const title = document.createElement('span');
title.className = 'plan-title';
title.textContent = plan.placeholder ? t('plan.placeholder')
: plan.complete ? t('plan.completeTitle')
: t('plan.running');
head.append(dot, title);
if (!plan.placeholder && total > 0) {
const prog = document.createElement('span');
prog.className = 'plan-progress';
prog.textContent = `${done}/${total}`;
head.append(prog);
}
const actions = document.createElement('div');
actions.className = 'plan-head-actions';
const collapseBtn = document.createElement('button');
collapseBtn.type = 'button';
collapseBtn.className = 'plan-btn';
collapseBtn.dataset.planCollapse = '1';
collapseBtn.textContent = t('plan.collapse');
actions.append(collapseBtn);
head.append(actions);
frag.append(head);
if (stepText) {
const cur = document.createElement('div');
cur.className = 'plan-current';
const lab = document.createElement('span');
lab.className = 'plan-current-label';
lab.textContent = `${t('plan.current')}：`;
const body = document.createElement('span');
body.className = 'plan-current-text';
body.textContent = stepText;
cur.append(lab, body);
frag.append(cur);
}
if (plan.placeholder) {
const wait = document.createElement('div');
wait.className = 'plan-wait';
wait.textContent = planTpl(t('plan.waiting'), { path: plan.pathHint || 'plan.md' });
frag.append(wait);
} else {
const list = plan.items || [];
const { shown, curInShown, overflow } = r.planShowAll
? { shown: list, curInShown: list.findIndex(it => it.status !== 'done'), overflow: 0 }
: pickPlanWindow(list, stepText);
if (shown.length) {
const ul = document.createElement('ul');
ul.className = 'plan-items';
shown.forEach((it, i) => {
const ui = planItemUi(it.status, i === curInShown);
const li = document.createElement('li');
li.className = 'plan-item ' + ui.cls;
const mark = document.createElement('span');
mark.className = 'plan-item-mark';
mark.textContent = ui.mark;
const txt = document.createElement('span');
txt.className = 'plan-item-text';
txt.textContent = it.content || '';
li.append(mark, txt);
ul.append(li);
});
frag.append(ul);
}
const foot = document.createElement('div');
foot.className = 'plan-foot';
const moreN = r.planShowAll ? 0 : (overflow || Math.max(0, list.length - shown.length));
if (moreN > 0) {
const hint = document.createElement('span');
hint.className = 'plan-more-hint';
hint.textContent = planTpl(t('plan.overflow'), { n: moreN });
foot.append(hint);
}
if (list.length > 3) {
const det = document.createElement('button');
det.type = 'button';
det.className = 'plan-btn';
det.dataset.planDetails = '1';
det.textContent = r.planShowAll ? t('plan.collapse') : t('plan.details');
foot.append(det);
}
if (foot.childNodes.length) frag.append(foot);
}
planBarEl.replaceChildren(frag);
}
async function planFetch(sess) {
if (!sess?.bridgeSessionId || !state.bridgeReady || !isActive(sess)) return;
try {
const res = await fetch(`${BRIDGE_ORIGIN}/session/${encodeURIComponent(sess.bridgeSessionId)}/plan`);
if (!res.ok) throw new Error(`plan ${res.status}`);
const data = await res.json();
applyPlanPayload(sess, data.plan ?? data.result?.plan);
} catch (_) { /* 对齐 TUI：读盘/网络失败不立刻清空条 */ }
}
async function planPoll(sess) {
await planFetch(sess);
planTick(sess);
}
/* ═══════════════ 消息渲染 ═══════════════ */
function stripAttachPlaceholders(text) {
return String(text || '').replace(/\[(Image|File)\s+#\d+\]\s*/g, '').trim();
}
// 把消息文本里的 [Image #N]/[File #N] 占位符“按原位置”渲染成内联 chip(显示文件名),其余文本转义+换行,
// 这样消息里能看到附件在文本中的位置(卡片/缩略图照常另外渲染)。lookup(kind,n) 取该附件文件名。
// 同时兜底去掉内联的本地上传路径(历史/conductor 回显)。
function renderMsgTextWithChips(text, lookup) {
const s = String(text || '').replace(/[^\s]*desktop_uploads[^\s]*\s*/g, '');
const esc = t2 => escapeHtml(t2).replace(/\n/g, '
');
const re = /\[(Image|File)\s+#(\d+)\]/g;
let out = '', last = 0, m;
while ((m = re.exec(s))) {
out += esc(s.slice(last, m.index));
const name = (lookup && lookup(m[1], Number(m[2]))) || (m[1] === 'Image' ? 'image' : 'file');
out += `${escapeHtml(name)}`;
last = re.lastIndex;
}
out += esc(s.slice(last));
return out.trim();
}
function fileSubLabel(name) {
const m = String(name || '').match(/\.([^.]+)$/);
if (!m) return t('file.kindGeneric');
const ext = m[1].toLowerCase();
const docExts = ['pdf', 'doc', 'docx', 'rtf', 'odt', 'pages', 'tex'];
const sheetExts = ['xls', 'xlsx', 'csv', 'tsv', 'numbers', 'ods'];
const slideExts = ['ppt', 'pptx', 'key', 'odp'];
const codeExts = ['py', 'js', 'ts', 'tsx', 'jsx', 'java', 'c', 'cpp', 'h', 'hpp', 'rs', 'go', 'rb', 'php', 'sh', 'html', 'css', 'json', 'yaml', 'yml', 'xml', 'sql', 'md'];
const archiveExts = ['zip', 'tar', 'gz', 'rar', '7z', 'bz2'];
const audioExts = ['mp3', 'wav', 'flac', 'aac', 'ogg', 'm4a'];
const videoExts = ['mp4', 'mov', 'avi', 'mkv', 'webm', 'wmv'];
if (docExts.includes(ext)) return t('file.kindDoc');
if (sheetExts.includes(ext)) return t('file.kindSheet');
if (slideExts.includes(ext)) return t('file.kindSlide');
if (codeExts.includes(ext)) return t('file.kindCode') + ' · ' + ext.toUpperCase();
if (archiveExts.includes(ext)) return t('file.kindArchive');
if (audioExts.includes(ext)) return t('file.kindAudio');
if (videoExts.includes(ext)) return t('file.kindVideo');
return ext.toUpperCase();
}
/** 无 turn_segs 时按 LLM Running 标记切轮（与 stapp.fold_turns 同源） */
function splitContentTurnSegs(content) {
const src = String(content || '');
const parts = src.split(/\**LLM Running \(Turn \d+\) \.\.\.\**/);
const segs = [];
for (let i = 1; i < parts.length; i++) {
const body = parts[i] || '';
if (body.length || segs.length) segs.push(body);
}
if (segs.length > 1) return segs;
return src.length ? [src] : [];
}
function assistantTurnSegs(msg) {
if (Array.isArray(msg?.turn_segs) && msg.turn_segs.length) return msg.turn_segs;
if (typeof msg?.content === 'string' && msg.content.length) return splitContentTurnSegs(msg.content);
return [];
}
/** turn_segs 未就绪时回退 content（双轨兼容，不改 ljq 渲染主路径） */
function draftSegsFromPartial(raw, m) {
const segs = Array.isArray(m.turn_segs) ? m.turn_segs : [];
if (segs.length && segs.some(s => (s || '').length > 0)) return segs;
const content = typeof raw.content === 'string' ? raw.content : (m.content || '');
return content ? [content] : segs;
}
function firstNonEmptyTurnIndex(segs) {
const arr = Array.isArray(segs) ? segs : [];
for (let i = 0; i < arr.length; i++) {
if ((arr[i] || '').length > 0) return i;
}
return 0;
}
// 后端 curr_turn 是内部 0-based 下标。展示时优先当前 turn；若该 turn 为空，回退到最后一个非空 turn。
function resolveVisibleTurnIndex(segs, preferredTurn) {
const arr = Array.isArray(segs) ? segs : [];
const first = firstNonEmptyTurnIndex(arr);
const preferred = Number.isFinite(Number(preferredTurn)) ? Number(preferredTurn) : -1;
if (preferred >= 0 && (arr[preferred] || '').length > 0) return preferred;
for (let i = arr.length - 1; i >= 0; i--) {
if ((arr[i] || '').length > 0) return i;
}
return Math.max(first, preferred >= 0 ? preferred : (arr.length ? arr.length - 1 : first));
}
// 静态完整渲染：visibleTurn 之前的 seg 固化折叠；visibleTurn 作为当前正文展示。
function renderAssistantTurnsHtml(segs, currTurn, withCursor = false) {
const arr = Array.isArray(segs) ? segs : [];
if (!arr.length) return '';
const first = firstNonEmptyTurnIndex(arr);
const curr = resolveVisibleTurnIndex(arr, currTurn);
let html = '';
for (let i = first; i < curr; i++) {
if ((arr[i] || '').length > 0) html += `
${renderTurnFold(arr[i] || '', i)}`;
}
html += `${renderTurnBody(arr[curr] || '')}${withCursor ? '' : ''}`;
return html;
}
function assistantCopyText(msg) {
const segs = assistantTurnSegs(msg);
if (segs.length) {
// 复制保持旧行为：只复制当前/最后可见 turn，不复制已折叠历史 turn。
const turn = resolveVisibleTurnIndex(segs, msg?.curr_turn);
return stripTurnMarker(segs[turn] || '').replace(/[\s\S]*?<\/summary>\s*/i, '').trim();
}
return '';
}
function msgNode(msg) {
const el = document.createElement('div');
el.className = 'msg ' + (msg.role || 'system');
if (msg.role === 'user') {
const shown = (typeof msg.display === 'string' && msg.display.length) ? msg.display : msg.content;
const imgsHtml = (msg.images && msg.images.length)
? `${msg.images.map(im => ``).join('')}`
: '';
const filesHtml = (msg.files && msg.files.length)
? `${msg.files.map(f => {
const name = f.name || 'file';
const sub = fileSubLabel(name);
return ``;
}).join('')}`
: '';
const chipText = renderMsgTextWithChips(shown, (kind, n) => {
const hit = (kind === 'Image' ? (msg.images || []) : (msg.files || [])).find(x => x.id === 'f-' + n);
return hit && (hit.name || '');
});
const textHtml = chipText ? `${chipText}` : '';
el.innerHTML = `${filesHtml}${imgsHtml}${textHtml}`;
}
else if (msg.role === 'assistant') {
const segs = assistantTurnSegs(msg);
let html = renderAssistantTurnsHtml(segs, msg.curr_turn, false);
if (msg.stopped) html += `[${escapeHtml(t('status.stopped'))}]
`;
el.innerHTML = `${html}`;
postRenderEnhance(el.querySelector('.bubble'));
}
else if (msg.role === 'error') el.innerHTML = `${escapeHtml(msg.content)}`;
else el.innerHTML = `${escapeHtml(msg.content)}`;
if (msg.role === 'user' || msg.role === 'assistant') {
const copyBtn = document.createElement('button');
copyBtn.className = 'bubble-copy-btn';
copyBtn.title = t('act.copy');
copyBtn.innerHTML = SVG_COPY_ICON;
copyBtn.addEventListener('click', (e) => {
e.stopPropagation();
const text = (msg.role === 'user')
? stripAttachPlaceholders((typeof msg.display === 'string' && msg.display.length) ? msg.display : (msg.content || ''))
: assistantCopyText(msg);
navigator.clipboard.writeText(text).then(() => {
copyBtn.innerHTML = SVG_CHECK_ICON;
setTimeout(() => { copyBtn.innerHTML = SVG_COPY_ICON; }, 1500);
});
});
el.appendChild(copyBtn);
}
return el;
}
function collabItemToMsg(item) {
const attach = arr => (arr || []).map(x => {
const sid = x.sid != null ? x.sid : (String(x.id || '').startsWith('f-') ? String(x.id).slice(2) : x.id);
return { id: 'f-' + sid, name: x.name, path: x.path, dataUrl: x.dataUrl };
});
if (item.role === 'user') {
return { role: 'user', content: item.msg, display: item.msg, images: attach(item.images), files: attach(item.files) };
}
if (item.role === 'conductor') return { role: 'assistant', turn_segs: [item.msg || ''], curr_turn: 0 };
if (item.role === 'error') return { role: 'error', content: item.msg || '' };
return { role: 'system', content: item.msg || '' };
}
function renderAllMessages(sess) {
const box = ensureMsgs(); box.innerHTML = '';
for (const m of sess.messages) box.appendChild(msgNode(m));
syncAskUserUi();
// badge 恢复在 pollSession finally 中执行（此时 messages 已通过异步加载填充）
refreshEmptyState(sess); scrollBottom(true);
}
// 遍历消息对，用 ts 差值恢复 badge；对运行中任务恢复 taskStartedAt
function restoreElapsedBadges(sess, box) {
const msgs = sess.messages;
if (!msgs || !msgs.length) return;
const nodes = box.querySelectorAll('.msg');
let lastUserTs = null;
for (let i = 0; i < msgs.length; i++) {
if (msgs[i].role === 'user') {
lastUserTs = msgs[i].ts ? msgs[i].ts * 1000 : null; // 无 ts 则重置
} else if (msgs[i].role === 'assistant') {
if (lastUserTs && msgs[i].ts) {
const elapsed = msgs[i].ts * 1000 - lastUserTs;
if (elapsed > 0 && nodes[i]) {
ensureTaskElapsedBadge(nodes[i], lastUserTs, msgs[i].ts * 1000);
}
}
lastUserTs = null;
}
}
// 运行中任务：最后一条是 user 且 session busy，恢复实时计时
if (lastUserTs && rt(sess).busy) {
const r = rt(sess);
r.taskStartedAt = lastUserTs;
r.taskEndedAt = null;
}
}
function appendMessage(sess, msg) {
if (!isActive(sess)) return;
const el = msgNode(msg);
ensureMsgs().appendChild(el);
if (msg.role === 'assistant') {
const r = rt(sess);
if (r.taskStartedAt) {
ensureTaskElapsedBadge(el, r.taskStartedAt, r.taskEndedAt || Date.now());
r.taskStartedAt = null; r.taskEndedAt = null;
}
}
refreshEmptyState(sess); scrollBottom(true);
if (msg.role === 'assistant' || msg.role === 'user') syncAskUserUi();
}
function isNearBottom(threshold = 80) {
return msgArea.scrollHeight - msgArea.scrollTop - msgArea.clientHeight < threshold;
}
function scrollBottom(force) {
if (force || isNearBottom()) {
requestAnimationFrame(() => { msgArea.scrollTop = msgArea.scrollHeight; });
}
}
/* ═══════════════ 打字机效果 (PR移植) ═══════════════ */
const TW_SPEED = 10; // 逐字步长；paintDraft 只重绘当前轮
const TW_INTERVAL = 35; // ms
const TW_CATCHUP_THRESHOLD = 480; // 积压过大时加速追平
const TW_CATCHUP_MULTIPLIER = 8;
const TW_RECOVER_MIN = 1200; // 保留常量；刷新恢复改由 snapDraftRecover 一律对齐
const DRAFT_INTERACT_MS = 520; // 用户滚代码块/点折叠时暂缓 DOM 重写
function isDraftInteractFrozen(r) {
return Date.now() < (r.draftFreezeUntil || 0);
}
function armDraftInteractFreeze(r, ms = DRAFT_INTERACT_MS) {
r.draftFreezeUntil = Math.max(r.draftFreezeUntil || 0, Date.now() + ms);
}
function snapshotDraftScroll(root) {
if (!root) return [];
return [...root.querySelectorAll('.bubble .code-block pre, .bubble .fold-pre')].map(n => n.scrollTop);
}
function restoreDraftScroll(root, tops) {
if (!root || !tops.length) return;
const nodes = root.querySelectorAll('.bubble .code-block pre, .bubble .fold-pre');
tops.forEach((top, i) => { if (nodes[i] && top > 0) nodes[i].scrollTop = top; });
}
function bindDraftInteractGuard(el, r) {
if (!el || el.dataset.gaDraftGuard) return;
el.dataset.gaDraftGuard = '1';
const arm = () => { if (!r._suppressToggleFreeze) armDraftInteractFreeze(r); };
el.addEventListener('mousedown', (e) => {
if (e.target.closest('details summary, .code-block pre, .fold-pre')) armDraftInteractFreeze(r);
}, true);
el.addEventListener('wheel', (e) => {
if (e.target.closest('.code-block pre, .fold-pre')) armDraftInteractFreeze(r);
}, { capture: true, passive: true });
el.addEventListener('toggle', (e) => {
if (e.target.matches('details')) arm();
}, true);
}
function resetTypewriterState(r) {
if (r.twState?.timer) clearInterval(r.twState.timer);
r.twState = null;
r.draftRecoverPending = false;
r.draftStreamBaseline = 0;
r._draftPaintBody = '';
}
/** 刷新/hydrate/重连：已有 partial 一次性对齐全文并单帧绘制，不重播打字机 */
function snapDraftRecover(r) {
if (!r.draftRecoverPending || !r.draftEl) return false;
if (!r.twState) r.twState = { turn: 0, shown: 0, timer: null };
const tw = r.twState;
if (tw.timer) { clearInterval(tw.timer); tw.timer = null; }
const segs = Array.isArray(r.draftSegs) ? r.draftSegs : [];
const turn = Math.max(0, Number(r.draftTurn) || 0);
tw.turn = turn;
tw.shown = (segs[turn] || '').length;
r.draftRecoverPending = false;
r.draftStreamBaseline = tw.shown;
r._draftPaintBody = '';
ensureDraftFrozenThrough(r, turn);
paintDraft(r, turn, segs[turn] || '');
return true;
}
function renderDraft(sess) {
const r = rt(sess);
if (!isActive(sess)) return;
const box = ensureMsgs();
if (!r.draftEl || r.draftEl.parentNode !== box) {
r.draftEl = document.createElement('div'); r.draftEl.className = 'msg assistant'; box.appendChild(r.draftEl);
bindDraftInteractGuard(r.draftEl, r);
if (r.taskStartedAt) ensureTaskElapsedBadge(r.draftEl, r.taskStartedAt, null);
}
if (!r.twState) r.twState = { turn: 0, shown: 0, timer: null };
const tw = r.twState;
const backendTurn = Math.max(0, Number(r.draftTurn) || 0);
if (tw.turn == null || tw.turn < 0) tw.turn = 0;
if (tw.turn > backendTurn) tw.turn = backendTurn;
// 流式渲染模型：segs 是源数据；tw.turn 是正在打字的 turn；tw.turn 之前的 DOM 一旦 frozen 就不再动。
ensureDraftFrozenThrough(r, tw.turn);
const tick = () => {
const segs = Array.isArray(r.draftSegs) ? r.draftSegs : [];
const backendTurnNow = Math.max(0, Number(r.draftTurn) || 0);
if (tw.turn == null || tw.turn < 0) tw.turn = 0;
if (tw.turn > backendTurnNow) tw.turn = backendTurnNow;
r.streamTurn = tw.turn;
const cur = segs[tw.turn] || '';
// 当前 turn 打完，并且后端已进入后续 turn：当前 DOM 固化，然后打字机推进到下一 turn。
if (tw.shown >= cur.length && backendTurnNow > tw.turn) {
paintDraft(r, tw.turn, cur);
freezeCurrentTurnDom(r, tw.turn);
tw.turn += 1;
tw.shown = 0;
r.streamTurn = tw.turn;
return;
}
if (tw.shown >= cur.length) return; // 中途不停止 timer，等新 partial/done。
if (isDraftInteractFrozen(r)) return;
const t0 = performance.now();
const backlog = cur.length - tw.shown;
let step = backlog > TW_CATCHUP_THRESHOLD ? TW_SPEED * TW_CATCHUP_MULTIPLIER : TW_SPEED;
const last = tw.lastElapsed || 0;
if (last > 60) step = Math.max(step, Math.ceil(backlog / 3));
else step = Math.min(step, 120);
tw.shown = Math.min(tw.shown + step, cur.length);
paintDraft(r, tw.turn, cur.slice(0, tw.shown));
tw.lastElapsed = performance.now() - t0;
};
if (snapDraftRecover(r)) {
if (!tw.timer) tw.timer = setInterval(tick, TW_INTERVAL);
refreshEmptyState(sess);
return;
}
if (!tw.timer) tw.timer = setInterval(tick, TW_INTERVAL);
if (!isDraftInteractFrozen(r)) tick();
refreshEmptyState(sess);
}
function ensureDraftFrozenThrough(r, currTurn) {
if (!r.draftEl) return;
const segs = Array.isArray(r.draftSegs) ? r.draftSegs : [];
const upto = Math.max(0, Number(currTurn) || 0);
let bubble = r.draftEl.querySelector(':scope > .bubble.md');
if (!bubble) {
bubble = document.createElement('div');
bubble.className = 'bubble md';
r.draftEl.appendChild(bubble);
}
const cur = bubble.querySelector(':scope > .turn-cur');
for (let turn = 0; turn < upto; turn++) {
if (bubble.querySelector(`:scope > .turn-frozen[data-turn="${turn}"]`)) continue;
const frozen = document.createElement('div');
frozen.className = 'turn-frozen';
frozen.dataset.turn = turn;
frozen.innerHTML = renderTurnFold(segs[turn] || '', turn);
if (cur) bubble.insertBefore(frozen, cur);
else bubble.appendChild(frozen);
postRenderEnhance(frozen);
}
}
function freezeCurrentTurnDom(r, turn) {
if (!r.draftEl) return;
const bubble = r.draftEl.querySelector(':scope > .bubble.md');
if (!bubble) return;
const cur = bubble.querySelector(':scope > .turn-cur');
if (!cur) return;
cur.className = 'turn-frozen';
cur.dataset.turn = turn;
cur.innerHTML = renderTurnFold((r.draftSegs || [])[turn] || '', turn);
postRenderEnhance(cur);
}
function paintDraft(r, turn, visibleCurrBody) {
if (!r.draftEl || isDraftInteractFrozen(r)) return;
const wasNear = isNearBottom();
let bubble = r.draftEl.querySelector(':scope > .bubble.md');
if (!bubble) {
bubble = document.createElement('div');
bubble.className = 'bubble md';
r.draftEl.appendChild(bubble);
}
let cur = bubble.querySelector(':scope > .turn-cur');
if (!cur) {
cur = document.createElement('div');
cur.className = 'turn-cur';
bubble.appendChild(cur);
}
cur.dataset.turn = turn ?? 0;
const body = visibleCurrBody || '';
const prevBody = r._draftPaintBody || '';
if (!tryPatchInflightToolDom(cur, body, prevBody)) {
cur.innerHTML = renderTurnBody(body) + '';
postRenderEnhance(cur);
} else if (!cur.querySelector('.cursor')) {
cur.insertAdjacentHTML('beforeend', '');
}
r._draftPaintBody = body;
if (wasNear) {
const inCodeScroll = document.activeElement?.closest?.('.code-block pre, .fold-pre')
&& r.draftEl.contains(document.activeElement);
if (!inCodeScroll) scrollBottom();
}
}
function flushTypewriter(sess) {
resetTypewriterState(rt(sess));
}
/* ═══════════════ 运行状态 ═══════════════ */
function pageStatusBar(btnEl) {
const label = btnEl?.querySelector('.rs-label');
return {
/** state: 'ready' | 'busy' | 'offline' | 'connecting'；兼容旧调用 set(text, true) */
set(text, state = 'ready') {
if (!btnEl) return;
const mode = state === true ? 'busy' : (state === false ? 'ready' : state);
btnEl.classList.remove('busy', 'offline', 'connecting');
if (mode === 'busy') btnEl.classList.add('busy');
else if (mode === 'offline') btnEl.classList.add('offline');
else if (mode === 'connecting') btnEl.classList.add('connecting');
if (label) label.textContent = text ?? '';
},
setBusy(text) { this.set(text, 'busy'); },
setReady() { this.set(t('status.ready'), 'ready'); },
setDisconnected() { this.set(t('status.disconnected'), 'offline'); },
setConnecting() { this.set(t('status.connecting'), 'connecting'); },
};
}
function refreshStatusLabel() {
const s = activeSess();
if (s && rt(s).busy) {
chatStatus.setBusy(formatTaskElapsed(Date.now() - (rt(s).taskStartedAt || Date.now())));
} else if (state.bridgeReady) {
chatStatus.setReady();
} else {
chatStatus.setDisconnected();
}
}
/* ═══════════════ 消息计时 ═══════════════ */
function formatTaskElapsed(ms) {
const v = Number(ms);
if (!Number.isFinite(v) || v < 0) return '';
const sec = Math.round(v / 1000);
if (sec < 60) return t('timing.elapsed').replace('{t}', `${Math.max(1, sec)}s`);
const min = Math.floor(sec / 60), s = sec % 60;
if (min < 60) return t('timing.elapsed').replace('{t}', `${min}m ${s}s`);
const hr = Math.floor(min / 60), m = min % 60;
return t('timing.elapsed').replace('{t}', `${hr}h ${m}m`);
}
function ensureTaskElapsedBadge(wrap, startedAt, endedAt) {
if (!wrap || !startedAt) return null;
let badge = wrap.querySelector(':scope > .task-elapsed');
if (!badge) {
badge = document.createElement('div');
badge.className = 'task-elapsed';
wrap.prepend(badge);
}
const elapsed = (endedAt || Date.now()) - startedAt;
badge.textContent = formatTaskElapsed(elapsed);
badge.dataset.live = endedAt ? '' : '1';
return badge;
}
function startTaskTimer(sess) {
const r = rt(sess);
if (r.taskStartedAt) return; // 已在计时，不重置
// 优先从消息时间戳恢复（刷新后持久化）
const msgs = sess.messages;
let restored = 0;
if (msgs && msgs.length) {
for (let i = msgs.length - 1; i >= 0; i--) {
if (msgs[i].role === 'user' && msgs[i].ts) { restored = msgs[i].ts * 1000; break; }
}
}
r.taskStartedAt = restored || Date.now();
r.taskEndedAt = null;
if (r.taskTimerId) clearInterval(r.taskTimerId);
r.taskTimerId = setInterval(() => {
if (!r.taskStartedAt) return;
const el = r.draftEl || document.querySelector('.msg-list .msg.assistant:last-child');
if (el) ensureTaskElapsedBadge(el, r.taskStartedAt, null);
// 更新左上角状态栏显示实时耗时
if (isActive(sess)) {
chatStatus.setBusy(formatTaskElapsed(Date.now() - r.taskStartedAt));
}
}, 1000);
}
function stopTaskTimer(sess) {
const r = rt(sess);
if (r.taskTimerId) { clearInterval(r.taskTimerId); r.taskTimerId = null; }
if (!r.taskStartedAt) return;
r.taskEndedAt = Date.now();
}
function setBusy(sess, busy) {
const r = rt(sess);
if (r.busy && !busy) resetTypewriterState(r);
r.busy = busy;
if (busy) startTaskTimer(sess); else stopTaskTimer(sess);
if (!isActive(sess)) return;
if (busy) {
chatStatus.setBusy(formatTaskElapsed(Date.now() - (r.taskStartedAt || Date.now())));
} else if (state.bridgeReady) {
chatStatus.setReady();
} else {
chatStatus.setDisconnected();
}
if (sendBtn) {
sendBtn.classList.toggle('is-stop', busy);
sendBtn.setAttribute('aria-label', busy ? t('act.stop') : t('act.send'));
sendBtn.title = busy ? t('act.stop') : '';
}
}
// run-toggle 现为纯状态展示组件：运行中转红，不再响应点击（停止改由发送键的录制键承担）
/* ═══════════════ 会话 ═══════════════ */
function isUntitled(x) { return !x || /^(new chat|新对话|新会话)$/i.test(String(x).trim()); }
function sortedSessions() {
// display order: pinned first, then most-recently-active. [0] is the topmost.
return [...state.sessions.values()].sort((a, b) => {
if (a.pinned && !b.pinned) return -1;
if (!a.pinned && b.pinned) return 1;
return (b.lastActiveTs || 0) - (a.lastActiveTs || 0);
});
}
function renderSessionList() {
convListEl.innerHTML = '';
const query = (searchInput ? searchInput.value : '').trim().toLowerCase();
const all = sortedSessions();
const filtered = query
? all.filter(s => {
const title = displayTitle(s).toLowerCase();
const hasMsg = s.messages && s.messages.some(m => (m.text || '').toLowerCase().includes(query));
return title.includes(query) || hasMsg;
})
: all;
if (filtered.length === 0) {
const e = document.createElement('div');
e.className = 'conv-empty'; e.textContent = t('conv.emptyList');
convListEl.appendChild(e); return;
}
for (const sess of filtered) {
const r = state.runtime.get(sess.id);
const busy = !!(r && r.busy);
const item = document.createElement('div');
item.className = 'conv-item' + (currentPage === 'chat' && sess.id === state.activeId ? ' active' : '') + (busy ? '' : ' idle');
item.dataset.id = sess.id;
const pinSvg = sess.pinned ? GA_ICON('pushPinSimple', 'ci-pin') : '';
item.innerHTML =
`` +
`${pinSvg}${escapeHtml(displayTitle(sess))}` +
`` +
``;
convListEl.appendChild(item);
}
}
if (searchInput) searchInput.addEventListener('input', () => renderSessionList());
async function ensureBridgeSession(sess) {
if (sess.bridgeSessionId) return sess.bridgeSessionId;
const res = await window.ga.rpc('session/new', { cwd: '', mcp_servers: [] });
if (res?.error) throw new Error(res.error.message || res.error);
sess.bridgeSessionId = res.sessionId || res.result?.sessionId;
return sess.bridgeSessionId;
}
// 仿 TUI(continue_cmd.py 的 _preview_text 思路):sess.title 只在用户手动 rename 时被填,
// 平时为空;sidebar 显示名实时从消息派生 —— 优先取最后一段 assistant 输出里的 ...
,
// 其次用首条用户消息纯文本,都没有时回退到 t('conv.defaultTitle')。
function isAutoTitle(x) {
const s = String(x || '').trim();
if (!s) return true;
if (/^(new chat|新对话|新会话)$/i.test(s)) return true;
if (/^agent-\d+$/i.test(s)) return true; // 兼容上一轮误存的 agent-N
return false;
}
function displayTitle(sess) {
if (sess && sess.title && !isAutoTitle(sess.title)) return sess.title;
const msgs = (sess && sess.messages) || [];
// 1) 优先:最后一段 assistant 文本里的 ...
for (let i = msgs.length - 1; i >= 0; i--) {
const m = msgs[i];
if (!m || m.role !== 'assistant') continue;
const txt = assistantStructuredText(m);
const sm = /([\s\S]*?)<\/summary>/i.exec(txt);
if (sm && sm[1].trim()) {
const line = sm[1].trim().split('\n')[0].trim();
if (line) return line.length > 60 ? line.slice(0, 60) + '…' : line;
}
}
// 2) 兜底:首条用户消息纯文本(去附件占位符)
for (const m of msgs) {
if (!m || m.role !== 'user') continue;
const raw = typeof m.content === 'string' ? m.content : (m.display || '');
const clean = stripAttachPlaceholders(raw).trim();
if (clean) return clean.length > 40 ? clean.slice(0, 40) + '…' : clean;
}
return t('conv.defaultTitle');
}
async function newSession() {
const localId = 'local-' + Date.now() + '-' + Math.random().toString(16).slice(2);
const sess = { id: localId, bridgeSessionId: null, title: '', messages: [], untitled: true, lastActiveTs: Date.now() };
state.sessions.set(localId, sess);
try {
await ensureBridgeSession(sess);
state.sessions.delete(localId);
sess.id = sess.bridgeSessionId;
state.sessions.set(sess.id, sess);
} catch (e) { showError(t('err.newSession') + ': ' + (e.message || e)); }
setActiveSession(sess.id);
saveSessions();
renderSessionList();
}
function sessionNeedsHydrate(sess) {
return !!(sess?.bridgeSessionId && state.bridgeReady && !sess.messages.length);
}
function runSessionHydrate(sess) {
setSessionLoading(true);
const tid = setTimeout(() => {
if (isActive(sess)) setSessionLoading(false);
}, HYDRATE_LOADING_TIMEOUT_MS);
return hydrateSession(sess).finally(() => {
clearTimeout(tid);
if (isActive(sess)) setSessionLoading(false);
});
}
function setActiveSession(id) {
setSessionLoading(false);
state.activeId = id;
if (id) localStorage.setItem('ga_active', id); // 持久化当前会话，刷新后固定恢复它
const sess = state.sessions.get(id);
if (!sess) return;
if (msgsEl) msgsEl.innerHTML = '';
const r = rt(sess);
r.draftEl = null;
resetTypewriterState(r);
renderAllMessages(sess);
setBusy(sess, rt(sess).busy);
renderSessionList();
refreshPlanBar(null);
syncPlanPollTimer();
if (!sess.bridgeSessionId || !state.bridgeReady) return;
if (sessionNeedsHydrate(sess)) {
runSessionHydrate(sess);
} else {
restoreElapsedBadges(sess, ensureMsgs());
planPoll(sess);
}
}
async function closeSession(id) {
const sess = state.sessions.get(id);
if (sess && sess.bridgeSessionId) {
try { await window.ga.rpc('session/cancel', { sessionId: sess.bridgeSessionId }); } catch (_) {}
fetch(`${BRIDGE_ORIGIN}/session/${sess.bridgeSessionId}`, { method: 'DELETE' }).catch(() => {});
}
state.sessions.delete(id); state.runtime.delete(id);
if (state.activeId === id) {
const next = (sortedSessions()[0] || {}).id || null; // 切到列表最靠上的会话
if (next) setActiveSession(next);
else { state.activeId = null; localStorage.removeItem('ga_active'); if (msgsEl) msgsEl.innerHTML = ''; refreshEmptyState(null); refreshStatusLabel(); }
}
saveSessions();
renderSessionList();
}
const convMenu = document.getElementById('conv-menu');
let menuTargetId = null;
convListEl.addEventListener('click', (e) => {
const more = e.target.closest('.ci-more');
if (more) {
e.stopPropagation();
menuTargetId = more.closest('.conv-item').dataset.id;
// 根据当前会话置顶状态切菜单文案:置顶 / 取消置顶
const tgt = state.sessions.get(menuTargetId);
const pinSpan = convMenu.querySelector('[data-act="pin"] [data-i18n]');
if (pinSpan) {
const k = tgt && tgt.pinned ? 'ctx.unpin' : 'ctx.pin';
pinSpan.setAttribute('data-i18n', k);
pinSpan.textContent = t(k);
}
convMenu.hidden = false;
const rect = more.getBoundingClientRect();
convMenu.style.top = (rect.bottom + 4) + 'px';
convMenu.style.left = (rect.right - convMenu.offsetWidth) + 'px';
return;
}
const it = e.target.closest('.conv-item');
if (it && it.dataset.id) {
setActiveSession(it.dataset.id);
const chatNav = nav.querySelector('.nav-item[data-page="chat"]');
if (chatNav && !chatNav.classList.contains('active')) chatNav.click();
}
});
convMenu.addEventListener('click', (e) => {
e.stopPropagation();
const act = e.target.closest('.ctx-item')?.dataset.act;
const sess = menuTargetId && state.sessions.get(menuTargetId);
if (sess && act === 'pin') {
if (sess.pinned) {
sess.pinned = false; // 取消置顶 + 放到 pinned 之后、其它 unpinned 之前(unpinned 区域顶部)
const others = [...state.sessions.values()].filter(s => s.id !== sess.id);
const m = new Map();
for (const s of others) if (s.pinned) m.set(s.id, s); // 先所有仍 pinned 的
m.set(sess.id, sess); // 再本会话(刚 unpinned)
for (const s of others) if (!s.pinned) m.set(s.id, s); // 再其它 unpinned
state.sessions = m;
} else {
sess.pinned = true; // 置顶 + 移到列表顶
const m = new Map(); m.set(sess.id, sess);
for (const [k, v] of state.sessions) if (k !== sess.id) m.set(k, v);
state.sessions = m;
}
saveSessions();
patchSession(sess, { pinned: sess.pinned });
renderSessionList();
} else if (sess && act === 'rename') {
convMenu.hidden = true;
const item = convListEl.querySelector(`.conv-item[data-id="${sess.id}"]`);
if (!item) return;
const titleEl = item.querySelector('.ci-title');
if (!titleEl) return;
const oldTitle = sess.title || '';
const inp = document.createElement('input');
inp.className = 'ci-rename-input';
inp.maxLength = 50;
inp.value = oldTitle;
titleEl.replaceWith(inp);
bindToastLimit(inp);
inp.focus();
inp.select();
const finish = (save) => {
if (inp._done) return;
inp._done = true;
const val = inp.value.trim();
if (save && val && val !== oldTitle) {
sess.title = val;
sess.untitled = false;
saveSessions();
patchSession(sess, { title: val, untitled: false });
const history = tokLoadHistory();
const sid = sess.bridgeSessionId || sess.id;
let changed = false;
history.forEach(h => { if (h.sessionId === sid) { h.title = val; changed = true; } });
if (changed) tokSaveHistory(history);
}
renderSessionList();
};
inp.addEventListener('keydown', e => {
if (e.key === 'Enter') { e.preventDefault(); finish(true); }
else if (e.key === 'Escape') { e.preventDefault(); finish(false); }
});
inp.addEventListener('blur', () => finish(true));
return;
} else if (sess && act === 'del') {
closeSession(sess.id);
}
convMenu.hidden = true;
});
document.addEventListener('click', () => { convMenu.hidden = true; });
newConvBtn.addEventListener('click', (e) => { e.preventDefault(); newSession(); });
/* ═══════════════ 轮询 + 流式 ═══════════════ */
function normalize(m) {
const o = { id: Number(m.id || 0), role: m.role || 'system' };
if (m.role !== 'assistant') o.content = m.content || '';
if (typeof m.display === 'string' && m.display.length) o.display = m.display;
if (m.stopped) o.stopped = true;
if (m.images) o.images = m.images;
if (m.files) o.files = m.files;
if (m.ts) o.ts = m.ts;
// [turn_segs双轨] 透传结构化轮数组(若后端提供)；落库消息与 partial 都可能带
if (Array.isArray(m.turn_segs)) o.turn_segs = m.turn_segs;
if (typeof m.curr_turn === 'number') o.curr_turn = m.curr_turn;
if (m.role === 'assistant' && !o.turn_segs?.length && typeof m.content === 'string') o.content = m.content;
return o;
}
function upsert(sess, raw, partial) {
const m = normalize(raw); const r = rt(sess);
if (partial && m.role === 'assistant') {
if (!r.draftEl) resetTypewriterState(r);
const prevLen = (Array.isArray(r.draftSegs) ? (r.draftSegs[r.draftTurn] || '') : '').length;
r.draftSegs = draftSegsFromPartial(raw, m);
r.draftTurn = (typeof m.curr_turn === 'number') ? m.curr_turn : Math.max(0, r.draftSegs.length - 1);
const curLen = (r.draftSegs[r.draftTurn] || '').length;
const wasEmpty = prevLen === 0;
// 新 draft（含刷新/停止后再开）：对齐已有 partial，避免从 0 重播打字机
if ((!r.draftEl || wasEmpty) && curLen > 0) {
r.draftRecoverPending = true;
}
const tw = r.twState;
if (tw && curLen > (r.draftStreamBaseline || 0)) {
const baseline = r.draftStreamBaseline || 0;
if (tw.shown < baseline) tw.shown = baseline;
}
r.draftStreamBaseline = curLen;
if (isActive(sess)) renderDraft(sess);
return;
}
if (!m.id || r.seen.has(m.id)) return;
r.seen.add(m.id); r.lastId = Math.max(r.lastId, m.id);
if (m.role === 'assistant' && r.draftEl) {
// done 收尾:用 final m 原地重画 bubble(保留 ljq 的"复用 draftEl 不闪烁"优化),
// 同时彻底丢掉 partial 累积的 DOM——避免 frp 高延迟下漏掉的最后一拍丢字。
// assistantTurnSegs(m) 双轨处理 turn_segs/content,跟 msgNode refresh 路径同源。
flushTypewriter(sess);
const segs = assistantTurnSegs(m);
const curr = resolveVisibleTurnIndex(segs, m.curr_turn);
r.draftSegs = segs;
r.draftTurn = curr;
r.streamTurn = curr;
if (!r.twState) r.twState = { shown: 0, timer: null };
if (r.twState.timer) { clearInterval(r.twState.timer); r.twState.timer = null; }
r.twState.turn = curr;
r.twState.shown = (segs[curr] || '').length;
r.draftRecoverPending = false;
if (isActive(sess)) {
let bubble = r.draftEl.querySelector(':scope > .bubble.md');
if (!bubble) {
bubble = document.createElement('div');
bubble.className = 'bubble md';
r.draftEl.appendChild(bubble);
}
bubble.innerHTML = renderAssistantTurnsHtml(segs, curr, false);
postRenderEnhance(bubble);
}
const cursor = r.draftEl.querySelector('.cursor');
if (cursor) cursor.remove();
if (r.taskStartedAt) {
ensureTaskElapsedBadge(r.draftEl, r.taskStartedAt, r.taskEndedAt || Date.now());
r.taskStartedAt = null; r.taskEndedAt = null;
}
if (!r.draftEl.querySelector('.bubble-copy-btn')) {
const copyBtn = document.createElement('button');
copyBtn.className = 'bubble-copy-btn';
copyBtn.title = t('act.copy');
copyBtn.innerHTML = SVG_COPY_ICON;
copyBtn.addEventListener('click', (e) => {
e.stopPropagation();
const text = assistantCopyText(m);
navigator.clipboard.writeText(text).then(() => {
copyBtn.innerHTML = SVG_CHECK_ICON;
setTimeout(() => { copyBtn.innerHTML = SVG_COPY_ICON; }, 1500);
});
});
r.draftEl.appendChild(copyBtn);
}
r.draftEl = null; r.draftSegs = null; r.draftTurn = 0; r.streamTurn = 0;
sess.messages.push(m);
refreshEmptyState(sess);
if (m.role === 'assistant' || m.role === 'user') syncAskUserUi();
saveSessions();
return;
}
sess.messages.push(m); appendMessage(sess, m);
saveSessions();
}
async function fetchSessionPoll(sess, opts = {}) {
const r = rt(sess);
const sid = sess.bridgeSessionId || sess.id;
const afterId = opts.after ?? r.lastId ?? 0;
const limit = opts.limit ?? POLL_MSG_LIMIT;
const res = await window.ga.rpc('session/poll', { sessionId: sid, afterId, limit });
if (res?.error) throw new Error(res.error.message || res.error);
return res.result || res;
}
function applyPollResult(sess, result) {
if (result.partial) upsert(sess, result.partial, true);
for (const msg of (result.messages || [])) upsert(sess, msg, false);
const busy = result.status === 'running' || !!result.partial;
setBusy(sess, busy);
if (isActive(sess)) {
applyPlanPayload(sess, result.plan);
applyLiveModel(result.model, sess);
}
return busy;
}
/** 渠道组随故障转移变化时，用运行态当前子模型刷新 chip（非渠道组/无 agent 时不动，保持静态显示） */
function applyLiveModel(live, sess = activeSess()) {
const selected = (state.modelProfiles || []).find(p => (p.id ?? 0) === state.llmNo);
if (!selected || selected.kind !== 'mixin' || !live || !live.isMixin || !live.current) return;
state.liveModel = { ...live, sessionId: sess?.id || state.activeId };
const label = `${t('model.aggregationShort')}${lang === 'en' ? ' (' : '（'}${profileLabel(live.current) || live.current}${lang === 'en' ? ')' : '）'}`;
if (state.modelName !== label) { state.modelName = label; updateModelChip(); }
}
/** hydrate 批量灌历史，避免逐条 appendMessage 触发全量重绘 */
function hydrateHistoryMessages(sess, messages) {
const r = rt(sess);
for (const raw of (messages || [])) {
const m = normalize(raw);
if (!m.id || r.seen.has(m.id)) continue;
r.seen.add(m.id);
r.lastId = Math.max(r.lastId, m.id);
sess.messages.push(m);
}
if (isActive(sess)) renderAllMessages(sess);
}
/** 拉历史：limit=0 一次拿全量（bridge 不截断）；不等 idle，running 续交给 pollSession */
async function hydrateSession(sess) {
try {
const result = await fetchSessionPoll(sess, { after: 0, limit: 0 });
hydrateHistoryMessages(sess, result.messages);
if (result.partial) upsert(sess, result.partial, true);
const busy = result.status === 'running' || !!result.partial;
setBusy(sess, busy);
if (isActive(sess)) applyPlanPayload(sess, result.plan);
if (busy && !rt(sess).polling) pollSession(sess);
} catch (e) {
showError(t('err.poll') + ': ' + (e.message || e));
setBusy(sess, false);
} finally {
if (isActive(sess)) {
restoreElapsedBadges(sess, ensureMsgs());
syncAskUserUi();
}
tokPollBridge();
}
}
async function pollSession(sess) {
const r = rt(sess);
if (r.polling) { r.pollAgain = true; return; }
r.polling = true;
r.pollAgain = false;
/* 手机切后台再回前台时,第一拍 fetch 经常用着死连接秒挂(Failed to fetch),
但只要给链路 1-2 秒重建,后续就稳。原版一炸就 showError,体验糟。
改成:同一次 polling 循环里连续失败 ≥ MAX_ERRORS 次才放弃,
单次失败做指数退避(1s / 2s / 4s / 8s),够 ride through 一次后台恢复抖动。 */
const MAX_ERRORS = 5;
let consecutiveErrors = 0;
try {
do {
try {
const result = await fetchSessionPoll(sess);
consecutiveErrors = 0;
const busy = applyPollResult(sess, result);
if (busy) await new Promise(z => setTimeout(z, 500));
else {
if (r.draftEl) { r.draftEl.remove(); r.draftEl = null; r.draftSegs = null; r.draftTurn = 0; }
resetTypewriterState(r);
break;
}
} catch (innerErr) {
consecutiveErrors++;
if (consecutiveErrors >= MAX_ERRORS) throw innerErr;
const backoff = Math.min(8000, 1000 * Math.pow(2, consecutiveErrors - 1));
await new Promise(z => setTimeout(z, backoff));
}
} while (true);
} catch (e) {
showError(t('err.poll') + ': ' + (e.message || e));
setBusy(sess, false);
} finally {
r.polling = false; renderSessionList();
// 历史消息已全部加载，恢复已完成任务的耗时 badge
if (isActive(sess)) {
restoreElapsedBadges(sess, ensureMsgs());
syncAskUserUi();
}
tokPollBridge();
if (r.pollAgain) {
r.pollAgain = false;
pollSession(sess);
}
}
}
function removeUsedPendingFiles(usedFiles) {
if (!usedFiles.length) return;
const usedSids = new Set(usedFiles.map(f => f.sid));
const touched = new Set(usedFiles.map(f => fileCtx(f)));
state.pendingFiles = state.pendingFiles.filter(f => !usedSids.has(f.sid));
touched.forEach(ctx => renderThumbStrip(ctx));
}
function clearDraft(sess) {
const r = rt(sess);
resetTypewriterState(r);
if (r.draftEl) { r.draftEl.remove(); r.draftEl = null; r.draftSegs = null; r.draftTurn = 0; }
}
async function waitSessionIdle(sess, maxMs = 4000) {
const start = Date.now();
while (rt(sess).busy && Date.now() - start < maxMs) {
await new Promise(z => setTimeout(z, 100));
}
return !rt(sess).busy;
}
function setSessionLoading(on) {
if (!msgArea || !sessionLoadingEl) return;
if (on && msgArea.classList.contains('is-loading')) return;
msgArea.classList.toggle('is-session-loading', !!on);
sessionLoadingEl.hidden = !on;
if (on && sessionLoadingEl.querySelector('[data-i18n]')) {
sessionLoadingEl.querySelector('[data-i18n]').textContent = t('chat.sessionLoading');
}
}
function setMsgLoading(on) {
if (msgArea) msgArea.classList.toggle('is-loading', !!on);
if (msgLoading) {
msgLoading.hidden = !on;
if (on) {
setSessionLoading(false);
scrollBottom();
}
}
}
function setComposerLocked(on) {
if (composerEl) composerEl.classList.toggle('is-locked', !!on);
if (inputEl) inputEl.contentEditable = on ? 'false' : 'true'; // contenteditable 无 readOnly,改切 contentEditable
if (sendBtn) {
sendBtn.disabled = !!on;
sendBtn.classList.toggle('is-busy', !!on);
sendBtn.setAttribute('aria-busy', on ? 'true' : 'false');
}
}
/** stapp.py 同款：运行中再发 → cancel 当前轮次，等 idle 后再提交新 prompt */
async function interruptBeforeSend(sess) {
if (!rt(sess).busy) return true;
const t0 = Date.now();
setMsgLoading(true);
try {
clearDraft(sess);
try {
const res = await window.ga.rpc('session/cancel', { sessionId: sess.bridgeSessionId || sess.id });
if (res?.error) throw new Error(res.error.message || res.error);
} catch (e) {
showChanToast(t('err.stop') + ': ' + (e.message || e), '', 'err');
return false;
}
showChanToast(t('sys.interruptPrev.hint'), '', 'info');
const idle = await waitSessionIdle(sess);
clearDraft(sess);
if (!idle) {
showChanToast(t('err.interruptTimeout'), '', 'err');
return false;
}
return true;
} finally {
const wait = Math.max(0, MIN_MSG_LOADING_MS - (Date.now() - t0));
if (wait) await new Promise(r => setTimeout(r, wait));
setMsgLoading(false);
}
}
/* ═══════════════ 发送 / 取消 ═══════════════ */
async function sendPrompt(text) {
text = String(text || '').trim();
if (!text) return false;
if (!state.bridgeReady) { showError(t('err.bridge')); return false; }
if (!state.activeId) { await newSession(); if (!state.activeId) return false; }
const sess = activeSess(); const r = rt(sess);
if (r.busy) {
const interrupted = await interruptBeforeSend(sess);
if (!interrupted) return false;
}
// PLAN/AUTO 现在是预设功能（preset 卡片）一次性发送，不再是常驻 prefix
const composedPrompt = expandFilePlaceholders(text).trim();
const usedFiles = collectUsedFiles(text);
const userMsg = { role: 'user', content: text, ts: Date.now() / 1000 };
const previewImgs = usedFiles.filter(f => f.isImage).map(f => ({ id: 'f-' + f.sid, name: f.name, path: f.path, dataUrl: f.dataUrl || '' }));
if (previewImgs.length) userMsg.images = previewImgs;
const previewFiles = usedFiles.filter(f => !f.isImage).map(f => ({ id: 'f-' + f.sid, name: f.name, path: f.path }));
if (previewFiles.length) userMsg.files = previewFiles;
sess.messages.push(userMsg); appendMessage(sess, userMsg);
if (isPlanPresetPrompt(text)) {
const pr = rt(sess);
pr.planCollapsed = false;
pr.planShowAll = false;
const sidHint = (sess.bridgeSessionId || sess.id || 'sess').replace(/\//g, '_');
applyPlanPayload(sess, {
active: true, placeholder: true, done: 0, total: 0, complete: false,
step: '', pathHint: `plan_${sidHint}/plan.md`, items: [],
});
}
sess.lastActiveTs = Date.now();
// 仿 TUI:不再从首条消息自动改名 —— 标题在 newSession 时已设为 agent-N,
// 之后只接受用户手动 rename。
saveSessions();
setBusy(sess, true);
try {
let sid = await ensureBridgeSession(sess);
try {
await bridgeFetch(`/session/${encodeURIComponent(sid)}/restore`, { method: 'POST', body: {} });
} catch (restoreErr) {
if (/not found/i.test(restoreErr.message || '')) {
sess.bridgeSessionId = null;
sid = await ensureBridgeSession(sess);
state.sessions.delete(sess.id);
sess.id = sess.bridgeSessionId;
state.sessions.set(sess.id, sess);
state.activeId = sess.id;
localStorage.setItem('ga_active', sess.id); // 会话 id 因 bridge 重建而变更，同步持久化
}
}
const res = await window.ga.rpc('session/prompt', { sessionId: sid, prompt: composedPrompt, display: text, llmNo: state.llmNo,
files: previewFiles, imageMetas: previewImgs.map(im => ({ name: im.name, path: im.path })) });
if (res?.error) throw new Error(res.error.message || res.error);
removeUsedPendingFiles(usedFiles);
const uid = Number(res.userMessageId || res.result?.userMessageId || 0);
if (uid) { r.seen.add(uid); r.lastId = Math.max(r.lastId, uid); }
planPoll(sess);
pollSession(sess);
return true;
} catch (e) {
const em = { role: 'error', content: e.message || String(e) };
sess.messages.push(em); appendMessage(sess, em);
setBusy(sess, false);
return false;
}
}
async function cancelPrompt() {
const sess = activeSess();
if (!sess || !rt(sess).busy) return false;
try {
const res = await window.ga.rpc('session/cancel', { sessionId: sess.bridgeSessionId || sess.id });
if (res?.error) throw new Error(res.error.message || res.error);
clearDraft(sess);
rt(sess).pollAgain = true;
return true;
} catch (e) { showError(t('err.stop') + ': ' + (e.message || e)); return false; }
}
/* ═══════════════ 输入区 / slash / 预设 ═══════════════ */
async function submitInput() {
if (_submitInFlight) return;
let text = composerText('chat');
if (!text.trim()) return;
if (text.trim().startsWith('/')) {
inputEl.innerHTML = '';
handleSlash(text.trim());
return;
}
if (text.length > 20000) {
text = text.slice(0, 20000);
showToast(t('err.charLimit').replace('{n}', 20000), 'warn');
}
_submitInFlight = true;
setComposerLocked(true);
try {
const sent = await sendPrompt(text);
if (sent) {
inputEl.innerHTML = '';
}
} finally {
_submitInFlight = false;
setComposerLocked(false);
syncAskUserUi();
}
}
sendBtn.addEventListener('click', (e) => {
e.preventDefault();
const sess = activeSess();
if (sess && rt(sess).busy) { cancelPrompt(); return; } // 运行中：发送键是录制键 → 纯停止
submitInput();
});
inputEl.addEventListener('keydown', (e) => {
if (e.key === 'Enter' && !e.shiftKey && !e.isComposing && e.keyCode !== 229) { e.preventDefault(); submitInput(); }
});
// 输入框的 input/paste 监听统一在 bindComposerUpload(ctx) 里绑(chat + collab 通用)
function showSystem(text) {
const sess = activeSess(); if (!sess) return;
const m = { role: 'system', content: text };
sess.messages.push(m); appendMessage(sess, m);
}
function showError(text) {
const sess = activeSess();
if (sess) { const m = { role: 'error', content: text }; sess.messages.push(m); appendMessage(sess, m); }
else console.error(text);
}
let _toastTimer = null;
function showToast(text) {
let el = document.getElementById('ga-toast');
if (!el) { el = document.createElement('div'); el.id = 'ga-toast'; el.className = 'ga-toast'; document.body.appendChild(el); }
el.textContent = text;
el.classList.add('show');
clearTimeout(_toastTimer);
_toastTimer = setTimeout(() => el.classList.remove('show'), 1800);
}
async function handleSlash(cmd) {
const name = cmd.slice(1).split(/\s+/)[0];
switch (name) {
case 'help': showSystem(t('slash.help')); break;
case 'new': await newSession(); break;
case 'clear': { const s = activeSess(); if (s) { s.messages = []; renderAllMessages(s); } break; }
case 'stop': if (await cancelPrompt()) showSystem(t('sys.stopRequested')); break;
case 'settings': openSettings(); break;
default: showSystem(t('slash.unknown') + ': /' + name);
}
}
// 预设卡：按 data-preset 解耦（与翻译后的标题无关）
document.querySelectorAll('.feature-grid').forEach(grid => {
grid.addEventListener('click', (e) => {
const editBtn = e.target.closest('.fc-edit');
if (editBtn) {
e.stopPropagation();
const cp = state.customPresets.find(p => p.id === editBtn.dataset.editId);
if (cp) openCustomPresetEditor(cp);
return;
}
const xBtn = e.target.closest('.fc-x');
if (xBtn) {
e.stopPropagation();
const kind = xBtn.dataset.removeKind;
const id = xBtn.dataset.removeId;
if (kind === 'builtin') hideBuiltinPreset(id);
else if (kind === 'custom') removeCustomPreset(id);
return;
}
const card = e.target.closest('.fcard');
if (!card || !grid.contains(card)) return;
const key = card.dataset.preset;
if (key === 'add') { closeModals(); openModal('custom-preset-modal'); resetCustomPresetForm(); return; }
if (card.classList.contains('fcard-custom')) {
const id = card.dataset.id;
const cp = state.customPresets.find(p => p.id === id);
if (cp) { closeModals(); sendPrompt(cp.prompt); }
return;
}
if (!key) { inputEl.focus(); closeModals(); return; }
const bp = BUILTIN_PRESETS.find(p => p.key === key);
if (bp?.navigate) { closeModals(); gaGoPage(bp.navigate); window.collabFocus?.(); return; }
const prompt = I18N[lang]['presetPrompt.' + key] || I18N.zh['presetPrompt.' + key];
closeModals();
if (prompt) sendPrompt(prompt);
});
});
/* ═══════════════ 模型 / 设置 ═══════════════ */
function updateModelChip() {
const name = state.modelName || '';
if (modelNameEl) modelNameEl.textContent = name;
if (collabModelNameEl) collabModelNameEl.textContent = name;
}
function modelDisplayName(p, fallbackName) {
if (p && p.kind === 'mixin') {
// 静态回退显示「渠道组（首选模型名）」；运行后由 applyLiveModel 切到真实当前子模型。
const primary = (p.members || [])[0];
if (!primary) return t('model.aggregation');
const open = lang === 'en' ? ' (' : '（', close = lang === 'en' ? ')' : '）';
return `${t('model.aggregationShort')}${open}${profileLabel(primary) || primary}${close}`;
}
return profileLabel(fallbackName ?? (p && p.name)) || (fallbackName ?? (p && p.name)) || null;
}
async function selectModel(id, name) {
state.llmNo = id;
state.liveModel = null;
const p = (state.modelProfiles || []).find(x => (x.id ?? 0) === id);
state.modelName = modelDisplayName(p, name);
updateModelChip();
renderSettingsModels();
await persistUiPrefs();
}
async function addToMixin(id) {
try {
const res = await bridgeFetch(`/model-profiles/${id}/mixin`, { method: 'POST', body: {} });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.mixinFailed'));
state.modelProfiles = normalizeProfiles(res.profiles || []);
renderSettingsModels();
} catch (ex) { showChanToast(t('err.mixinFailed'), ex.message || '', 'err'); }
}
async function removeFromMixin(id) {
try {
const res = await bridgeFetch(`/model-profiles/${id}/mixin`, { method: 'DELETE', body: {} });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.mixinFailed'));
state.modelProfiles = normalizeProfiles(res.profiles || []);
renderSettingsModels();
} catch (ex) { showChanToast(t('err.mixinFailed'), ex.message || '', 'err'); }
}
async function reorderMixin(members) {
try {
const res = await bridgeFetch('/model-profiles/mixin/order', { method: 'PUT', body: { members } });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.mixinFailed'));
state.modelProfiles = normalizeProfiles(res.profiles || []);
renderSettingsModels();
const active = state.modelProfiles.find(p => (p.id ?? 0) === state.llmNo);
if (active) { state.modelName = modelDisplayName(active); updateModelChip(); }
} catch (ex) { showChanToast(t('err.mixinFailed'), ex.message || '', 'err'); renderSettingsModels(); }
}
function flipReorder(container, mutate) {
const rows = [...container.querySelectorAll('.model-member:not(.dragging)')];
const first = new Map(rows.map(el => [el, el.getBoundingClientRect()]));
mutate();
rows.forEach(el => {
const a = first.get(el), b = el.getBoundingClientRect();
if (!a) return;
const dx = a.left - b.left, dy = a.top - b.top;
if (!dx && !dy) return;
el.style.transition = 'none';
el.style.transform = `translate(${dx}px, ${dy}px)`;
requestAnimationFrame(() => {
el.style.transition = 'transform .14s cubic-bezier(.2,.8,.2,1)';
el.style.transform = '';
});
});
}
function bindMixinDrag(body, members) {
let drag = null;
const clear = () => {
body.querySelectorAll('.model-member').forEach(x => x.classList.remove('dragging', 'drag-over'));
document.body.classList.remove('mixin-dragging');
};
body.addEventListener('pointerdown', (e) => {
const handle = e.target.closest('.model-member-drag');
if (!handle || e.button !== 0) return;
const row = handle.closest('.model-member');
if (!row) return;
e.preventDefault();
handle.setPointerCapture?.(e.pointerId);
drag = { handle, row, name: row.dataset.member, order: [...members], original: [...members], pointerId: e.pointerId, over: null };
row.classList.add('dragging');
document.body.classList.add('mixin-dragging');
});
body.addEventListener('pointermove', (e) => {
if (!drag) return;
const over = document.elementFromPoint(e.clientX, e.clientY)?.closest('.model-member');
if (!over || !body.contains(over) || over === drag.row) return;
const rect = over.getBoundingClientRect();
const after = e.clientY > rect.top + rect.height / 2;
const overKey = `${over.dataset.member}:${after ? 'after' : 'before'}`;
if (overKey === drag.over) return;
drag.over = overKey;
const from = drag.order.indexOf(drag.name), overIdx = drag.order.indexOf(over.dataset.member);
if (from < 0 || overIdx < 0) return;
const [moved] = drag.order.splice(from, 1);
let insertAt = drag.order.indexOf(over.dataset.member) + (after ? 1 : 0);
drag.order.splice(insertAt, 0, moved);
flipReorder(body, () => {
if (after) body.insertBefore(drag.row, over.nextSibling);
else body.insertBefore(drag.row, over);
});
});
const finish = (e) => {
if (!drag) return;
drag.handle.releasePointerCapture?.(drag.pointerId);
const changed = JSON.stringify(drag.order) !== JSON.stringify(drag.original);
const next = drag.order;
drag = null;
clear();
if (changed) reorderMixin(next);
};
body.addEventListener('pointerup', finish);
body.addEventListener('pointercancel', finish);
}
const MODEL_ACT_EDIT = GA_ICON('pencilSimple');
const MODEL_ACT_DEL = GA_ICON('trash');
let editingModelId = null;
function setModelApikeyMode(isAdd) {
const apikey = document.getElementById('model-apikey-input');
const apikeyReq = document.querySelector('#model-apikey-label .field-req');
if (!apikey) return;
apikey.required = isAdd;
apikey.dataset.i18nPh = isAdd ? 'model.apikeyPh' : 'model.apikeyKeep';
if (isAdd) apikey.removeAttribute('data-optional-ph');
else { apikey.value = ''; apikey.setAttribute('data-optional-ph', ''); }
if (apikeyReq) apikeyReq.hidden = !isAdd;
}
/* ═══════════════ 官方模型快速接入（DeepSeek / 通义千问）═══════════════ */
// 预填 API 地址 / 协议 / 模型，用户只需粘贴 API Key。apibase 末尾的 /v1 会被
// 后端自动补成 /v1/chat/completions（见 mykey_template.py 的拼接规则）。
const PROVIDER_PRESETS = {
deepseek: {
label: 'DeepSeek', descKey: 'pq.deepseekDesc',
protocol: 'oai', apibase: 'https://api.deepseek.com/v1',
model: 'deepseek-v4-pro', name: 'DeepSeek',
keyUrl: 'https://platform.deepseek.com/api_keys',
color: '#4D6BFE', tint: 'rgba(77,107,254,.12)',
logo: '',
},
qwen: {
label: '通义千问', descKey: 'pq.qwenDesc',
protocol: 'oai', apibase: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
model: 'qwen3.6-max-preview', name: '通义千问',
keyUrl: 'https://bailian.console.aliyun.com/?apiKey=1',
color: '#615CED', tint: 'rgba(97,92,237,.12)',
logo: '',
},
};
window.gaProviderPresets = PROVIDER_PRESETS;
// 在「添加模型」弹窗顶部显示/隐藏接入指引横幅。key 为 null 时隐藏。
function setModelGuide(key) {
const box = document.getElementById('model-guide');
if (!box) return;
const p = key && PROVIDER_PRESETS[key];
if (!p) { box.hidden = true; box.dataset.provider = ''; return; }
box.hidden = false;
box.dataset.provider = key;
const logo = document.getElementById('model-guide-logo');
if (logo) { logo.innerHTML = p.logo || ''; logo.style.background = p.tint || ''; }
const nameEl = document.getElementById('model-guide-name');
if (nameEl) nameEl.textContent = p.label;
const link = document.getElementById('model-guide-link');
if (link) { link.href = p.keyUrl; link.textContent = t('guide.getKey').replace('{name}', p.label); }
}
window.gaRefreshModelGuide = () => {
const box = document.getElementById('model-guide');
if (box && !box.hidden && box.dataset.provider) setModelGuide(box.dataset.provider);
};
function openAddModelFormForProvider(key) {
const p = PROVIDER_PRESETS[key];
if (!p) return openAddModelForm();
editingModelId = null;
const form = document.getElementById('add-model-form');
const title = document.getElementById('model-form-title');
const errEl = document.getElementById('add-model-err');
if (title) title.dataset.i18n = 'modal.addModel';
if (form) {
form.reset();
form.model.value = p.model || '';
form.apibase.value = p.apibase || '';
form.name.value = p.name || '';
const pr = form.querySelector(`input[name="protocol"][value="${p.protocol}"]`);
if (pr) pr.checked = true;
}
setModelApikeyMode(true);
if (errEl) { errEl.hidden = true; errEl.textContent = ''; }
setModelGuide(key);
openModal('add-model-modal');
applyI18n();
const apikey = document.getElementById('model-apikey-input');
if (apikey) setTimeout(() => apikey.focus(), 60);
}
function openAddModelForm() {
editingModelId = null;
const form = document.getElementById('add-model-form');
const title = document.getElementById('model-form-title');
const errEl = document.getElementById('add-model-err');
if (title) title.dataset.i18n = 'modal.addModel';
if (form) form.reset();
setModelApikeyMode(true);
setModelGuide(null);
if (errEl) { errEl.hidden = true; errEl.textContent = ''; }
openModal('add-model-modal');
applyI18n();
}
async function openEditModelForm(id) {
editingModelId = id;
setModelGuide(null);
const errEl = document.getElementById('add-model-err');
if (errEl) { errEl.hidden = true; errEl.textContent = ''; }
try {
const res = await bridgeFetch(`/model-profiles/${id}`);
const p = res.profile;
if (!p) throw new Error(t('err.modelSave'));
const form = document.getElementById('add-model-form');
const title = document.getElementById('model-form-title');
if (title) title.dataset.i18n = 'modal.editModel';
if (form) {
form.model.value = p.model || '';
form.apibase.value = p.apibase || '';
form.name.value = p.name || '';
form.max_retries.value = p.max_retries ?? 5;
form.connect_timeout.value = p.connect_timeout ?? 15;
form.read_timeout.value = p.read_timeout ?? 300;
// 编辑模式:按 varName 回填协议分段控件
const pv = /claude/i.test(p.varName || '') ? 'claude' : 'oai';
const pr = form.querySelector(`input[name="protocol"][value="${pv}"]`);
if (pr) pr.checked = true;
// 回填流式开关(默认流式)
const sv = (p.stream === false) ? 'false' : 'true';
const sr = form.querySelector(`input[name="stream"][value="${sv}"]`);
if (sr) sr.checked = true;
}
setModelApikeyMode(false);
openModal('add-model-modal');
applyI18n();
} catch (ex) {
showChanToast(t('err.modelSave'), ex.message || '', 'err');
}
}
async function deleteModel(id, name) {
const label = profileLabel(name) || name || ('#' + id);
if (!(await showConfirmDialog({ title: t('common.delete'), message: `${t('confirm.modelDelete')}\n${label}`, okText: t('common.delete'), okKind: 'danger' }))) return;
try {
const res = await bridgeFetch(`/model-profiles/${id}`, { method: 'DELETE', body: {} });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.modelDelete'));
const wasActive = state.llmNo === id;
const oldNo = state.llmNo;
state.modelProfiles = normalizeProfiles(res.profiles || []);
if (wasActive) {
const p = state.modelProfiles[0];
if (p) await selectModel(p.id ?? 0, p.name);
else { state.llmNo = 0; state.modelName = null; updateModelChip(); }
} else if (oldNo > id) {
const p = state.modelProfiles[oldNo - 1];
if (p) await selectModel(p.id ?? (oldNo - 1), p.name);
}
renderSettingsModels();
} catch (ex) {
const msg = ex.message || '';
showChanToast(msg.includes('last profile') ? t('err.modelDeleteLast') : t('err.modelDelete'), msg.includes('last profile') ? '' : msg, 'err');
}
}
function renderSettingsModels() {
const box = document.getElementById('model-list');
if (!box) return;
box.innerHTML = '';
const list = state.modelProfiles || [];
const mixin = list.find(p => p.kind === 'mixin');
const natives = list.filter(p => p.kind !== 'mixin');
const byName = new Map(natives.map(p => [p.name, p]));
// ── 渠道组（自动故障转移）：可展开组；本身也可被选为激活模型 ──
if (mixin) {
const gid = mixin.id ?? 0;
const members = mixin.members || [];
const expanded = state.mixinExpanded !== false; // 默认展开
const group = document.createElement('div');
group.className = 'model-group';
const head = document.createElement('label');
head.className = 'model-row model-row--mixin' + (state.llmNo === gid ? ' sel' : '');
head.innerHTML = `${GA_ICON(expanded ? 'caretDown' : 'caretRight')}${escapeHtml(t('model.aggregation'))}`;
head.querySelector('[data-act="toggle"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); state.mixinExpanded = !expanded; renderSettingsModels(); });
head.addEventListener('click', (e) => { if (e.target.closest('[data-act="toggle"]')) return; e.preventDefault(); selectModel(gid, mixin.name); });
group.appendChild(head);
if (expanded) {
const body = document.createElement('div');
body.className = 'model-mixin-body';
if (!members.length) {
const em = document.createElement('div');
em.className = 'model-mixin-empty'; em.textContent = t('model.emptyMixin');
body.appendChild(em);
} else {
members.forEach((mName, i) => {
const mp = byName.get(mName);
const row = document.createElement('div');
row.className = 'model-member';
row.dataset.member = mName;
row.innerHTML = `${escapeHtml(profileLabel(mName) || mName)}`;
row.querySelector('[data-act="unmix"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); if (mp) removeFromMixin(mp.id ?? 0); });
body.appendChild(row);
});
bindMixinDrag(body, members);
}
group.appendChild(body);
}
box.appendChild(group);
}
// ── 独立模型（聚合渠道组已自带分隔，这里不再单列标题）──
if (!natives.length) {
const empty = document.createElement('div');
empty.className = 'set-empty'; empty.textContent = t('set.noModels');
box.appendChild(empty);
} else {
for (const p of natives) {
const id = p.id ?? 0;
const label = profileLabel(p.name) || p.name || ('#' + id);
const row = document.createElement('label');
row.className = 'model-row' + (state.llmNo === id ? ' sel' : '');
// 独立列表按钮统一为「加入渠道组」（➕）；移除只在渠道组展开区做。
// 已在渠道组的，按钮仍是「加入」，但点击只提示「已在渠道组中」，并用 is-in 给个淡淡的视觉区分。
const mixToggle = !mixin ? '' : ``;
row.innerHTML = `${escapeHtml(label)}${mixToggle}`;
row.querySelector('[data-act="edit"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); openEditModelForm(id); });
row.querySelector('[data-act="delete"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); deleteModel(id, p.name); });
const addBtn = row.querySelector('[data-act="addmix"]');
if (addBtn) addBtn.addEventListener('click', (e) => {
e.stopPropagation(); e.preventDefault();
if (p.inMixin) showToast(t('model.alreadyInMixin'));
else addToMixin(id);
});
row.addEventListener('click', (e) => {
if (e.target.closest('.model-row-actions')) return;
e.preventDefault();
selectModel(id, p.name);
});
box.appendChild(row);
}
}
applyI18n();
}
function openSettings() {
openModal('settings-modal');
renderSettingsModels();
renderLangList();
applyTheme(theme, { persist: false });
applyAppearance(appearance, plainUi, { persist: false });
applyChatFontSize(chatFontSize, { persist: false });
}
async function loadModelProfiles() {
try {
const res = await window.ga.getModelProfiles();
const list = res?.profiles || res?.result?.profiles || [];
state.modelProfiles = normalizeProfiles(list);
const active = state.modelProfiles.find(p => p.active) || state.modelProfiles[0];
if (active) {
state.llmNo = active.id ?? 0;
state.modelName = modelDisplayName(active);
}
updateModelChip();
renderSettingsModels();
} catch (_) {}
}
/* ═══════════════ 模型菜单(chat + conductor 共用一份逻辑,各自一个 DOM) ═══════════════ */
const modelMenu = document.getElementById('model-menu');
const collabModelMenu = document.getElementById('cdb-model-menu');
function renderModelMenu(menuEl) {
if (!menuEl) return;
const list = state.modelProfiles || [];
const rows = list.map((p, i) => {
const no = (p.id ?? i);
const isActive = (state.llmNo === no) ? ' active' : '';
const label = (isActive && p.kind === 'mixin' && state.modelName) ? state.modelName : modelDisplayName(p);
return ``;
});
menuEl.innerHTML = rows.join('');
applyI18n();
}
function openModelMenu(chipEl, menuEl) {
if (!chipEl || !menuEl) return;
if (typeof convMenu !== 'undefined' && convMenu) convMenu.hidden = true;
window.collabComposer?.closeMenu?.();
closeAllModelMenus();
renderModelMenu(menuEl);
menuEl.hidden = false;
chipEl.classList.add('open');
const chipRect = chipEl.getBoundingClientRect();
const composer = chipEl.closest('.composer');
if (composer) {
const composerRect = composer.getBoundingClientRect();
menuEl.style.left = (chipRect.left - composerRect.left) + 'px';
menuEl.style.bottom = (composerRect.bottom - chipRect.top + 4) + 'px';
}
}
function closeAllModelMenus() {
if (modelMenu) modelMenu.hidden = true;
if (collabModelMenu) collabModelMenu.hidden = true;
if (modelChip) modelChip.classList.remove('open');
if (collabModelChip) collabModelChip.classList.remove('open');
}
function bindModelMenuItemClick(menuEl) {
if (!menuEl) return;
menuEl.addEventListener('click', (e) => {
e.stopPropagation();
const item = e.target.closest('.ga-menu-item');
if (!item) return;
const no = parseInt(item.dataset.llmno, 10);
if (Number.isNaN(no)) return;
const p = (state.modelProfiles || []).find(x => (x.id ?? 0) === no);
selectModel(no, (p && p.name) || '');
closeAllModelMenus();
});
}
bindModelMenuItemClick(modelMenu);
bindModelMenuItemClick(collabModelMenu);
if (modelChip) modelChip.addEventListener('click', (e) => {
e.preventDefault(); e.stopPropagation();
if (modelMenu && !modelMenu.hidden) { closeAllModelMenus(); return; }
openModelMenu(modelChip, modelMenu);
});
if (collabModelChip) collabModelChip.addEventListener('click', (e) => {
e.preventDefault(); e.stopPropagation();
if (collabModelMenu && !collabModelMenu.hidden) { closeAllModelMenus(); return; }
openModelMenu(collabModelChip, collabModelMenu);
});
document.addEventListener('click', (e) => {
if (e.target.closest('#model-menu') || e.target.closest('#model-chip') ||
e.target.closest('#cdb-model-menu') || e.target.closest('#cdb-model-chip') ||
e.target.closest('#chat-menu') || e.target.closest('#chat-plus-btn') ||
e.target.closest('#cdb-menu') || e.target.closest('#cdb-plus-btn')) return;
closeAllModelMenus();
window.chatComposer?.closeMenu?.();
window.collabComposer?.closeMenu?.();
});
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape') {
closeAllModelMenus();
window.chatComposer?.closeMenu?.();
window.collabComposer?.closeMenu?.();
}
});
// 主题色板已删除,点击事件不再注册
const appearanceSeg = document.getElementById('appearance-seg');
if (appearanceSeg) appearanceSeg.addEventListener('click', (e) => {
const btn = e.target.closest('.appear-card[data-appearance]');
if (!btn) return;
const isLight = btn.dataset.appearance === 'light';
applyAppearance(btn.dataset.appearance, isLight && plainUi);
});
const plainUiSwitch = document.getElementById('plain-ui-switch');
if (plainUiSwitch) plainUiSwitch.addEventListener('click', () => {
if (appearance === 'light') applyAppearance('light', !plainUi);
});
async function loadBridgeConfig() {
try {
const res = await window.ga.getConfig();
const cfg = res?.config || {};
if (LANGS.includes(cfg.lang)) {
lang = cfg.lang;
applyI18n();
}
if (cfg.theme != null) applyTheme(cfg.theme, { persist: false });
if (cfg.appearance) applyAppearance(cfg.appearance, !!cfg.plain, { persist: false });
if (cfg.fontSize != null) applyChatFontSize(cfg.fontSize, { persist: false });
if (cfg.llmNo != null && state.modelProfiles.length) {
const p = state.modelProfiles.find(x => (x.id ?? 0) === cfg.llmNo);
if (p) {
state.llmNo = cfg.llmNo;
state.modelName = modelDisplayName(p);
updateModelChip();
renderSettingsModels();
}
}
syncBootCache();
} catch (_) {}
}
const addModelForm = document.getElementById('add-model-form');
if (addModelForm) addModelForm.addEventListener('submit', async (e) => {
e.preventDefault();
const errEl = document.getElementById('add-model-err');
const fd = new FormData(addModelForm);
const payload = Object.fromEntries(fd.entries());
const isEdit = editingModelId != null;
if (!payload.apibase?.trim() || !payload.model?.trim()) {
if (errEl) { errEl.textContent = t('err.modelRequired'); errEl.hidden = false; }
return;
}
if (!isEdit && !payload.apikey?.trim()) {
if (errEl) { errEl.textContent = t('err.modelRequired'); errEl.hidden = false; }
return;
}
try {
const res = isEdit
? await bridgeFetch(`/model-profiles/${editingModelId}`, { method: 'PUT', body: payload })
: await bridgeFetch('/model-profiles', { method: 'POST', body: payload });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.modelSave'));
state.modelProfiles = normalizeProfiles(res.profiles || []);
const pid = isEdit ? editingModelId : (res.profileId ?? state.modelProfiles.at(-1)?.id ?? 0);
const p = state.modelProfiles.find(x => (x.id ?? 0) === pid) || state.modelProfiles.at(-1);
if (p) await selectModel(p.id ?? pid, p.name);
document.getElementById('add-model-modal').hidden = true;
addModelForm.reset();
editingModelId = null;
if (errEl) errEl.hidden = true;
} catch (ex) {
if (errEl) { errEl.textContent = (ex.message || t('err.modelSave')); errEl.hidden = false; }
}
});
/* ═══════════════ 文件上传（图片+任意文件，tuiapp_v2 模式） ═══════════════ */
const MAX_UPLOAD_FILES = 10;
const MAX_UPLOAD_BYTES = 500 * 1024 * 1024; // 500 MB
const IMG_EXT_RE = /\.(png|jpe?g|gif|webp|bmp|svg)$/i;
const thumbStrip = document.getElementById('thumb-strip');
const chatPanel = document.querySelector('main.main');
let activeFileComposer = 'chat';
function fileCtx(f) { return f.ctx || 'chat'; }
function filesForCtx(ctx) { return state.pendingFiles.filter(f => fileCtx(f) === ctx); }
function composerPageEl(ctx) {
const page = ctx === 'collab' ? 'collab' : 'chat';
return document.querySelector(`.page--chat-ui[data-page="${page}"]`);
}
function composerRootEl(ctx) {
return composerPageEl(ctx)?.querySelector('.composer');
}
function composerCfg(ctx = activeFileComposer) {
const root = composerRootEl(ctx);
const page = composerPageEl(ctx);
return {
input: root?.querySelector('.composer-inset .input') || null,
strip: root?.querySelector('.thumb-strip') || null,
uploadBtn: null,
imgInput: root?.querySelector('input[type="file"]') || null,
dropZone: ctx === 'collab' ? page : chatPanel,
};
}
function renderThumbStrip(ctx = activeFileComposer) {
const cfg = composerCfg(ctx);
if (!cfg.strip) return;
const files = filesForCtx(ctx);
if (files.length === 0) {
cfg.strip.innerHTML = '';
cfg.strip.hidden = true;
return;
}
cfg.strip.innerHTML = files.map(f => {
if (f.isImage && f.dataUrl) {
return ``;
}
const name = f.name || 'file';
const label = name.replace(/[<>&]/g, c => ({ '<': '<', '>': '>', '&': '&' }[c]));
const sub = fileSubLabel(name).replace(/[<>&]/g, c => ({ '<': '<', '>': '>', '&': '&' }[c]));
const path = (f.path || '').replace(/[<>&"]/g, c => ({ '<': '<', '>': '>', '&': '&', '"': '"' }[c]));
const dataName = name.replace(/[<>&"]/g, c => ({ '<': '<', '>': '>', '&': '&', '"': '"' }[c]));
return ``;
}).join('');
cfg.strip.hidden = false;
applyI18n();
}
// 在 ctx 对应输入框(contenteditable)的光标处插入原子 chip（删不进中间，像 @人）
function insertPlaceholderInComposer(file, ctx = activeFileComposer) {
const input = composerCfg(ctx).input;
if (!input) return;
const chip = document.createElement('span');
chip.className = 'ph-chip';
chip.setAttribute('contenteditable', 'false');
chip.dataset.sid = String(file.sid);
chip.dataset.kind = file.isImage ? 'image' : 'file';
chip.textContent = file.name || 'file';
input.focus();
const sel = window.getSelection();
let range;
if (sel && sel.rangeCount && input.contains(sel.getRangeAt(0).commonAncestorContainer)) {
range = sel.getRangeAt(0);
} else {
range = document.createRange(); range.selectNodeContents(input); range.collapse(false);
}
range.deleteContents();
range.insertNode(chip);
const sp = document.createTextNode(' '); // chip 后补一个 nbsp，便于继续打字/定位光标
chip.after(sp);
range.setStartAfter(sp); range.collapse(true);
if (sel) { sel.removeAllRanges(); sel.addRange(range); }
input.dispatchEvent(new Event('input', { bubbles: true }));
}
// 按 sid 从该文件所属 ctx 的输入框移除 chip（连同紧邻空格）
function removePlaceholderFromComposer(file) {
const input = composerCfg(fileCtx(file)).input;
if (!input) return;
const chip = input.querySelector(`.ph-chip[data-sid="${file.sid}"]`);
if (!chip) return;
const next = chip.nextSibling;
if (next && next.nodeType === 3) next.nodeValue = next.nodeValue.replace(/^[\s ]/, '');
chip.remove();
input.dispatchEvent(new Event('input', { bubbles: true }));
}
// 读取 contenteditable 输入框为纯文本：chip → [Image #N]/[File #N]，
/ → 换行
function readComposerTextFrom(input) {
if (!input) return '';
const ser = (node, first) => {
if (node.nodeType === 3) return node.nodeValue;
if (node.nodeType !== 1) return '';
if (node.classList && node.classList.contains('ph-chip')) {
const kind = node.dataset.kind === 'image' ? 'Image' : 'File';
return `[${kind} #${node.dataset.sid}]`;
}
if (node.tagName === 'BR') return '\n';
let inner = '';
node.childNodes.forEach(c => { inner += ser(c, false); });
return (first ? '' : '\n') + inner;
};
let out = '';
input.childNodes.forEach((n, i) => { out += ser(n, i === 0); });
return out.replace(/ /g, ' ');
}
function composerText(ctx = activeFileComposer) {
return readComposerTextFrom(composerCfg(ctx).input);
}
function isImageFile(f) {
return (f && (f.type || '').startsWith('image/')) || IMG_EXT_RE.test(f?.name || '');
}
function placeholderFor(file) {
return file.isImage ? `[Image #${file.sid}]` : `[File #${file.sid}]`;
}
function expandFilePlaceholders(text) {
return text.replace(/\[(Image|File) #(\d+)\]/g, (m, kind, n) => {
const f = state.pendingFiles.find(x => x.sid === Number(n));
return (f && f.path) ? f.path : ''; // #3 悬空占位符(无对应文件)→ 删掉,不把垃圾发给 agent
});
}
function collectUsedFiles(text) {
const used = [];
text.replace(/\[(Image|File) #(\d+)\]/g, (m, kind, n) => {
const f = state.pendingFiles.find(x => x.sid === Number(n));
if (f) used.push(f);
return m;
});
return used;
}
// ── 附件占位符健壮性 ─────────────────────────────────────────────
// 统一移除一个待发附件:出列 + (可选)抹占位符 + 重绘 + 删 bridge 上的文件
function removePendingFile(sid, { stripPlaceholder = false } = {}) {
const idx = state.pendingFiles.findIndex(f => f.sid === sid);
if (idx < 0) return;
const removed = state.pendingFiles.splice(idx, 1)[0];
if (stripPlaceholder) removePlaceholderFromComposer(removed);
renderThumbStrip(fileCtx(removed));
if (removed.path) {
fetch(`${BRIDGE_ORIGIN}/upload`, {
method: 'DELETE', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ path: removed.path }),
}).catch(() => {});
}
}
// #1 对账:DOM 里 chip 没了(被原子删除/退格整块删)→ 同步移除附件 + 删磁盘文件
function reconcilePendingFiles(ctx = activeFileComposer) {
const input = composerCfg(ctx).input;
if (!input) return;
const present = new Set([...input.querySelectorAll('.ph-chip[data-sid]')].map(c => Number(c.dataset.sid)));
for (const f of filesForCtx(ctx).filter(x => !present.has(x.sid))) {
removePendingFile(f.sid, { stripPlaceholder: false });
}
}
async function uploadOne(name, dataUrl, sid) {
const res = await fetch(`${BRIDGE_ORIGIN}/upload`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name, dataUrl, sid: sid || '' }),
});
const j = await res.json();
if (!j.ok) throw new Error(j.error || 'upload failed');
return j.path;
}
async function addFiles(fileList) {
const files = Array.from(fileList || []);
if (files.length === 0) return;
let skipped = false;
let emptyHit = false;
const accepted = [];
for (const f of files) {
if (!f || f.size === 0) { emptyHit = true; continue; }
if (f.size > MAX_UPLOAD_BYTES) { skipped = true; continue; }
if (state.pendingFiles.length + accepted.length >= MAX_UPLOAD_FILES) { skipped = true; break; }
accepted.push(f);
}
if (emptyHit) showChanToast(t('upload.empty'), '', 'err');
if (accepted.length === 0) {
if (skipped) showChanToast(t('upload.tooLarge'), '', 'err');
return;
}
const ctx = activeFileComposer;
let uploadSid = '';
if (ctx === 'collab') {
uploadSid = 'collab';
} else {
let upSess = activeSess();
if (!upSess) { await newSession(); upSess = activeSess(); }
if (upSess && !upSess.bridgeSessionId) { try { await ensureBridgeSession(upSess); } catch (_) {} }
uploadSid = (upSess && upSess.bridgeSessionId) || '';
}
for (const f of accepted) {
try {
const dataUrl = await new Promise((resolve, reject) => {
const r = new FileReader();
r.onload = () => resolve(String(r.result || ''));
r.onerror = () => reject(r.error);
r.readAsDataURL(f);
});
const path = await uploadOne(f.name || 'file', dataUrl, uploadSid);
state.fileSeq += 1;
const sid = state.fileSeq;
const isImage = isImageFile(f);
const entry = {
sid, name: f.name || 'file', isImage, path,
dataUrl: isImage ? dataUrl : '',
ctx,
};
state.pendingFiles.push(entry);
insertPlaceholderInComposer(entry, ctx);
renderThumbStrip(ctx);
} catch (e) {
showChanToast(t('upload.failed'), e.message || String(e), 'err');
}
}
if (skipped) showChanToast(t('upload.tooLarge'), '', 'err');
}
function handleThumbStripClick(e, ctx) {
const x = e.target.closest('.x');
if (x) {
const sid = Number(x.dataset.sid);
const idx = state.pendingFiles.findIndex(f => f.sid === sid && fileCtx(f) === ctx);
if (idx >= 0) {
const removed = state.pendingFiles[idx];
state.pendingFiles.splice(idx, 1);
removePlaceholderFromComposer(removed);
renderThumbStrip(ctx);
if (removed.path) {
fetch(`${BRIDGE_ORIGIN}/upload`, {
method: 'DELETE',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ path: removed.path }),
}).catch(() => {});
}
}
return;
}
const fileChip = e.target.closest('.file-chip.pending');
if (fileChip) {
const path = fileChip.getAttribute('data-path');
const name = fileChip.getAttribute('data-name');
if (path) openUploadFile(path, name);
return;
}
const img = e.target.closest('img');
if (img && img.src) openLightbox(img.src);
}
function bindComposerUpload(ctx) {
const cfg = composerCfg(ctx);
if (!cfg.input || cfg.input.dataset.gaUploadBound) return;
cfg.input.dataset.gaUploadBound = ctx;
if (cfg.uploadBtn && !cfg.uploadBtn.dataset.bound) {
cfg.uploadBtn.dataset.bound = '1';
cfg.uploadBtn.addEventListener('click', (e) => {
e.preventDefault();
activeFileComposer = ctx;
cfg.imgInput?.click();
});
}
if (cfg.imgInput && !cfg.imgInput.dataset.bound) {
cfg.imgInput.dataset.bound = '1';
cfg.imgInput.addEventListener('change', () => {
activeFileComposer = ctx;
addFiles(cfg.imgInput.files);
cfg.imgInput.value = '';
});
}
cfg.strip?.addEventListener('click', (e) => handleThumbStripClick(e, ctx));
cfg.input.addEventListener('paste', (e) => {
activeFileComposer = ctx;
const cd = e.clipboardData || window.clipboardData;
const items = cd && cd.items;
const files = [];
if (items) for (const it of items) { if (it.kind === 'file') { const f = it.getAsFile(); if (f) files.push(f); } }
if (files.length) { e.preventDefault(); addFiles(files); return; }
// 富文本粘贴 → 强制纯文本（contenteditable 默认会粘 HTML，会污染输入框）
e.preventDefault();
const text = cd ? cd.getData('text/plain').replace(/\r\n/g, '\n') : '';
if (!text) return;
// Hard-limit: only insert what fits within maxLen
const maxLen = 20000;
const curLen = cfg.input.textContent.length;
const sel = window.getSelection();
const selLen = (sel.rangeCount && cfg.input.contains(sel.anchorNode)) ? sel.toString().length : 0;
const remaining = maxLen - curLen + selLen;
if (remaining <= 0) { showChanToast(t('err.charLimit').replace('{n}', maxLen), '', 'err'); return; }
const insert = text.slice(0, remaining);
document.execCommand('insertText', false, insert);
if (text.length > remaining) showChanToast(t('err.charLimit').replace('{n}', maxLen), '', 'err');
});
cfg.input.addEventListener('input', () => {
activeFileComposer = ctx;
// 内容清空后浏览器可能残留
，抹掉以便 :empty 占位提示生效
if (!cfg.input.textContent.trim() && !cfg.input.querySelector('.ph-chip')) cfg.input.innerHTML = '';
reconcilePendingFiles(ctx); // chip 被删 → 同步清理附件 + 删磁盘文件
});
const zone = cfg.dropZone;
const dropKey = `dropBound_${ctx}`;
if (!zone || zone.dataset[dropKey]) return;
zone.dataset[dropKey] = '1';
let dragDepth = 0;
const hasFiles = (e) => {
const types = e.dataTransfer && e.dataTransfer.types;
if (!types) return false;
for (let i = 0; i < types.length; i += 1) {
if (types[i] === 'Files') return true;
}
return false;
};
zone.addEventListener('dragenter', (e) => {
if (!hasFiles(e)) return;
e.preventDefault();
activeFileComposer = ctx;
dragDepth += 1;
zone.classList.add('dragover');
zone.dataset.dropHint = t('upload.dropHint');
});
zone.addEventListener('dragover', (e) => {
if (!hasFiles(e)) return;
e.preventDefault();
activeFileComposer = ctx;
e.dataTransfer.dropEffect = 'copy';
});
zone.addEventListener('dragleave', (e) => {
if (!hasFiles(e)) return;
dragDepth = Math.max(0, dragDepth - 1);
if (dragDepth === 0) zone.classList.remove('dragover');
});
zone.addEventListener('drop', (e) => {
if (!hasFiles(e)) return;
e.preventDefault();
dragDepth = 0;
zone.classList.remove('dragover');
activeFileComposer = ctx;
addFiles(e.dataTransfer.files);
});
}
bindComposerUpload('chat');
bindComposerUpload('collab');
Object.assign(window, {
gaSetActiveFileComposer: ctx => { activeFileComposer = ctx === 'collab' ? 'collab' : 'chat'; },
gaPageStatusBar: pageStatusBar,
gaExpandFilePlaceholders: expandFilePlaceholders,
gaRenderMsgChips: renderMsgTextWithChips,
gaCollectUsedFiles: collectUsedFiles,
gaComposerText: composerText,
gaClearUsedPendingFiles: text => removeUsedPendingFiles(collectUsedFiles(text)),
gaFileSubLabel: fileSubLabel,
gaMsgNode: msgNode,
gaCollabItemToMsg: collabItemToMsg,
gaPostRenderEnhance: postRenderEnhance,
gaEscapeHtml: escapeHtml,
});
if (chatPanel) {
const blockFileDrop = e => {
const types = e.dataTransfer?.types;
if (!types) return;
for (let i = 0; i < types.length; i += 1) if (types[i] === 'Files') { e.preventDefault(); return; }
};
window.addEventListener('dragover', blockFileDrop);
window.addEventListener('drop', blockFileDrop);
}
/* ═══════════════ bridge 事件 ═══════════════ */
window.ga.onBridgeReady(async () => {
state.bridgeReady = true;
syncPlanPollTimer();
refreshStatusLabel();
if (!state.activeId) { refreshEmptyState(null); }
await loadModelProfiles();
await loadBridgeConfig();
if (isServicesPageActive()) renderChannelList(gaServiceStore.list());
const sess = activeSess();
if (sess && sessionNeedsHydrate(sess)) {
await runSessionHydrate(sess);
} else if (sess) planPoll(sess);
delete document.documentElement.dataset.bootHasSessions;
if (sess) refreshEmptyState(sess);
});
setTimeout(() => { delete document.documentElement.dataset.bootHasSessions; }, 3000);
window.ga.onBridgeNotification((msg) => {
if (msg && msg.type === 'session-state') {
for (const sess of state.sessions.values()) {
if (sess.bridgeSessionId === msg.sessionId) {
if (msg.status === 'running' || msg.state === 'running') pollSession(sess);
if (msg.state === 'idle' || msg.status === 'idle') tokPollBridge();
renderSessionList();
break;
}
}
}
});
window.ga.onBridgeError((err) => { console.warn('[bridge error]', err); });
window.ga.onBridgeClosed(() => {
state.bridgeReady = false;
syncPlanPollTimer();
const s = activeSess();
if (s) applyPlanPayload(s, null);
chatStatus.setDisconnected();
});
/* ═══════════════ Token 用量页 ═══════════════ */
const tokTbody = document.getElementById('tok-tbody');
const tokTable = document.getElementById('tok-table');
const tokPager = document.getElementById('tok-pager');
const tokSince = document.getElementById('tok-since');
const tokUntil = document.getElementById('tok-until');
const tokTotalN = document.getElementById('tok-total-n');
const tokTodayN = document.getElementById('tok-today-n');
const tokCostN = document.getElementById('tok-cost-n');
const TOK_PER_PAGE = 15;
let _tokPage = 0;
let _tokHistory = [];
let _tokLastSnap = {};
// Model price table: $/M tokens [input, output]
const MODEL_PRICES = {
'gpt-5.4':[2.50,15],'gpt-5':[1.25,10],'gpt-5-mini':[0.25,2],'gpt-4o':[2.50,10],'gpt-4o-mini':[0.15,0.60],
'gpt-4.1':[2,8],'gpt-4.1-mini':[0.40,1.60],'gpt-4.1-nano':[0.10,0.40],'o4-mini':[0.55,2.20],
'claude-opus-4-8':[5,25],'claude-opus-4-7':[5,25],'claude-opus-4-6':[5,25],'claude-sonnet-4-6':[3,15],'claude-sonnet-4-5':[3,15],'claude-haiku-4-5':[1,5],
'deepseek-v4':[0.14,0.28],'deepseek-v4-pro':[0.435,0.87],'deepseek-chat':[0.14,0.28],'deepseek-reasoner':[0.55,2.19],
'glm-5.1':[0.50,0.50],'minimax-m2.7':[0.50,0.50],'kimi-for-coding':[0.50,2],
};
const CNY_RATE = 7.2;
function estCost(inp, out, model, cacheRead, cacheCreate) {
let p = [3,15];
if (model) { const m = model.toLowerCase().replace(/\[.*\]/,''); p = MODEL_PRICES[m] || Object.entries(MODEL_PRICES).find(([k])=>m.includes(k))?.[1] || p; }
const isClaudeOrDS = model && /claude|deepseek/i.test(model);
const cacheReadRate = isClaudeOrDS ? 0.1 : 0.5;
const cacheWriteRate = isClaudeOrDS ? 1.25 : 1.0;
const cost = (inp*p[0] + out*p[1] + (cacheRead||0)*p[0]*cacheReadRate + (cacheCreate||0)*p[0]*cacheWriteRate) / 1e6 * CNY_RATE;
return cost.toFixed(2);
}
function fmtTok(n) { return n>=1e6?(n/1e6).toFixed(2)+'M':n>=1e3?(n/1e3).toFixed(1)+'k':String(n); }
function fmtTime(ts) { return new Date(ts*1000).toLocaleString(undefined,{month:'short',day:'numeric',hour:'2-digit',minute:'2-digit'}); }
function modelPriceTip(model) {
if (!model) return '';
const m = model.toLowerCase().replace(/\[.*\]/,'');
const entry = MODEL_PRICES[m] || Object.entries(MODEL_PRICES).find(([k])=>m.includes(k))?.[1];
const known = !!entry;
const p = entry || [3,15];
const isClaudeOrDS = /claude|deepseek/i.test(m);
const cacheReadRate = isClaudeOrDS ? 0.1 : 0.5;
const cacheWriteRate = isClaudeOrDS ? 1.25 : 1.0;
const lines = [];
if (!known) lines.push(t('tok.pricingUnknown'));
lines.push(t('tok.priceInput') + p[0] + ' /M');
lines.push(t('tok.priceOutput') + p[1] + ' /M');
lines.push(t('tok.priceCacheW') + (p[0] * cacheWriteRate).toFixed(2) + ' /M');
lines.push(t('tok.priceCacheR') + (p[0] * cacheReadRate).toFixed(2) + ' /M');
return lines.join('\n');
}
function tokLoadHistory() { return _tokHistory; }
function tokSaveHistory(h) {
_tokHistory = h;
fetch(`${BRIDGE_ORIGIN}/token-history`, {
method:'POST', headers:{'Content-Type':'application/json'},
body: JSON.stringify({history:h, snap:_tokLastSnap, conductorHist:_condHist, conductorLast:_condLast})
}).catch(()=>{});
}
let _tokPolling = false;
async function tokPollBridge() {
if (_tokPolling) return;
_tokPolling = true;
try {
if (!_tokHistory.length) {
const stored = await bridgeFetch('/token-history');
if (stored.history?.length) _tokHistory = stored.history;
if (stored.snap) _tokLastSnap = stored.snap;
if (stored.conductorHist) _condHist = stored.conductorHist;
if (stored.conductorLast) _condLast = stored.conductorLast;
}
const data = await bridgeFetch('/token-stats');
const history = tokLoadHistory();
for (const r of (data.records||[])) {
const key = r.thread;
const sid = key.replace('GA-','');
const sess = [...state.sessions.values()].find(s=>s.bridgeSessionId===sid);
if (sess && rt(sess).busy) continue;
const prev = _tokLastSnap[key] || {input:0,output:0,cacheCreate:0,cacheRead:0};
let di = r.input-prev.input, do_ = r.output-prev.output, dc = r.cacheCreate-prev.cacheCreate, dr = r.cacheRead-prev.cacheRead;
if (di<0||do_<0||dc<0||dr<0) { di = r.input; do_ = r.output; dc = r.cacheCreate; dr = r.cacheRead; }
if (di>0||do_>0||dc>0||dr>0) {
const title = sess ? displayTitle(sess) : sid;
history.push({sessionId:sid, title:title, input:di, output:do_, cacheCreate:dc, cacheRead:dr, model:r.model||'', ts:Date.now()/1000});
if(sess?.title) history.forEach(h=>{if(h.sessionId===sid&&(!h.title||h.title===sid))h.title=sess.title;});
}
_tokLastSnap[key] = {input:r.input, output:r.output, cacheCreate:r.cacheCreate, cacheRead:r.cacheRead};
}
tokSaveHistory(history);
} catch(_) {}
_tokPolling = false;
}
function tokGetFiltered() {
let records = tokLoadHistory();
const parseD = v => v ? new Date(v.replace(/\s+/,'T')).getTime()/1000 : 0;
const since = parseD(tokSince?.value);
const until = parseD(tokUntil?.value);
if (since) records = records.filter(r=>r.ts>=since);
if (until) records = records.filter(r=>r.ts<=until);
return records;
}
function tokRenderStats(filtered, all) {
let total=0, totalInput=0, totalCacheRead=0, totalCacheCreate=0;
filtered.forEach(r=>{total+=(r.input||0)+(r.output||0)+(r.cacheRead||0)+(r.cacheCreate||0); totalInput+=(r.input||0); totalCacheRead+=(r.cacheRead||0); totalCacheCreate+=(r.cacheCreate||0);});
if(tokTotalN) tokTotalN.textContent=fmtTok(total);
const cacheBase = totalInput + totalCacheRead + totalCacheCreate;
if(tokCostN) tokCostN.textContent= cacheBase > 0 ? (totalCacheRead / cacheBase * 100).toFixed(1) + '%' : '0%';
const todayStart=new Date(); todayStart.setHours(0,0,0,0); const todayTs=todayStart.getTime()/1000;
let todayT=0; all.filter(r=>r.ts>=todayTs).forEach(r=>{todayT+=(r.input||0)+(r.output||0)+(r.cacheRead||0)+(r.cacheCreate||0);});
if(tokTodayN) tokTodayN.textContent=fmtTok(todayT);
}
function tokRenderTable(records) {
if(!tokTbody) return;
const bySession=new Map();
for(const r of records){
const k=r.sessionId||'?';
const ss= r._conductor ? null : [...state.sessions.values()].find(s=>s.bridgeSessionId===k);
let title = ss ? displayTitle(ss) : (r.title||k);
const deleted = r._conductor ? !!r._killed : !ss;
if(!bySession.has(k)) bySession.set(k,{title:title,deleted:deleted,input:0,output:0,cacheCreate:0,cacheRead:0,lastTs:0,prompts:[]});
const s=bySession.get(k); s.input+=r.input||0; s.output+=r.output||0; s.cacheCreate+=r.cacheCreate||0; s.cacheRead+=r.cacheRead||0;
if(r.ts>s.lastTs){s.lastTs=r.ts; s.title=title;} s.prompts.push(r);
}
tokTbody.innerHTML='';
if(bySession.size===0){tokTbody.innerHTML=`${t('tok.noData')} ${escapeHtml(s.title)}${s.deleted?''+t('tok.deleted')+'':''} ${fmtTok(s.input)} ${fmtTok(s.output)} ${fmtTok(s.cacheCreate)} ${fmtTok(s.cacheRead)} ${sCacheRate} `;
tokTbody.appendChild(tr);
const details=[]; s.prompts.sort((a,b)=>b.ts-a.ts);
for(const p of s.prompts){
const dr=document.createElement('tr'); dr.className='tok-detail'; dr.hidden=true;
const modelHtml = p.model ? ` · ${escapeHtml(p.model)}` : '';
const pCacheBase = (p.input||0) + (p.cacheRead||0) + (p.cacheCreate||0);
const pCacheRate = pCacheBase > 0 ? ((p.cacheRead||0) / pCacheBase * 100).toFixed(1) + '%' : '0%';
dr.innerHTML=`${fmtTime(p.ts)}${modelHtml} ${fmtTok(p.input||0)} ${fmtTok(p.output||0)} ${fmtTok(p.cacheCreate||0)} ${fmtTok(p.cacheRead||0)} ${pCacheRate} `;
tokTbody.appendChild(dr); details.push(dr);
}
tr.addEventListener('click',()=>{const o=tr.classList.toggle('open');details.forEach(d=>d.hidden=!o);});
}
if(tokPager){renderTokPager(tokPager, totalPages, _tokPage, p => { _tokPage = p; tokRenderTable(records); });}
}
/* 分页按钮:首页/末页 + 当前页前后各 2 + 省略号,最多渲染 ~9 个 DOM,
1000 页和 10 页都长一样,不会一行排开拖死浏览器。 */
function renderTokPager(host, totalPages, currentPage, onJump) {
host.innerHTML = '';
if (totalPages <= 1) return;
const makeBtn = (label, page, opts = {}) => {
const b = document.createElement('button');
if (opts.svg) b.innerHTML = label;
else b.textContent = label;
if (opts.active) b.classList.add('active');
if (opts.arrow) b.classList.add('tok-pager-arrow');
if (opts.disabled) b.disabled = true;
if (!opts.disabled) b.addEventListener('click', () => onJump(page));
return b;
};
const makeEllipsis = () => {
const s = document.createElement('span');
s.className = 'tok-pager-gap';
s.textContent = '…';
return s;
};
// 收集页码:1 / 当前-2..当前+2 / 末页,去重并填省略号
const pages = new Set([0, totalPages - 1]);
for (let i = Math.max(0, currentPage - 2); i <= Math.min(totalPages - 1, currentPage + 2); i++) pages.add(i);
const sorted = [...pages].sort((a, b) => a - b);
// 首尾箭头用 phosphor 图标(跟侧栏 .chev 同款),不再用 Unicode 字符
host.appendChild(makeBtn(GA_ICON('caretLeft'), currentPage - 1, { svg: true, arrow: true, disabled: currentPage === 0 }));
let prev = -1;
for (const p of sorted) {
if (prev >= 0 && p - prev > 1) host.appendChild(makeEllipsis());
host.appendChild(makeBtn(String(p + 1), p, { active: p === currentPage }));
prev = p;
}
host.appendChild(makeBtn(GA_ICON('caretRight'), currentPage + 1, { svg: true, arrow: true, disabled: currentPage === totalPages - 1 }));
}
async function loadTokenPage(){await tokPollBridge();const f=tokGetFiltered();const all=tokLoadHistory();tokRenderStats(f,all);tokRenderTable(f);}
const _COND_HIST_KEY = 'conductor_token_hist';
const _COND_LAST_KEY = 'conductor_token_last';
const _condZero = {input:0,output:0,cacheCreate:0,cacheRead:0,cost:0};
let _condHist = null, _condLast = null;
function _condLoadHist() { return _condHist || {..._condZero}; }
function _condLoadLast() { return _condLast; }
function _condSave(hist, last) {
_condHist = hist; _condLast = last;
fetch(`${BRIDGE_ORIGIN}/token-history`, {
method:'POST', headers:{'Content-Type':'application/json'},
body: JSON.stringify({history:_tokHistory, snap:_tokLastSnap, conductorHist:hist, conductorLast:last})
}).catch(()=>{});
}
/* ─── Token tab switching ─── */
let _tokTab = 'chat';
const tokTabs = document.getElementById('tok-tabs');
const tokFilter = document.querySelector('.tok-filter');
const tokStatRow = document.querySelector('.page[data-page="token"] .stat-row');
if (tokTabs) tokTabs.addEventListener('click', e => {
const btn = e.target.closest('.tok-tab');
if (!btn || btn.classList.contains('active')) return;
tokTabs.querySelectorAll('.tok-tab').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
_tokTab = btn.dataset.tab;
_tokPage = 0;
if (_tokTab === 'conductor') { if (tokFilter) tokFilter.style.display = 'none'; if (tokStatRow) tokStatRow.style.display = 'none'; if (tokTable) tokTable.classList.add('tok-table--conductor'); loadConductorTokens(); }
else { if (tokFilter) tokFilter.style.display = ''; if (tokStatRow) tokStatRow.style.display = ''; if (tokTable) tokTable.classList.remove('tok-table--conductor'); loadTokenPage(); }
});
async function loadConductorTokens() {
let curIn = 0, curOut = 0, curCc = 0, curCr = 0, curCost = 0;
let fetchOk = false;
try {
const data = await (await fetch(`${CONDUCTOR_ORIGIN}/token-stats`)).json();
const recs = (data.records || []).filter(r => r.thread === 'conductor-agent' || r.thread.startsWith('subagent-'));
for (const r of recs) {
curIn += r.input || 0; curOut += r.output || 0; curCc += r.cacheCreate || 0; curCr += r.cacheRead || 0;
curCost += parseFloat(estCost(r.input || 0, r.output || 0, r.model || '', r.cacheRead || 0, r.cacheCreate || 0));
}
fetchOk = true;
} catch (_) {
if (tokTbody) tokTbody.innerHTML = `${t('tok.condOffline')} ${_ci}${t('tok.condTotal')} ${fmtTok(hIn)} ${fmtTok(hOut)} ${fmtTok(hCc)} ${fmtTok(hCr)} ${hCacheRate} ${_ci}${t('tok.condCurrent')} ${fmtTok(curIn)} ${fmtTok(curOut)} ${fmtTok(curCc)} ${fmtTok(curCr)} ${curCacheRate}
`).join('');
box.querySelectorAll('.collab-card').forEach(el => {
const w = S.workers.find(x => x.id === el.dataset.sid);
if (w) {
const prev = prevUpdated.get(w.id);
if (prev != null && prev !== w.updatedAt) pulseEl(el);
prevUpdated.set(w.id, w.updatedAt);
}
el.addEventListener('contextmenu', e => {
e.preventDefault();
showCardMenu(e.clientX, e.clientY, el.dataset.sid);
});
el.addEventListener('click', () => {
if (w) openWorkerDrawer(w);
});
});
const running = S.workers.filter(w => w.status === 'running').length;
const done = S.workers.filter(w => w.status === 'reported').length;
S.runningCount = running;
document.dispatchEvent(new CustomEvent('collab:running-count', { detail: { count: running } }));
const stats = $('collab-progress-stats');
if (stats) {
const has = running > 0 || done > 0;
stats.hidden = !has;
if (has) {
stats.innerHTML = [
running > 0 ? `${GA_STATUS_BREATHE_SM}${running} ${esc(t('collab.statRunning'))}` : '',
done > 0 ? `${done} ${esc(t('collab.statDone'))}` : '',
].filter(Boolean).join('');
}
}
syncRail({ pulse: true });
}
function syncMessages() {
const area = $('collab-msgs'), welcome = $('collab-welcome'), list = $('collab-msg-list');
if (!area || !list) return;
if (!S.historyReady) {
area.classList.remove('has-msgs');
if (welcome) welcome.hidden = true;
list.hidden = true;
syncRail();
return;
}
const has = S.messages.length > 0;
area.classList.toggle('has-msgs', has);
if (welcome) welcome.hidden = has;
list.hidden = !has;
list.replaceChildren();
const toMsg = window.gaCollabItemToMsg;
const render = window.gaMsgNode;
if (toMsg && render) {
for (const item of S.messages) {
const el = render(toMsg(item));
el.classList.add('collab-msg-enter');
list.appendChild(el);
}
}
syncDraft();
scrollMsgs();
syncRail();
}
function pushMsg(item) {
if (item.id && S.messages.some(m => m.id === item.id)) return;
if (item.role === 'user') {
const plain = stripAttach(item.msg);
const expand = window.gaExpandFilePlaceholders;
for (let i = S.messages.length - 1; i >= 0; i--) {
const m = S.messages[i];
// 服务端回显的 msg 是 expand(本地文本)（附件被展开成了本地路径），和本地乐观消息其实是同一条。
// 命中后保留本地那条的干净显示（占位符 msg + 结构化 files/images 卡片），只补服务端 id/ts，
// 丢弃带路径的回显文本 —— 既去重、又不丢卡片、不外露本地路径，与 chat 显示一致。
if (m._local && m.role === 'user' &&
(stripAttach(m.msg) === plain || m.msg === item.msg || (expand && expand(m.msg) === item.msg))) {
m.id = item.id || m.id;
if (item.ts != null) m.ts = item.ts;
if (item.read != null) m.read = item.read;
m._local = false;
syncMessages();
setConnUi();
return;
}
}
}
S.messages.push(item);
if (item.role === 'conductor') S.conductorTyping = false;
syncMessages();
setConnUi();
}
function setWorkers(rawList) {
S.workers = (rawList || []).map(normalizeWorker);
renderWorkers();
}
function onWsData(data, gen) {
if (gen !== wsGen) return;
if (data.type === 'hello') {
S.historyReady = true;
S.messages = (data.chat || []).map(raw => ({ id: raw.id, role: raw.role || 'system', msg: raw.msg || '', ts: raw.ts, read: raw.read, files: raw.files || [], images: raw.images || [] }));
S.conductorTyping = !!data.running;
setWorkers(data.subagents || []);
syncMessages();
setConnUi();
} else if (data.type === 'subagents') setWorkers(data.items || []);
else if (data.type === 'chat') pushMsg({ id: data.item.id, role: data.item.role || 'system', msg: data.item.msg || '', ts: data.item.ts, read: data.item.read, files: data.item.files || [], images: data.item.images || [] });
}
function resetWs() {
wsGen++;
if (!ws) return;
const old = ws;
ws = null;
old.onopen = old.onclose = old.onerror = old.onmessage = null;
try { old.close(); } catch {}
}
function scheduleReconnect() {
clearTimeout(connectTimer);
clearInterval(reconnectTick);
if (!S.everConnected && S.failCount >= FAIL_MAX) {
S.reconnecting = false;
return setConnUi();
}
const delay = Math.min(RECON_MAX, RECON_BASE * Math.pow(2, Math.max(0, S.failCount - 1)));
S.reconnectAt = Date.now() + delay;
S.reconnecting = S.everConnected;
setConnUi();
reconnectTick = setInterval(() => { if (!S.reconnecting) clearInterval(reconnectTick); else setConnUi(); }, 500);
connectTimer = setTimeout(connect, delay);
}
function connect() {
if (ws && (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING)) return;
clearTimeout(connectTimer);
clearInterval(reconnectTick);
const gen = ++wsGen;
setConnUi();
let sock;
try { sock = new WebSocket(wsUrl()); } catch (e) {
if (gen !== wsGen) return;
S.failCount++;
return scheduleReconnect();
}
ws = sock;
sock.onopen = () => {
if (gen !== wsGen) return;
S.everConnected = true;
S.serviceAvailable = true;
S.reconnecting = false;
S.failCount = 0;
setConnUi();
};
sock.onclose = (ev) => {
if (gen !== wsGen) return;
S.serviceAvailable = false;
if (S.everConnected) S.reconnecting = true;
else S.failCount++;
setConnUi();
scheduleReconnect();
};
sock.onerror = () => {};
sock.onmessage = ev => {
if (gen !== wsGen) return;
try { onWsData(JSON.parse(ev.data), gen); } catch {}
};
}
function sendText(rawText) {
const text = (rawText || '').trim();
if (!text || !ws || ws.readyState !== WebSocket.OPEN) return false;
window.gaSetActiveFileComposer?.('collab');
const expand = window.gaExpandFilePlaceholders || (s => s);
const collect = window.gaCollectUsedFiles || (() => []);
const clearUsed = window.gaClearUsedPendingFiles || (() => {});
const used = collect(text);
const images = [], files = [];
for (const f of used) (f.isImage ? images : files).push(f.isImage ? { path: f.path, dataUrl: f.dataUrl, name: f.name, sid: f.sid } : { path: f.path, name: f.name, sid: f.sid });
S.messages.push({ id: `_local_${++localSeq}`, _local: true, role: 'user', msg: text, ts: Date.now() / 1000, images, files });
S.conductorTyping = true;
syncMessages();
ws.send(JSON.stringify({ msg: expand(text), files, images }));
clearUsed(text);
window.collabComposer?.clearIfMatch?.(text);
setConnUi();
return true;
}
$('collab-retry')?.addEventListener('click', () => { S.failCount = 0; S.reconnecting = false; resetWs(); connect(); });
$('collab-rail-toggle')?.addEventListener('click', () => toggleProgress());
$('collab-prog-close')?.addEventListener('click', () => toggleProgress(false));
window.collabComposer?.init?.(sendText);
window.collabInit = () => {
window.gaSetActiveFileComposer?.('collab');
syncMessages();
setConnUi();
renderWorkers();
connect();
};
window.collabFocus = () => window.collabComposer?.focus?.();
window.collabRetranslate = () => { renderWorkers(); syncMessages(); setConnUi(); };
})();
/* ═══════════════ Composer layout: inline / stacked ═══════════════ */
(function initComposerLayout() {
const BREAKPOINT = 480;
const SINGLE_LINE = 36;
document.querySelectorAll('.composer-inset').forEach(inset => {
const input = inset.querySelector('.input');
if (!input) return;
function update() {
const wide = inset.offsetWidth >= BREAKPOINT;
const single = input.scrollHeight <= SINGLE_LINE;
inset.classList.toggle('is-inline', wide && single);
}
new ResizeObserver(update).observe(inset);
input.addEventListener('input', update);
update();
});
})();
${head}
${inner}([^<]*[A-Da-d][.)]\s[^<]*)<\/p>/gi, '
$1
'); out = out.replace(/(
${qHtml ? `
`;
}
/** 单题的 candidates 折叠进题干（统一成 A./B./C. 内联选项）；多题或无法对应时原样返回题干 */
function foldAskCandidates(item) {
if (!shouldShowAskCandidates(item)) return item.question;
const opts = item.candidates.map((c, j) => {
const label = String(c).replace(/^\s*(?:[A-Za-z]|\d{1,2})\s*[.)、:：]\s*/, '').trim();
return `${String.fromCharCode(65 + j)}. ${label}`;
}).join('\n');
// 用单换行（而非空行）拼进题干，让题干+选项渲染成同一个 ${qHtml}
` : ''}
，每个选项都跟在
后面 —
// 与多题内联选项走完全一致的 .ask-option-line 缩进，避免首项 A 贴左边、B/C/D 缩进的错位。
return item.question.replace(/\s+$/, '') + '\n' + opts;
}
function askUserPlaceholder(item) {
// 单题与多题统一：都用自由作答提示，不再针对单题单独显示「输入 1/2/3 选择」
return t('ask.placeholderOpen');
}
function assistantStructuredText(msg) {
if (!msg || msg.role !== 'assistant') return '';
if (Array.isArray(msg.turn_segs) && msg.turn_segs.length) return msg.turn_segs.join('\n');
return typeof msg.content === 'string' ? msg.content : '';
}
function getPendingAskUser(sess) {
if (!sess || rt(sess).busy) return null;
const msgs = sess.messages || [];
let lastAskIdx = -1;
let askData = null;
for (let i = msgs.length - 1; i >= 0; i--) {
if (msgs[i].role !== 'assistant') continue;
const json = extractAskUserToolJson(assistantStructuredText(msgs[i]));
if (json != null) {
lastAskIdx = i;
askData = normalizeAskUserData(parseAskUserJson(json));
break;
}
}
if (!askData) return null;
const replied = msgs.slice(lastAskIdx + 1).some(m => m.role === 'user');
return replied ? null : askData;
}
function syncAskUserUi() {
const sess = activeSess();
const pending = sess ? getPendingAskUser(sess) : null;
const notices = [...document.querySelectorAll('.ask-user-notice')];
notices.forEach((el, i) => {
const isLast = i === notices.length - 1;
el.classList.toggle('is-active', !!pending && isLast);
el.classList.toggle('is-answered', !pending || !isLast);
});
if (inputEl) inputEl.setAttribute('data-ph', pending ? askUserPlaceholder(pending) : t('composer.placeholder')); // contenteditable 用 data-ph（无 placeholder 属性）
if (composerEl) composerEl.classList.toggle('is-awaiting-answer', !!pending);
}
/* ═══════════════ 渲染后增强 (PR移植) ═══════════════ */
/* ───────────── 统一复制 SVG Icon ───────────── */
// Phosphor 图标助手：把 window.gaIcon(name) 包一层，给动态渲染的 UI 用，与静态 [data-ga-icon] 保持一致
const GA_ICON = (name, className = '') => (typeof window.gaIcon === 'function' ? window.gaIcon(name, className) : '');
const SVG_COPY_ICON = GA_ICON('copy');
const SVG_CHECK_ICON = GA_ICON('check');
function postRenderEnhance(containerEl) {
if (!containerEl) return;
// 代码高亮 + 复制按钮（.code-block 容器已自带头部复制按钮，跳过）
containerEl.querySelectorAll('pre code').forEach(block => {
if (typeof hljs !== 'undefined') hljs.highlightElement(block);
if (block.closest('.code-block')) return; // TUI 风格容器已有复制按钮
if (!block.parentElement.querySelector('.code-copy-btn')) {
const btn = document.createElement('button');
btn.className = 'code-copy-btn'; btn.innerHTML = SVG_COPY_ICON;
btn.title = t('act.copy');
btn.onclick = () => {
navigator.clipboard.writeText(block.textContent).then(() => {
btn.innerHTML = SVG_CHECK_ICON; setTimeout(() => btn.innerHTML = SVG_COPY_ICON, 1500);
});
};
block.parentElement.style.position = 'relative';
block.parentElement.appendChild(btn);
}
});
// TUI 代码块头部复制按钮绑定
containerEl.querySelectorAll('.code-block-copy').forEach(btn => {
if (btn.dataset.bound) return;
btn.dataset.bound = '1';
btn.onclick = () => {
const code = btn.closest('.code-block').querySelector('code');
if (!code) return;
navigator.clipboard.writeText(code.textContent.trim()).then(() => {
btn.textContent = '\u2713';
setTimeout(() => { btn.textContent = '\u29C9'; }, 1500);
});
};
});
// KaTeX 复制按钮
containerEl.querySelectorAll('.katex-block').forEach(el => {
if (el.querySelector('.latex-copy-btn')) return;
const src = el.querySelector('annotation[encoding="application/x-tex"]');
if (!src) return;
const btn = document.createElement('button');
btn.className = 'latex-copy-btn'; btn.textContent = '\u29C9';
btn.title = t('act.copyTex');
btn.onclick = () => {
navigator.clipboard.writeText(src.textContent).then(() => {
btn.textContent = '\u2713'; setTimeout(() => btn.textContent = '\u29C9', 1500);
});
};
el.style.position = 'relative';
el.appendChild(btn);
});
syncAskUserUi();
}
/* ═══════════════ 状态 ═══════════════ */
const state = {
sessions: new Map(), activeId: null, bridgeReady: false,
llmNo: 0, modelProfiles: [], modelName: null,
runtime: new Map(),
pendingFiles: [],
fileSeq: 0,
};
function rt(sess) {
let r = state.runtime.get(sess.id);
if (!r) { r = { polling:false, busy:false, lastId:0, seen:new Set(), draftEl:null, draftSegs:null, draftTurn:0, taskStartedAt:null, taskEndedAt:null, taskTimerId:null, planCompleteAt:null, planLostAt:null, planHoldItems:[], planLastPayload:null, planLastComplete:false, planHideTimer:null, planDismissedComplete:false, planCollapsed:false, planShowAll:false }; state.runtime.set(sess.id, r); }
return r;
}
const activeSess = () => state.sessions.get(state.activeId) || null;
const isActive = (sess) => sess && sess.id === state.activeId;
function saveSessions() {}
function patchSession(sess, fields) {
if (!sess.bridgeSessionId) return;
fetch(`${BRIDGE_ORIGIN}/session/${encodeURIComponent(sess.bridgeSessionId)}`, {
method: 'PATCH', headers: {'Content-Type':'application/json'}, body: JSON.stringify(fields)
}).catch(() => {});
}
async function loadSessions() {
try {
const res = await fetch(`${BRIDGE_ORIGIN}/sessions`);
const data = await res.json();
if (!data.sessions) return;
for (const s of data.sessions) {
state.sessions.set(s.id, {
id: s.id, bridgeSessionId: s.id, title: s.title,
messages: [], untitled: s.untitled ?? true,
pinned: s.pinned ?? false, lastActiveTs: s.updatedAt || s.createdAt
});
}
// 刷新后固定恢复「上次正在看的会话」（前端持久化的 ga_active），而不是 bridge 的
// activeSessionId（=最近更新的会话，会随后台会话变动而跳来跳去）。没有有效的已存
// 会话则置空 → 显示「新会话」空态，由用户自己点选。
const savedActive = localStorage.getItem('ga_active');
state.activeId = (savedActive && state.sessions.has(savedActive)) ? savedActive : null;
} catch (_) {}
}
/* ═══════════════ DOM refs ═══════════════ */
const chatPage = document.querySelector('.page[data-page="chat"]');
const msgArea = chatPage.querySelector('.msg-area');
const chatStart = msgArea.querySelector('.chat-start');
const inputEl = document.getElementById('chat-input');
const sendBtn = document.getElementById('send-btn');
const planBarEl = document.getElementById('plan-bar');
const composerEl = document.getElementById('chat-composer');
const msgLoading = document.getElementById('msg-loading');
const sessionLoadingEl = document.getElementById('session-loading');
const MIN_MSG_LOADING_MS = 450;
const HYDRATE_LOADING_TIMEOUT_MS = 10000;
const POLL_MSG_LIMIT = 200;
const PLAN_LOST_GRACE_MS = 1500; // tuiapp_v2._PLAN_LOST_GRACE_SEC
const PLAN_COMPLETE_GRACE_MS = 3000; // tuiapp_v2._PLAN_GRACE_SEC
function isPlanPresetPrompt(text) {
const p = String(text || '').toLowerCase();
return p.includes('plan_sop') || p.includes('plan 模式') || p.includes('plan mode');
}
let _submitInFlight = false;
const runToggle = document.getElementById('run-toggle');
const chatStatus = pageStatusBar(runToggle);
const runLabel = runToggle?.querySelector('.rs-label');
const convListEl = document.querySelector('.conv-list');
const newConvBtn = document.querySelector('.new-conv');
const searchInput = document.querySelector('.search input');
const rpResize = document.getElementById('rp-resize');
const rpPanel = document.getElementById('rightpanel');
const bodyEl = document.querySelector('.body');
/* 每个页面的 page-top 各自挂一对 hamburger / 会话 按钮(.pt-sb-toggle / .pt-rp-toggle),
全部绑同一个 toggle,效果跟以前的单一 sb-toggle/rp-toggle 一样,只是入口变成顶栏。 */
document.querySelectorAll('.pt-sb-toggle').forEach(b => b.addEventListener('click', () => bodyEl.classList.toggle('sb-collapsed')));
document.querySelectorAll('.pt-rp-toggle').forEach(b => b.addEventListener('click', () => bodyEl.classList.toggle('rp-collapsed')));
const sbResize = document.getElementById('sb-resize');
const sbPanel = document.querySelector('.sidebar');
// 通用拖拽：dir=+1 拖动 →clientX 增大就增宽(左侧栏);dir=-1 反之(右侧)
function bindResize(handle, panel, dir, min, max) {
if (!handle || !panel) return;
let dragging = false, startX = 0, startW = 0;
handle.addEventListener('mousedown', (e) => {
dragging = true; startX = e.clientX; startW = panel.offsetWidth;
handle.classList.add('dragging');
panel.style.transition = 'none'; // 拖拽期间禁用 transition，避免宽度动画延迟
document.body.style.cursor = 'col-resize';
document.body.style.userSelect = 'none';
e.preventDefault();
});
document.addEventListener('mousemove', (e) => {
if (!dragging) return;
const w = Math.min(max, Math.max(min, startW + dir * (e.clientX - startX)));
panel.style.width = w + 'px';
panel.style.flex = '0 0 ' + w + 'px';
});
document.addEventListener('mouseup', () => {
if (!dragging) return;
dragging = false;
handle.classList.remove('dragging');
panel.style.transition = ''; // 恢复 CSS transition（按钮折叠动画仍生效）
document.body.style.cursor = '';
document.body.style.userSelect = '';
});
}
bindResize(rpResize, rpPanel, -1, 160, 400); // 右栏:cursor 左移 → 增宽
bindResize(sbResize, sbPanel, +1, 180, 360); // 左栏:cursor 右移 → 增宽
const modelChip = document.getElementById('model-chip');
const modelNameEl= modelChip ? modelChip.querySelector('.model-name') : null;
// conductor 页面也有一个独立的模型 chip,共用一份模型数据
const collabModelChip = document.getElementById('cdb-model-chip');
const collabModelNameEl = collabModelChip ? collabModelChip.querySelector('.model-name') : null;
let msgsEl = null;
function ensureMsgs() {
if (!msgsEl) {
msgsEl = document.createElement('div');
msgsEl.className = 'msgs';
msgArea.insertBefore(msgsEl, msgLoading || null);
}
return msgsEl;
}
function refreshEmptyState(sess) {
const has = sess && sess.messages.length > 0;
msgArea.classList.toggle('has-msgs', !!has);
if (chatStart) chatStart.style.display = has ? 'none' : '';
if (msgsEl) msgsEl.style.display = has ? '' : 'none';
}
function planTpl(tpl, v) {
return String(tpl || '').replace(/\{(\w+)\}/g, (_, k) => (v[k] != null ? String(v[k]) : `{${k}}`));
}
let planPollTimer;
function syncPlanPollTimer() {
const on = !!(activeSess()?.bridgeSessionId && state.bridgeReady);
if (on && !planPollTimer) {
planPollTimer = setInterval(() => {
const s = activeSess();
if (!s || !isActive(s)) return;
planFetch(s);
planTick(s);
}, 1000);
} else if (!on && planPollTimer) {
clearInterval(planPollTimer);
planPollTimer = null;
}
}
function clearPlanGrace(r) {
r.planCompleteAt = r.planLostAt = null;
r.planHoldItems = [];
r.planLastPayload = null;
r.planLastComplete = false;
r.planDismissedComplete = false;
if (r.planHideTimer) { clearTimeout(r.planHideTimer); r.planHideTimer = null; }
}
function schedulePlanCompleteDismiss(sess) {
const r = rt(sess);
if (r.planHideTimer) clearTimeout(r.planHideTimer);
r.planHideTimer = setTimeout(() => {
r.planHideTimer = null;
r.planDismissedComplete = true;
if (isActive(sess)) refreshPlanBar(null);
}, PLAN_COMPLETE_GRACE_MS);
}
/** tuiapp_v2._refresh_planbar：用 runtime 里缓存的 items / placeholder 重绘 */
function refreshPlanBarFromRuntime(sess) {
const r = rt(sess);
const lp = r.planLastPayload;
let items = r.planHoldItems || [];
if (r.planLostAt != null && Date.now() - r.planLostAt >= PLAN_LOST_GRACE_MS) {
items = [];
r.planHoldItems = [];
r.planLostAt = null;
}
if (r.planDismissedComplete) {
refreshPlanBar(null);
return;
}
if (r.planCompleteAt != null && Date.now() - r.planCompleteAt >= PLAN_COMPLETE_GRACE_MS) {
r.planDismissedComplete = true;
refreshPlanBar(null);
return;
}
if (!items.length) {
if (lp?.active && lp.placeholder) {
refreshPlanBar(lp);
return;
}
const held = r.planHoldItems || [];
if (lp?.complete && (lp.items?.length || held.length)) {
refreshPlanBar({
active: true,
placeholder: false,
items: lp.items?.length ? lp.items : held,
done: lp.done ?? held.filter(it => it.status === 'done').length,
total: lp.total ?? (lp.items?.length || held.length),
complete: true,
step: lp.step || '',
});
return;
}
refreshPlanBar(null);
return;
}
refreshPlanBar({
active: true,
placeholder: false,
items,
done: lp?.done ?? items.filter(it => it.status === 'done').length,
total: lp?.total ?? items.length,
complete: !!(lp?.complete || (items.length && items.every(it => it.status === 'done'))),
step: lp?.step || '',
});
}
/** 每秒 tick grace（对齐 TUI _poll_plan_files → _refresh_planbar） */
function planTick(sess) {
if (!sess || !isActive(sess)) return;
refreshPlanBarFromRuntime(sess);
}
function applyPlanPayload(sess, raw) {
if (!sess) return;
const r = rt(sess);
const now = Date.now();
if (raw?.active) {
if (raw.placeholder && !r.planLastPayload?.active) {
r.planCollapsed = false;
r.planShowAll = false;
}
r.planLastPayload = raw;
const items = raw.items || [];
if (items.length) {
r.planLostAt = null;
r.planHoldItems = items;
} else if (!raw.placeholder && !raw.complete && r.planHoldItems.length) {
if (!r.planLostAt) r.planLostAt = now;
}
const nowComplete = !!raw.complete && (items.length > 0 || r.planHoldItems.length > 0);
const wasComplete = r.planLastComplete;
if (nowComplete && !wasComplete) {
r.planCompleteAt = now;
schedulePlanCompleteDismiss(sess);
} else if (!nowComplete) {
r.planCompleteAt = null;
r.planDismissedComplete = false;
if (r.planHideTimer) { clearTimeout(r.planHideTimer); r.planHideTimer = null; }
}
r.planLastComplete = nowComplete;
} else if (r.planHoldItems.length && !r.planDismissedComplete) {
if (!r.planLostAt) r.planLostAt = now;
} else if (!r.planDismissedComplete) {
clearPlanGrace(r);
}
if (!isActive(sess)) return;
if (r.planDismissedComplete) {
refreshPlanBar(null);
return;
}
if (raw?.active && raw.placeholder) {
refreshPlanBar(raw);
return;
}
if (raw?.active && raw.complete && (raw.items?.length || r.planHoldItems.length)) {
refreshPlanBar({
...raw,
items: raw.items?.length ? raw.items : r.planHoldItems,
});
return;
}
refreshPlanBarFromRuntime(sess);
}
function planItemUi(status, isCurrent) {
const st = String(status || 'open').toLowerCase();
if (st === 'done') return { cls: 'plan-item--done', mark: '✓' };
if (st === 'error' || st === 'failed') return { cls: 'plan-item--error', mark: '✕' };
if (st === 'warn' || st === 'warning') return { cls: 'plan-item--warn', mark: '!' };
if (isCurrent) return { cls: 'plan-item--current', mark: '●' };
return { cls: 'plan-item--pending', mark: '○' };
}
function pickPlanWindow(items, stepText) {
const list = Array.isArray(items) ? items : [];
if (!list.length) return { shown: [], curInShown: -1, overflow: 0 };
let cur = list.findIndex(it => it.status !== 'done');
if (cur < 0) cur = list.length - 1;
const step = String(stepText || '').trim();
if (step) {
const hit = list.findIndex(it => String(it.content || '').includes(step.slice(0, 24)));
if (hit >= 0) cur = hit;
}
let start, end;
if (cur <= 1) {
start = cur;
end = Math.min(list.length, cur + 3);
} else {
start = cur - 1;
end = Math.min(list.length, cur + 2);
}
const shown = list.slice(start, end);
return { shown, curInShown: cur - start, overflow: Math.max(0, list.length - shown.length) };
}
function planCapsuleLabel(plan) {
const step = plan.step ? String(plan.step).slice(0, 80) : '';
if (plan.complete) return { tag: t('plan.capsuleComplete'), step: step || planTpl(t('plan.complete'), { n: plan.total }) };
if (plan.placeholder) return { tag: t('plan.placeholder'), step: '' };
return { tag: t('plan.capsuleRunning'), step: step || planTpl(t('plan.header'), { done: plan.done, total: plan.total }) };
}
function bindPlanCardUiOnce() {
if (!planBarEl || planBarEl._planUiBound) return;
planBarEl._planUiBound = true;
planBarEl.addEventListener('click', (e) => {
const sess = activeSess();
if (!sess) return;
const r = rt(sess);
const payload = r.planLastPayload;
if (!payload?.active) return;
if (e.target.closest('[data-plan-expand]')) {
r.planCollapsed = false;
refreshPlanBar(payload);
} else if (e.target.closest('[data-plan-collapse]')) {
r.planCollapsed = true;
refreshPlanBar(payload);
} else if (e.target.closest('[data-plan-details]')) {
r.planShowAll = !r.planShowAll;
refreshPlanBar(payload);
}
});
}
function refreshPlanBar(plan) {
if (!planBarEl) return;
bindPlanCardUiOnce();
if (!plan?.active) {
planBarEl.hidden = true;
planBarEl.replaceChildren();
planBarEl.className = 'plan-card';
return;
}
const sess = activeSess();
const r = sess ? rt(sess) : { planCollapsed: false, planShowAll: false };
const collapsed = !!r.planCollapsed;
const stepText = plan.step ? String(plan.step).slice(0, 120) : '';
const done = plan.done ?? (plan.items || []).filter(it => it.status === 'done').length;
const total = plan.total ?? (plan.items || []).length;
const mod = [
'plan-card',
collapsed ? 'plan-card--collapsed' : 'plan-card--expanded',
plan.complete ? 'plan-card--complete' : '',
plan.placeholder ? 'plan-card--placeholder' : '',
].filter(Boolean).join(' ');
planBarEl.hidden = false;
planBarEl.className = mod;
if (collapsed) {
const cap = planCapsuleLabel(plan);
planBarEl.innerHTML = '';
const btn = document.createElement('button');
btn.type = 'button';
btn.className = 'plan-capsule';
btn.dataset.planExpand = '1';
const dot = document.createElement('span');
dot.className = 'plan-status-dot';
const txt = document.createElement('span');
txt.className = 'plan-capsule-text';
if (cap.step) txt.innerHTML = `${escapeHtml(cap.tag)} · ${escapeHtml(cap.step)}`;
else txt.textContent = cap.tag;
btn.append(dot, txt);
planBarEl.append(btn);
return;
}
const frag = document.createDocumentFragment();
const head = document.createElement('div');
head.className = 'plan-card-head';
const dot = document.createElement('span');
dot.className = 'plan-status-dot';
const title = document.createElement('span');
title.className = 'plan-title';
title.textContent = plan.placeholder ? t('plan.placeholder')
: plan.complete ? t('plan.completeTitle')
: t('plan.running');
head.append(dot, title);
if (!plan.placeholder && total > 0) {
const prog = document.createElement('span');
prog.className = 'plan-progress';
prog.textContent = `${done}/${total}`;
head.append(prog);
}
const actions = document.createElement('div');
actions.className = 'plan-head-actions';
const collapseBtn = document.createElement('button');
collapseBtn.type = 'button';
collapseBtn.className = 'plan-btn';
collapseBtn.dataset.planCollapse = '1';
collapseBtn.textContent = t('plan.collapse');
actions.append(collapseBtn);
head.append(actions);
frag.append(head);
if (stepText) {
const cur = document.createElement('div');
cur.className = 'plan-current';
const lab = document.createElement('span');
lab.className = 'plan-current-label';
lab.textContent = `${t('plan.current')}：`;
const body = document.createElement('span');
body.className = 'plan-current-text';
body.textContent = stepText;
cur.append(lab, body);
frag.append(cur);
}
if (plan.placeholder) {
const wait = document.createElement('div');
wait.className = 'plan-wait';
wait.textContent = planTpl(t('plan.waiting'), { path: plan.pathHint || 'plan.md' });
frag.append(wait);
} else {
const list = plan.items || [];
const { shown, curInShown, overflow } = r.planShowAll
? { shown: list, curInShown: list.findIndex(it => it.status !== 'done'), overflow: 0 }
: pickPlanWindow(list, stepText);
if (shown.length) {
const ul = document.createElement('ul');
ul.className = 'plan-items';
shown.forEach((it, i) => {
const ui = planItemUi(it.status, i === curInShown);
const li = document.createElement('li');
li.className = 'plan-item ' + ui.cls;
const mark = document.createElement('span');
mark.className = 'plan-item-mark';
mark.textContent = ui.mark;
const txt = document.createElement('span');
txt.className = 'plan-item-text';
txt.textContent = it.content || '';
li.append(mark, txt);
ul.append(li);
});
frag.append(ul);
}
const foot = document.createElement('div');
foot.className = 'plan-foot';
const moreN = r.planShowAll ? 0 : (overflow || Math.max(0, list.length - shown.length));
if (moreN > 0) {
const hint = document.createElement('span');
hint.className = 'plan-more-hint';
hint.textContent = planTpl(t('plan.overflow'), { n: moreN });
foot.append(hint);
}
if (list.length > 3) {
const det = document.createElement('button');
det.type = 'button';
det.className = 'plan-btn';
det.dataset.planDetails = '1';
det.textContent = r.planShowAll ? t('plan.collapse') : t('plan.details');
foot.append(det);
}
if (foot.childNodes.length) frag.append(foot);
}
planBarEl.replaceChildren(frag);
}
async function planFetch(sess) {
if (!sess?.bridgeSessionId || !state.bridgeReady || !isActive(sess)) return;
try {
const res = await fetch(`${BRIDGE_ORIGIN}/session/${encodeURIComponent(sess.bridgeSessionId)}/plan`);
if (!res.ok) throw new Error(`plan ${res.status}`);
const data = await res.json();
applyPlanPayload(sess, data.plan ?? data.result?.plan);
} catch (_) { /* 对齐 TUI：读盘/网络失败不立刻清空条 */ }
}
async function planPoll(sess) {
await planFetch(sess);
planTick(sess);
}
/* ═══════════════ 消息渲染 ═══════════════ */
function stripAttachPlaceholders(text) {
return String(text || '').replace(/\[(Image|File)\s+#\d+\]\s*/g, '').trim();
}
// 把消息文本里的 [Image #N]/[File #N] 占位符“按原位置”渲染成内联 chip(显示文件名),其余文本转义+换行,
// 这样消息里能看到附件在文本中的位置(卡片/缩略图照常另外渲染)。lookup(kind,n) 取该附件文件名。
// 同时兜底去掉内联的本地上传路径(历史/conductor 回显)。
function renderMsgTextWithChips(text, lookup) {
const s = String(text || '').replace(/[^\s]*desktop_uploads[^\s]*\s*/g, '');
const esc = t2 => escapeHtml(t2).replace(/\n/g, '
');
const re = /\[(Image|File)\s+#(\d+)\]/g;
let out = '', last = 0, m;
while ((m = re.exec(s))) {
out += esc(s.slice(last, m.index));
const name = (lookup && lookup(m[1], Number(m[2]))) || (m[1] === 'Image' ? 'image' : 'file');
out += `${escapeHtml(name)}`;
last = re.lastIndex;
}
out += esc(s.slice(last));
return out.trim();
}
function fileSubLabel(name) {
const m = String(name || '').match(/\.([^.]+)$/);
if (!m) return t('file.kindGeneric');
const ext = m[1].toLowerCase();
const docExts = ['pdf', 'doc', 'docx', 'rtf', 'odt', 'pages', 'tex'];
const sheetExts = ['xls', 'xlsx', 'csv', 'tsv', 'numbers', 'ods'];
const slideExts = ['ppt', 'pptx', 'key', 'odp'];
const codeExts = ['py', 'js', 'ts', 'tsx', 'jsx', 'java', 'c', 'cpp', 'h', 'hpp', 'rs', 'go', 'rb', 'php', 'sh', 'html', 'css', 'json', 'yaml', 'yml', 'xml', 'sql', 'md'];
const archiveExts = ['zip', 'tar', 'gz', 'rar', '7z', 'bz2'];
const audioExts = ['mp3', 'wav', 'flac', 'aac', 'ogg', 'm4a'];
const videoExts = ['mp4', 'mov', 'avi', 'mkv', 'webm', 'wmv'];
if (docExts.includes(ext)) return t('file.kindDoc');
if (sheetExts.includes(ext)) return t('file.kindSheet');
if (slideExts.includes(ext)) return t('file.kindSlide');
if (codeExts.includes(ext)) return t('file.kindCode') + ' · ' + ext.toUpperCase();
if (archiveExts.includes(ext)) return t('file.kindArchive');
if (audioExts.includes(ext)) return t('file.kindAudio');
if (videoExts.includes(ext)) return t('file.kindVideo');
return ext.toUpperCase();
}
/** 无 turn_segs 时按 LLM Running 标记切轮（与 stapp.fold_turns 同源） */
function splitContentTurnSegs(content) {
const src = String(content || '');
const parts = src.split(/\**LLM Running \(Turn \d+\) \.\.\.\**/);
const segs = [];
for (let i = 1; i < parts.length; i++) {
const body = parts[i] || '';
if (body.length || segs.length) segs.push(body);
}
if (segs.length > 1) return segs;
return src.length ? [src] : [];
}
function assistantTurnSegs(msg) {
if (Array.isArray(msg?.turn_segs) && msg.turn_segs.length) return msg.turn_segs;
if (typeof msg?.content === 'string' && msg.content.length) return splitContentTurnSegs(msg.content);
return [];
}
/** turn_segs 未就绪时回退 content（双轨兼容，不改 ljq 渲染主路径） */
function draftSegsFromPartial(raw, m) {
const segs = Array.isArray(m.turn_segs) ? m.turn_segs : [];
if (segs.length && segs.some(s => (s || '').length > 0)) return segs;
const content = typeof raw.content === 'string' ? raw.content : (m.content || '');
return content ? [content] : segs;
}
function firstNonEmptyTurnIndex(segs) {
const arr = Array.isArray(segs) ? segs : [];
for (let i = 0; i < arr.length; i++) {
if ((arr[i] || '').length > 0) return i;
}
return 0;
}
// 后端 curr_turn 是内部 0-based 下标。展示时优先当前 turn；若该 turn 为空，回退到最后一个非空 turn。
function resolveVisibleTurnIndex(segs, preferredTurn) {
const arr = Array.isArray(segs) ? segs : [];
const first = firstNonEmptyTurnIndex(arr);
const preferred = Number.isFinite(Number(preferredTurn)) ? Number(preferredTurn) : -1;
if (preferred >= 0 && (arr[preferred] || '').length > 0) return preferred;
for (let i = arr.length - 1; i >= 0; i--) {
if ((arr[i] || '').length > 0) return i;
}
return Math.max(first, preferred >= 0 ? preferred : (arr.length ? arr.length - 1 : first));
}
// 静态完整渲染：visibleTurn 之前的 seg 固化折叠；visibleTurn 作为当前正文展示。
function renderAssistantTurnsHtml(segs, currTurn, withCursor = false) {
const arr = Array.isArray(segs) ? segs : [];
if (!arr.length) return '';
const first = firstNonEmptyTurnIndex(arr);
const curr = resolveVisibleTurnIndex(arr, currTurn);
let html = '';
for (let i = first; i < curr; i++) {
if ((arr[i] || '').length > 0) html += `
${renderTurnFold(arr[i] || '', i)}
`;
}
html += `${renderTurnBody(arr[curr] || '')}${withCursor ? '' : ''}
`;
return html;
}
function assistantCopyText(msg) {
const segs = assistantTurnSegs(msg);
if (segs.length) {
// 复制保持旧行为：只复制当前/最后可见 turn，不复制已折叠历史 turn。
const turn = resolveVisibleTurnIndex(segs, msg?.curr_turn);
return stripTurnMarker(segs[turn] || '').replace(/[\s\S]*?<\/summary>\s*/i, '').trim();
}
return '';
}
function msgNode(msg) {
const el = document.createElement('div');
el.className = 'msg ' + (msg.role || 'system');
if (msg.role === 'user') {
const shown = (typeof msg.display === 'string' && msg.display.length) ? msg.display : msg.content;
const imgsHtml = (msg.images && msg.images.length)
? `${msg.images.map(im => ``).join('')}`
: '';
const filesHtml = (msg.files && msg.files.length)
? `${msg.files.map(f => {
const name = f.name || 'file';
const sub = fileSubLabel(name);
return ``;
}).join('')}`
: '';
const chipText = renderMsgTextWithChips(shown, (kind, n) => {
const hit = (kind === 'Image' ? (msg.images || []) : (msg.files || [])).find(x => x.id === 'f-' + n);
return hit && (hit.name || '');
});
const textHtml = chipText ? `${chipText}` : '';
el.innerHTML = `${filesHtml}${imgsHtml}${textHtml}`;
}
else if (msg.role === 'assistant') {
const segs = assistantTurnSegs(msg);
let html = renderAssistantTurnsHtml(segs, msg.curr_turn, false);
if (msg.stopped) html += `[${escapeHtml(t('status.stopped'))}]
`;
el.innerHTML = `${html}`;
postRenderEnhance(el.querySelector('.bubble'));
}
else if (msg.role === 'error') el.innerHTML = `${escapeHtml(msg.content)}`;
else el.innerHTML = `${escapeHtml(msg.content)}`;
if (msg.role === 'user' || msg.role === 'assistant') {
const copyBtn = document.createElement('button');
copyBtn.className = 'bubble-copy-btn';
copyBtn.title = t('act.copy');
copyBtn.innerHTML = SVG_COPY_ICON;
copyBtn.addEventListener('click', (e) => {
e.stopPropagation();
const text = (msg.role === 'user')
? stripAttachPlaceholders((typeof msg.display === 'string' && msg.display.length) ? msg.display : (msg.content || ''))
: assistantCopyText(msg);
navigator.clipboard.writeText(text).then(() => {
copyBtn.innerHTML = SVG_CHECK_ICON;
setTimeout(() => { copyBtn.innerHTML = SVG_COPY_ICON; }, 1500);
});
});
el.appendChild(copyBtn);
}
return el;
}
function collabItemToMsg(item) {
const attach = arr => (arr || []).map(x => {
const sid = x.sid != null ? x.sid : (String(x.id || '').startsWith('f-') ? String(x.id).slice(2) : x.id);
return { id: 'f-' + sid, name: x.name, path: x.path, dataUrl: x.dataUrl };
});
if (item.role === 'user') {
return { role: 'user', content: item.msg, display: item.msg, images: attach(item.images), files: attach(item.files) };
}
if (item.role === 'conductor') return { role: 'assistant', turn_segs: [item.msg || ''], curr_turn: 0 };
if (item.role === 'error') return { role: 'error', content: item.msg || '' };
return { role: 'system', content: item.msg || '' };
}
function renderAllMessages(sess) {
const box = ensureMsgs(); box.innerHTML = '';
for (const m of sess.messages) box.appendChild(msgNode(m));
syncAskUserUi();
// badge 恢复在 pollSession finally 中执行（此时 messages 已通过异步加载填充）
refreshEmptyState(sess); scrollBottom(true);
}
// 遍历消息对，用 ts 差值恢复 badge；对运行中任务恢复 taskStartedAt
function restoreElapsedBadges(sess, box) {
const msgs = sess.messages;
if (!msgs || !msgs.length) return;
const nodes = box.querySelectorAll('.msg');
let lastUserTs = null;
for (let i = 0; i < msgs.length; i++) {
if (msgs[i].role === 'user') {
lastUserTs = msgs[i].ts ? msgs[i].ts * 1000 : null; // 无 ts 则重置
} else if (msgs[i].role === 'assistant') {
if (lastUserTs && msgs[i].ts) {
const elapsed = msgs[i].ts * 1000 - lastUserTs;
if (elapsed > 0 && nodes[i]) {
ensureTaskElapsedBadge(nodes[i], lastUserTs, msgs[i].ts * 1000);
}
}
lastUserTs = null;
}
}
// 运行中任务：最后一条是 user 且 session busy，恢复实时计时
if (lastUserTs && rt(sess).busy) {
const r = rt(sess);
r.taskStartedAt = lastUserTs;
r.taskEndedAt = null;
}
}
function appendMessage(sess, msg) {
if (!isActive(sess)) return;
const el = msgNode(msg);
ensureMsgs().appendChild(el);
if (msg.role === 'assistant') {
const r = rt(sess);
if (r.taskStartedAt) {
ensureTaskElapsedBadge(el, r.taskStartedAt, r.taskEndedAt || Date.now());
r.taskStartedAt = null; r.taskEndedAt = null;
}
}
refreshEmptyState(sess); scrollBottom(true);
if (msg.role === 'assistant' || msg.role === 'user') syncAskUserUi();
}
function isNearBottom(threshold = 80) {
return msgArea.scrollHeight - msgArea.scrollTop - msgArea.clientHeight < threshold;
}
function scrollBottom(force) {
if (force || isNearBottom()) {
requestAnimationFrame(() => { msgArea.scrollTop = msgArea.scrollHeight; });
}
}
/* ═══════════════ 打字机效果 (PR移植) ═══════════════ */
const TW_SPEED = 10; // 逐字步长；paintDraft 只重绘当前轮
const TW_INTERVAL = 35; // ms
const TW_CATCHUP_THRESHOLD = 480; // 积压过大时加速追平
const TW_CATCHUP_MULTIPLIER = 8;
const TW_RECOVER_MIN = 1200; // 保留常量；刷新恢复改由 snapDraftRecover 一律对齐
const DRAFT_INTERACT_MS = 520; // 用户滚代码块/点折叠时暂缓 DOM 重写
function isDraftInteractFrozen(r) {
return Date.now() < (r.draftFreezeUntil || 0);
}
function armDraftInteractFreeze(r, ms = DRAFT_INTERACT_MS) {
r.draftFreezeUntil = Math.max(r.draftFreezeUntil || 0, Date.now() + ms);
}
function snapshotDraftScroll(root) {
if (!root) return [];
return [...root.querySelectorAll('.bubble .code-block pre, .bubble .fold-pre')].map(n => n.scrollTop);
}
function restoreDraftScroll(root, tops) {
if (!root || !tops.length) return;
const nodes = root.querySelectorAll('.bubble .code-block pre, .bubble .fold-pre');
tops.forEach((top, i) => { if (nodes[i] && top > 0) nodes[i].scrollTop = top; });
}
function bindDraftInteractGuard(el, r) {
if (!el || el.dataset.gaDraftGuard) return;
el.dataset.gaDraftGuard = '1';
const arm = () => { if (!r._suppressToggleFreeze) armDraftInteractFreeze(r); };
el.addEventListener('mousedown', (e) => {
if (e.target.closest('details summary, .code-block pre, .fold-pre')) armDraftInteractFreeze(r);
}, true);
el.addEventListener('wheel', (e) => {
if (e.target.closest('.code-block pre, .fold-pre')) armDraftInteractFreeze(r);
}, { capture: true, passive: true });
el.addEventListener('toggle', (e) => {
if (e.target.matches('details')) arm();
}, true);
}
function resetTypewriterState(r) {
if (r.twState?.timer) clearInterval(r.twState.timer);
r.twState = null;
r.draftRecoverPending = false;
r.draftStreamBaseline = 0;
r._draftPaintBody = '';
}
/** 刷新/hydrate/重连：已有 partial 一次性对齐全文并单帧绘制，不重播打字机 */
function snapDraftRecover(r) {
if (!r.draftRecoverPending || !r.draftEl) return false;
if (!r.twState) r.twState = { turn: 0, shown: 0, timer: null };
const tw = r.twState;
if (tw.timer) { clearInterval(tw.timer); tw.timer = null; }
const segs = Array.isArray(r.draftSegs) ? r.draftSegs : [];
const turn = Math.max(0, Number(r.draftTurn) || 0);
tw.turn = turn;
tw.shown = (segs[turn] || '').length;
r.draftRecoverPending = false;
r.draftStreamBaseline = tw.shown;
r._draftPaintBody = '';
ensureDraftFrozenThrough(r, turn);
paintDraft(r, turn, segs[turn] || '');
return true;
}
function renderDraft(sess) {
const r = rt(sess);
if (!isActive(sess)) return;
const box = ensureMsgs();
if (!r.draftEl || r.draftEl.parentNode !== box) {
r.draftEl = document.createElement('div'); r.draftEl.className = 'msg assistant'; box.appendChild(r.draftEl);
bindDraftInteractGuard(r.draftEl, r);
if (r.taskStartedAt) ensureTaskElapsedBadge(r.draftEl, r.taskStartedAt, null);
}
if (!r.twState) r.twState = { turn: 0, shown: 0, timer: null };
const tw = r.twState;
const backendTurn = Math.max(0, Number(r.draftTurn) || 0);
if (tw.turn == null || tw.turn < 0) tw.turn = 0;
if (tw.turn > backendTurn) tw.turn = backendTurn;
// 流式渲染模型：segs 是源数据；tw.turn 是正在打字的 turn；tw.turn 之前的 DOM 一旦 frozen 就不再动。
ensureDraftFrozenThrough(r, tw.turn);
const tick = () => {
const segs = Array.isArray(r.draftSegs) ? r.draftSegs : [];
const backendTurnNow = Math.max(0, Number(r.draftTurn) || 0);
if (tw.turn == null || tw.turn < 0) tw.turn = 0;
if (tw.turn > backendTurnNow) tw.turn = backendTurnNow;
r.streamTurn = tw.turn;
const cur = segs[tw.turn] || '';
// 当前 turn 打完，并且后端已进入后续 turn：当前 DOM 固化，然后打字机推进到下一 turn。
if (tw.shown >= cur.length && backendTurnNow > tw.turn) {
paintDraft(r, tw.turn, cur);
freezeCurrentTurnDom(r, tw.turn);
tw.turn += 1;
tw.shown = 0;
r.streamTurn = tw.turn;
return;
}
if (tw.shown >= cur.length) return; // 中途不停止 timer，等新 partial/done。
if (isDraftInteractFrozen(r)) return;
const t0 = performance.now();
const backlog = cur.length - tw.shown;
let step = backlog > TW_CATCHUP_THRESHOLD ? TW_SPEED * TW_CATCHUP_MULTIPLIER : TW_SPEED;
const last = tw.lastElapsed || 0;
if (last > 60) step = Math.max(step, Math.ceil(backlog / 3));
else step = Math.min(step, 120);
tw.shown = Math.min(tw.shown + step, cur.length);
paintDraft(r, tw.turn, cur.slice(0, tw.shown));
tw.lastElapsed = performance.now() - t0;
};
if (snapDraftRecover(r)) {
if (!tw.timer) tw.timer = setInterval(tick, TW_INTERVAL);
refreshEmptyState(sess);
return;
}
if (!tw.timer) tw.timer = setInterval(tick, TW_INTERVAL);
if (!isDraftInteractFrozen(r)) tick();
refreshEmptyState(sess);
}
function ensureDraftFrozenThrough(r, currTurn) {
if (!r.draftEl) return;
const segs = Array.isArray(r.draftSegs) ? r.draftSegs : [];
const upto = Math.max(0, Number(currTurn) || 0);
let bubble = r.draftEl.querySelector(':scope > .bubble.md');
if (!bubble) {
bubble = document.createElement('div');
bubble.className = 'bubble md';
r.draftEl.appendChild(bubble);
}
const cur = bubble.querySelector(':scope > .turn-cur');
for (let turn = 0; turn < upto; turn++) {
if (bubble.querySelector(`:scope > .turn-frozen[data-turn="${turn}"]`)) continue;
const frozen = document.createElement('div');
frozen.className = 'turn-frozen';
frozen.dataset.turn = turn;
frozen.innerHTML = renderTurnFold(segs[turn] || '', turn);
if (cur) bubble.insertBefore(frozen, cur);
else bubble.appendChild(frozen);
postRenderEnhance(frozen);
}
}
function freezeCurrentTurnDom(r, turn) {
if (!r.draftEl) return;
const bubble = r.draftEl.querySelector(':scope > .bubble.md');
if (!bubble) return;
const cur = bubble.querySelector(':scope > .turn-cur');
if (!cur) return;
cur.className = 'turn-frozen';
cur.dataset.turn = turn;
cur.innerHTML = renderTurnFold((r.draftSegs || [])[turn] || '', turn);
postRenderEnhance(cur);
}
function paintDraft(r, turn, visibleCurrBody) {
if (!r.draftEl || isDraftInteractFrozen(r)) return;
const wasNear = isNearBottom();
let bubble = r.draftEl.querySelector(':scope > .bubble.md');
if (!bubble) {
bubble = document.createElement('div');
bubble.className = 'bubble md';
r.draftEl.appendChild(bubble);
}
let cur = bubble.querySelector(':scope > .turn-cur');
if (!cur) {
cur = document.createElement('div');
cur.className = 'turn-cur';
bubble.appendChild(cur);
}
cur.dataset.turn = turn ?? 0;
const body = visibleCurrBody || '';
const prevBody = r._draftPaintBody || '';
if (!tryPatchInflightToolDom(cur, body, prevBody)) {
cur.innerHTML = renderTurnBody(body) + '';
postRenderEnhance(cur);
} else if (!cur.querySelector('.cursor')) {
cur.insertAdjacentHTML('beforeend', '');
}
r._draftPaintBody = body;
if (wasNear) {
const inCodeScroll = document.activeElement?.closest?.('.code-block pre, .fold-pre')
&& r.draftEl.contains(document.activeElement);
if (!inCodeScroll) scrollBottom();
}
}
function flushTypewriter(sess) {
resetTypewriterState(rt(sess));
}
/* ═══════════════ 运行状态 ═══════════════ */
function pageStatusBar(btnEl) {
const label = btnEl?.querySelector('.rs-label');
return {
/** state: 'ready' | 'busy' | 'offline' | 'connecting'；兼容旧调用 set(text, true) */
set(text, state = 'ready') {
if (!btnEl) return;
const mode = state === true ? 'busy' : (state === false ? 'ready' : state);
btnEl.classList.remove('busy', 'offline', 'connecting');
if (mode === 'busy') btnEl.classList.add('busy');
else if (mode === 'offline') btnEl.classList.add('offline');
else if (mode === 'connecting') btnEl.classList.add('connecting');
if (label) label.textContent = text ?? '';
},
setBusy(text) { this.set(text, 'busy'); },
setReady() { this.set(t('status.ready'), 'ready'); },
setDisconnected() { this.set(t('status.disconnected'), 'offline'); },
setConnecting() { this.set(t('status.connecting'), 'connecting'); },
};
}
function refreshStatusLabel() {
const s = activeSess();
if (s && rt(s).busy) {
chatStatus.setBusy(formatTaskElapsed(Date.now() - (rt(s).taskStartedAt || Date.now())));
} else if (state.bridgeReady) {
chatStatus.setReady();
} else {
chatStatus.setDisconnected();
}
}
/* ═══════════════ 消息计时 ═══════════════ */
function formatTaskElapsed(ms) {
const v = Number(ms);
if (!Number.isFinite(v) || v < 0) return '';
const sec = Math.round(v / 1000);
if (sec < 60) return t('timing.elapsed').replace('{t}', `${Math.max(1, sec)}s`);
const min = Math.floor(sec / 60), s = sec % 60;
if (min < 60) return t('timing.elapsed').replace('{t}', `${min}m ${s}s`);
const hr = Math.floor(min / 60), m = min % 60;
return t('timing.elapsed').replace('{t}', `${hr}h ${m}m`);
}
function ensureTaskElapsedBadge(wrap, startedAt, endedAt) {
if (!wrap || !startedAt) return null;
let badge = wrap.querySelector(':scope > .task-elapsed');
if (!badge) {
badge = document.createElement('div');
badge.className = 'task-elapsed';
wrap.prepend(badge);
}
const elapsed = (endedAt || Date.now()) - startedAt;
badge.textContent = formatTaskElapsed(elapsed);
badge.dataset.live = endedAt ? '' : '1';
return badge;
}
function startTaskTimer(sess) {
const r = rt(sess);
if (r.taskStartedAt) return; // 已在计时，不重置
// 优先从消息时间戳恢复（刷新后持久化）
const msgs = sess.messages;
let restored = 0;
if (msgs && msgs.length) {
for (let i = msgs.length - 1; i >= 0; i--) {
if (msgs[i].role === 'user' && msgs[i].ts) { restored = msgs[i].ts * 1000; break; }
}
}
r.taskStartedAt = restored || Date.now();
r.taskEndedAt = null;
if (r.taskTimerId) clearInterval(r.taskTimerId);
r.taskTimerId = setInterval(() => {
if (!r.taskStartedAt) return;
const el = r.draftEl || document.querySelector('.msg-list .msg.assistant:last-child');
if (el) ensureTaskElapsedBadge(el, r.taskStartedAt, null);
// 更新左上角状态栏显示实时耗时
if (isActive(sess)) {
chatStatus.setBusy(formatTaskElapsed(Date.now() - r.taskStartedAt));
}
}, 1000);
}
function stopTaskTimer(sess) {
const r = rt(sess);
if (r.taskTimerId) { clearInterval(r.taskTimerId); r.taskTimerId = null; }
if (!r.taskStartedAt) return;
r.taskEndedAt = Date.now();
}
function setBusy(sess, busy) {
const r = rt(sess);
if (r.busy && !busy) resetTypewriterState(r);
r.busy = busy;
if (busy) startTaskTimer(sess); else stopTaskTimer(sess);
if (!isActive(sess)) return;
if (busy) {
chatStatus.setBusy(formatTaskElapsed(Date.now() - (r.taskStartedAt || Date.now())));
} else if (state.bridgeReady) {
chatStatus.setReady();
} else {
chatStatus.setDisconnected();
}
if (sendBtn) {
sendBtn.classList.toggle('is-stop', busy);
sendBtn.setAttribute('aria-label', busy ? t('act.stop') : t('act.send'));
sendBtn.title = busy ? t('act.stop') : '';
}
}
// run-toggle 现为纯状态展示组件：运行中转红，不再响应点击（停止改由发送键的录制键承担）
/* ═══════════════ 会话 ═══════════════ */
function isUntitled(x) { return !x || /^(new chat|新对话|新会话)$/i.test(String(x).trim()); }
function sortedSessions() {
// display order: pinned first, then most-recently-active. [0] is the topmost.
return [...state.sessions.values()].sort((a, b) => {
if (a.pinned && !b.pinned) return -1;
if (!a.pinned && b.pinned) return 1;
return (b.lastActiveTs || 0) - (a.lastActiveTs || 0);
});
}
function renderSessionList() {
convListEl.innerHTML = '';
const query = (searchInput ? searchInput.value : '').trim().toLowerCase();
const all = sortedSessions();
const filtered = query
? all.filter(s => {
const title = displayTitle(s).toLowerCase();
const hasMsg = s.messages && s.messages.some(m => (m.text || '').toLowerCase().includes(query));
return title.includes(query) || hasMsg;
})
: all;
if (filtered.length === 0) {
const e = document.createElement('div');
e.className = 'conv-empty'; e.textContent = t('conv.emptyList');
convListEl.appendChild(e); return;
}
for (const sess of filtered) {
const r = state.runtime.get(sess.id);
const busy = !!(r && r.busy);
const item = document.createElement('div');
item.className = 'conv-item' + (currentPage === 'chat' && sess.id === state.activeId ? ' active' : '') + (busy ? '' : ' idle');
item.dataset.id = sess.id;
const pinSvg = sess.pinned ? GA_ICON('pushPinSimple', 'ci-pin') : '';
item.innerHTML =
`` +
`${pinSvg}${escapeHtml(displayTitle(sess))}` +
`` +
``;
convListEl.appendChild(item);
}
}
if (searchInput) searchInput.addEventListener('input', () => renderSessionList());
async function ensureBridgeSession(sess) {
if (sess.bridgeSessionId) return sess.bridgeSessionId;
const res = await window.ga.rpc('session/new', { cwd: '', mcp_servers: [] });
if (res?.error) throw new Error(res.error.message || res.error);
sess.bridgeSessionId = res.sessionId || res.result?.sessionId;
return sess.bridgeSessionId;
}
// 仿 TUI(continue_cmd.py 的 _preview_text 思路):sess.title 只在用户手动 rename 时被填,
// 平时为空;sidebar 显示名实时从消息派生 —— 优先取最后一段 assistant 输出里的 ...
,
// 其次用首条用户消息纯文本,都没有时回退到 t('conv.defaultTitle')。
function isAutoTitle(x) {
const s = String(x || '').trim();
if (!s) return true;
if (/^(new chat|新对话|新会话)$/i.test(s)) return true;
if (/^agent-\d+$/i.test(s)) return true; // 兼容上一轮误存的 agent-N
return false;
}
function displayTitle(sess) {
if (sess && sess.title && !isAutoTitle(sess.title)) return sess.title;
const msgs = (sess && sess.messages) || [];
// 1) 优先:最后一段 assistant 文本里的 ...
for (let i = msgs.length - 1; i >= 0; i--) {
const m = msgs[i];
if (!m || m.role !== 'assistant') continue;
const txt = assistantStructuredText(m);
const sm = /([\s\S]*?)<\/summary>/i.exec(txt);
if (sm && sm[1].trim()) {
const line = sm[1].trim().split('\n')[0].trim();
if (line) return line.length > 60 ? line.slice(0, 60) + '…' : line;
}
}
// 2) 兜底:首条用户消息纯文本(去附件占位符)
for (const m of msgs) {
if (!m || m.role !== 'user') continue;
const raw = typeof m.content === 'string' ? m.content : (m.display || '');
const clean = stripAttachPlaceholders(raw).trim();
if (clean) return clean.length > 40 ? clean.slice(0, 40) + '…' : clean;
}
return t('conv.defaultTitle');
}
async function newSession() {
const localId = 'local-' + Date.now() + '-' + Math.random().toString(16).slice(2);
const sess = { id: localId, bridgeSessionId: null, title: '', messages: [], untitled: true, lastActiveTs: Date.now() };
state.sessions.set(localId, sess);
try {
await ensureBridgeSession(sess);
state.sessions.delete(localId);
sess.id = sess.bridgeSessionId;
state.sessions.set(sess.id, sess);
} catch (e) { showError(t('err.newSession') + ': ' + (e.message || e)); }
setActiveSession(sess.id);
saveSessions();
renderSessionList();
}
function sessionNeedsHydrate(sess) {
return !!(sess?.bridgeSessionId && state.bridgeReady && !sess.messages.length);
}
function runSessionHydrate(sess) {
setSessionLoading(true);
const tid = setTimeout(() => {
if (isActive(sess)) setSessionLoading(false);
}, HYDRATE_LOADING_TIMEOUT_MS);
return hydrateSession(sess).finally(() => {
clearTimeout(tid);
if (isActive(sess)) setSessionLoading(false);
});
}
function setActiveSession(id) {
setSessionLoading(false);
state.activeId = id;
if (id) localStorage.setItem('ga_active', id); // 持久化当前会话，刷新后固定恢复它
const sess = state.sessions.get(id);
if (!sess) return;
if (msgsEl) msgsEl.innerHTML = '';
const r = rt(sess);
r.draftEl = null;
resetTypewriterState(r);
renderAllMessages(sess);
setBusy(sess, rt(sess).busy);
renderSessionList();
refreshPlanBar(null);
syncPlanPollTimer();
if (!sess.bridgeSessionId || !state.bridgeReady) return;
if (sessionNeedsHydrate(sess)) {
runSessionHydrate(sess);
} else {
restoreElapsedBadges(sess, ensureMsgs());
planPoll(sess);
}
}
async function closeSession(id) {
const sess = state.sessions.get(id);
if (sess && sess.bridgeSessionId) {
try { await window.ga.rpc('session/cancel', { sessionId: sess.bridgeSessionId }); } catch (_) {}
fetch(`${BRIDGE_ORIGIN}/session/${sess.bridgeSessionId}`, { method: 'DELETE' }).catch(() => {});
}
state.sessions.delete(id); state.runtime.delete(id);
if (state.activeId === id) {
const next = (sortedSessions()[0] || {}).id || null; // 切到列表最靠上的会话
if (next) setActiveSession(next);
else { state.activeId = null; localStorage.removeItem('ga_active'); if (msgsEl) msgsEl.innerHTML = ''; refreshEmptyState(null); refreshStatusLabel(); }
}
saveSessions();
renderSessionList();
}
const convMenu = document.getElementById('conv-menu');
let menuTargetId = null;
convListEl.addEventListener('click', (e) => {
const more = e.target.closest('.ci-more');
if (more) {
e.stopPropagation();
menuTargetId = more.closest('.conv-item').dataset.id;
// 根据当前会话置顶状态切菜单文案:置顶 / 取消置顶
const tgt = state.sessions.get(menuTargetId);
const pinSpan = convMenu.querySelector('[data-act="pin"] [data-i18n]');
if (pinSpan) {
const k = tgt && tgt.pinned ? 'ctx.unpin' : 'ctx.pin';
pinSpan.setAttribute('data-i18n', k);
pinSpan.textContent = t(k);
}
convMenu.hidden = false;
const rect = more.getBoundingClientRect();
convMenu.style.top = (rect.bottom + 4) + 'px';
convMenu.style.left = (rect.right - convMenu.offsetWidth) + 'px';
return;
}
const it = e.target.closest('.conv-item');
if (it && it.dataset.id) {
setActiveSession(it.dataset.id);
const chatNav = nav.querySelector('.nav-item[data-page="chat"]');
if (chatNav && !chatNav.classList.contains('active')) chatNav.click();
}
});
convMenu.addEventListener('click', (e) => {
e.stopPropagation();
const act = e.target.closest('.ctx-item')?.dataset.act;
const sess = menuTargetId && state.sessions.get(menuTargetId);
if (sess && act === 'pin') {
if (sess.pinned) {
sess.pinned = false; // 取消置顶 + 放到 pinned 之后、其它 unpinned 之前(unpinned 区域顶部)
const others = [...state.sessions.values()].filter(s => s.id !== sess.id);
const m = new Map();
for (const s of others) if (s.pinned) m.set(s.id, s); // 先所有仍 pinned 的
m.set(sess.id, sess); // 再本会话(刚 unpinned)
for (const s of others) if (!s.pinned) m.set(s.id, s); // 再其它 unpinned
state.sessions = m;
} else {
sess.pinned = true; // 置顶 + 移到列表顶
const m = new Map(); m.set(sess.id, sess);
for (const [k, v] of state.sessions) if (k !== sess.id) m.set(k, v);
state.sessions = m;
}
saveSessions();
patchSession(sess, { pinned: sess.pinned });
renderSessionList();
} else if (sess && act === 'rename') {
convMenu.hidden = true;
const item = convListEl.querySelector(`.conv-item[data-id="${sess.id}"]`);
if (!item) return;
const titleEl = item.querySelector('.ci-title');
if (!titleEl) return;
const oldTitle = sess.title || '';
const inp = document.createElement('input');
inp.className = 'ci-rename-input';
inp.maxLength = 50;
inp.value = oldTitle;
titleEl.replaceWith(inp);
bindToastLimit(inp);
inp.focus();
inp.select();
const finish = (save) => {
if (inp._done) return;
inp._done = true;
const val = inp.value.trim();
if (save && val && val !== oldTitle) {
sess.title = val;
sess.untitled = false;
saveSessions();
patchSession(sess, { title: val, untitled: false });
const history = tokLoadHistory();
const sid = sess.bridgeSessionId || sess.id;
let changed = false;
history.forEach(h => { if (h.sessionId === sid) { h.title = val; changed = true; } });
if (changed) tokSaveHistory(history);
}
renderSessionList();
};
inp.addEventListener('keydown', e => {
if (e.key === 'Enter') { e.preventDefault(); finish(true); }
else if (e.key === 'Escape') { e.preventDefault(); finish(false); }
});
inp.addEventListener('blur', () => finish(true));
return;
} else if (sess && act === 'del') {
closeSession(sess.id);
}
convMenu.hidden = true;
});
document.addEventListener('click', () => { convMenu.hidden = true; });
newConvBtn.addEventListener('click', (e) => { e.preventDefault(); newSession(); });
/* ═══════════════ 轮询 + 流式 ═══════════════ */
function normalize(m) {
const o = { id: Number(m.id || 0), role: m.role || 'system' };
if (m.role !== 'assistant') o.content = m.content || '';
if (typeof m.display === 'string' && m.display.length) o.display = m.display;
if (m.stopped) o.stopped = true;
if (m.images) o.images = m.images;
if (m.files) o.files = m.files;
if (m.ts) o.ts = m.ts;
// [turn_segs双轨] 透传结构化轮数组(若后端提供)；落库消息与 partial 都可能带
if (Array.isArray(m.turn_segs)) o.turn_segs = m.turn_segs;
if (typeof m.curr_turn === 'number') o.curr_turn = m.curr_turn;
if (m.role === 'assistant' && !o.turn_segs?.length && typeof m.content === 'string') o.content = m.content;
return o;
}
function upsert(sess, raw, partial) {
const m = normalize(raw); const r = rt(sess);
if (partial && m.role === 'assistant') {
if (!r.draftEl) resetTypewriterState(r);
const prevLen = (Array.isArray(r.draftSegs) ? (r.draftSegs[r.draftTurn] || '') : '').length;
r.draftSegs = draftSegsFromPartial(raw, m);
r.draftTurn = (typeof m.curr_turn === 'number') ? m.curr_turn : Math.max(0, r.draftSegs.length - 1);
const curLen = (r.draftSegs[r.draftTurn] || '').length;
const wasEmpty = prevLen === 0;
// 新 draft（含刷新/停止后再开）：对齐已有 partial，避免从 0 重播打字机
if ((!r.draftEl || wasEmpty) && curLen > 0) {
r.draftRecoverPending = true;
}
const tw = r.twState;
if (tw && curLen > (r.draftStreamBaseline || 0)) {
const baseline = r.draftStreamBaseline || 0;
if (tw.shown < baseline) tw.shown = baseline;
}
r.draftStreamBaseline = curLen;
if (isActive(sess)) renderDraft(sess);
return;
}
if (!m.id || r.seen.has(m.id)) return;
r.seen.add(m.id); r.lastId = Math.max(r.lastId, m.id);
if (m.role === 'assistant' && r.draftEl) {
// done 收尾:用 final m 原地重画 bubble(保留 ljq 的"复用 draftEl 不闪烁"优化),
// 同时彻底丢掉 partial 累积的 DOM——避免 frp 高延迟下漏掉的最后一拍丢字。
// assistantTurnSegs(m) 双轨处理 turn_segs/content,跟 msgNode refresh 路径同源。
flushTypewriter(sess);
const segs = assistantTurnSegs(m);
const curr = resolveVisibleTurnIndex(segs, m.curr_turn);
r.draftSegs = segs;
r.draftTurn = curr;
r.streamTurn = curr;
if (!r.twState) r.twState = { shown: 0, timer: null };
if (r.twState.timer) { clearInterval(r.twState.timer); r.twState.timer = null; }
r.twState.turn = curr;
r.twState.shown = (segs[curr] || '').length;
r.draftRecoverPending = false;
if (isActive(sess)) {
let bubble = r.draftEl.querySelector(':scope > .bubble.md');
if (!bubble) {
bubble = document.createElement('div');
bubble.className = 'bubble md';
r.draftEl.appendChild(bubble);
}
bubble.innerHTML = renderAssistantTurnsHtml(segs, curr, false);
postRenderEnhance(bubble);
}
const cursor = r.draftEl.querySelector('.cursor');
if (cursor) cursor.remove();
if (r.taskStartedAt) {
ensureTaskElapsedBadge(r.draftEl, r.taskStartedAt, r.taskEndedAt || Date.now());
r.taskStartedAt = null; r.taskEndedAt = null;
}
if (!r.draftEl.querySelector('.bubble-copy-btn')) {
const copyBtn = document.createElement('button');
copyBtn.className = 'bubble-copy-btn';
copyBtn.title = t('act.copy');
copyBtn.innerHTML = SVG_COPY_ICON;
copyBtn.addEventListener('click', (e) => {
e.stopPropagation();
const text = assistantCopyText(m);
navigator.clipboard.writeText(text).then(() => {
copyBtn.innerHTML = SVG_CHECK_ICON;
setTimeout(() => { copyBtn.innerHTML = SVG_COPY_ICON; }, 1500);
});
});
r.draftEl.appendChild(copyBtn);
}
r.draftEl = null; r.draftSegs = null; r.draftTurn = 0; r.streamTurn = 0;
sess.messages.push(m);
refreshEmptyState(sess);
if (m.role === 'assistant' || m.role === 'user') syncAskUserUi();
saveSessions();
return;
}
sess.messages.push(m); appendMessage(sess, m);
saveSessions();
}
async function fetchSessionPoll(sess, opts = {}) {
const r = rt(sess);
const sid = sess.bridgeSessionId || sess.id;
const afterId = opts.after ?? r.lastId ?? 0;
const limit = opts.limit ?? POLL_MSG_LIMIT;
const res = await window.ga.rpc('session/poll', { sessionId: sid, afterId, limit });
if (res?.error) throw new Error(res.error.message || res.error);
return res.result || res;
}
function applyPollResult(sess, result) {
if (result.partial) upsert(sess, result.partial, true);
for (const msg of (result.messages || [])) upsert(sess, msg, false);
const busy = result.status === 'running' || !!result.partial;
setBusy(sess, busy);
if (isActive(sess)) {
applyPlanPayload(sess, result.plan);
applyLiveModel(result.model, sess);
}
return busy;
}
/** 渠道组随故障转移变化时，用运行态当前子模型刷新 chip（非渠道组/无 agent 时不动，保持静态显示） */
function applyLiveModel(live, sess = activeSess()) {
const selected = (state.modelProfiles || []).find(p => (p.id ?? 0) === state.llmNo);
if (!selected || selected.kind !== 'mixin' || !live || !live.isMixin || !live.current) return;
state.liveModel = { ...live, sessionId: sess?.id || state.activeId };
const label = `${t('model.aggregationShort')}${lang === 'en' ? ' (' : '（'}${profileLabel(live.current) || live.current}${lang === 'en' ? ')' : '）'}`;
if (state.modelName !== label) { state.modelName = label; updateModelChip(); }
}
/** hydrate 批量灌历史，避免逐条 appendMessage 触发全量重绘 */
function hydrateHistoryMessages(sess, messages) {
const r = rt(sess);
for (const raw of (messages || [])) {
const m = normalize(raw);
if (!m.id || r.seen.has(m.id)) continue;
r.seen.add(m.id);
r.lastId = Math.max(r.lastId, m.id);
sess.messages.push(m);
}
if (isActive(sess)) renderAllMessages(sess);
}
/** 拉历史：limit=0 一次拿全量（bridge 不截断）；不等 idle，running 续交给 pollSession */
async function hydrateSession(sess) {
try {
const result = await fetchSessionPoll(sess, { after: 0, limit: 0 });
hydrateHistoryMessages(sess, result.messages);
if (result.partial) upsert(sess, result.partial, true);
const busy = result.status === 'running' || !!result.partial;
setBusy(sess, busy);
if (isActive(sess)) applyPlanPayload(sess, result.plan);
if (busy && !rt(sess).polling) pollSession(sess);
} catch (e) {
showError(t('err.poll') + ': ' + (e.message || e));
setBusy(sess, false);
} finally {
if (isActive(sess)) {
restoreElapsedBadges(sess, ensureMsgs());
syncAskUserUi();
}
tokPollBridge();
}
}
async function pollSession(sess) {
const r = rt(sess);
if (r.polling) { r.pollAgain = true; return; }
r.polling = true;
r.pollAgain = false;
/* 手机切后台再回前台时,第一拍 fetch 经常用着死连接秒挂(Failed to fetch),
但只要给链路 1-2 秒重建,后续就稳。原版一炸就 showError,体验糟。
改成:同一次 polling 循环里连续失败 ≥ MAX_ERRORS 次才放弃,
单次失败做指数退避(1s / 2s / 4s / 8s),够 ride through 一次后台恢复抖动。 */
const MAX_ERRORS = 5;
let consecutiveErrors = 0;
try {
do {
try {
const result = await fetchSessionPoll(sess);
consecutiveErrors = 0;
const busy = applyPollResult(sess, result);
if (busy) await new Promise(z => setTimeout(z, 500));
else {
if (r.draftEl) { r.draftEl.remove(); r.draftEl = null; r.draftSegs = null; r.draftTurn = 0; }
resetTypewriterState(r);
break;
}
} catch (innerErr) {
consecutiveErrors++;
if (consecutiveErrors >= MAX_ERRORS) throw innerErr;
const backoff = Math.min(8000, 1000 * Math.pow(2, consecutiveErrors - 1));
await new Promise(z => setTimeout(z, backoff));
}
} while (true);
} catch (e) {
showError(t('err.poll') + ': ' + (e.message || e));
setBusy(sess, false);
} finally {
r.polling = false; renderSessionList();
// 历史消息已全部加载，恢复已完成任务的耗时 badge
if (isActive(sess)) {
restoreElapsedBadges(sess, ensureMsgs());
syncAskUserUi();
}
tokPollBridge();
if (r.pollAgain) {
r.pollAgain = false;
pollSession(sess);
}
}
}
function removeUsedPendingFiles(usedFiles) {
if (!usedFiles.length) return;
const usedSids = new Set(usedFiles.map(f => f.sid));
const touched = new Set(usedFiles.map(f => fileCtx(f)));
state.pendingFiles = state.pendingFiles.filter(f => !usedSids.has(f.sid));
touched.forEach(ctx => renderThumbStrip(ctx));
}
function clearDraft(sess) {
const r = rt(sess);
resetTypewriterState(r);
if (r.draftEl) { r.draftEl.remove(); r.draftEl = null; r.draftSegs = null; r.draftTurn = 0; }
}
async function waitSessionIdle(sess, maxMs = 4000) {
const start = Date.now();
while (rt(sess).busy && Date.now() - start < maxMs) {
await new Promise(z => setTimeout(z, 100));
}
return !rt(sess).busy;
}
function setSessionLoading(on) {
if (!msgArea || !sessionLoadingEl) return;
if (on && msgArea.classList.contains('is-loading')) return;
msgArea.classList.toggle('is-session-loading', !!on);
sessionLoadingEl.hidden = !on;
if (on && sessionLoadingEl.querySelector('[data-i18n]')) {
sessionLoadingEl.querySelector('[data-i18n]').textContent = t('chat.sessionLoading');
}
}
function setMsgLoading(on) {
if (msgArea) msgArea.classList.toggle('is-loading', !!on);
if (msgLoading) {
msgLoading.hidden = !on;
if (on) {
setSessionLoading(false);
scrollBottom();
}
}
}
function setComposerLocked(on) {
if (composerEl) composerEl.classList.toggle('is-locked', !!on);
if (inputEl) inputEl.contentEditable = on ? 'false' : 'true'; // contenteditable 无 readOnly,改切 contentEditable
if (sendBtn) {
sendBtn.disabled = !!on;
sendBtn.classList.toggle('is-busy', !!on);
sendBtn.setAttribute('aria-busy', on ? 'true' : 'false');
}
}
/** stapp.py 同款：运行中再发 → cancel 当前轮次，等 idle 后再提交新 prompt */
async function interruptBeforeSend(sess) {
if (!rt(sess).busy) return true;
const t0 = Date.now();
setMsgLoading(true);
try {
clearDraft(sess);
try {
const res = await window.ga.rpc('session/cancel', { sessionId: sess.bridgeSessionId || sess.id });
if (res?.error) throw new Error(res.error.message || res.error);
} catch (e) {
showChanToast(t('err.stop') + ': ' + (e.message || e), '', 'err');
return false;
}
showChanToast(t('sys.interruptPrev.hint'), '', 'info');
const idle = await waitSessionIdle(sess);
clearDraft(sess);
if (!idle) {
showChanToast(t('err.interruptTimeout'), '', 'err');
return false;
}
return true;
} finally {
const wait = Math.max(0, MIN_MSG_LOADING_MS - (Date.now() - t0));
if (wait) await new Promise(r => setTimeout(r, wait));
setMsgLoading(false);
}
}
/* ═══════════════ 发送 / 取消 ═══════════════ */
async function sendPrompt(text) {
text = String(text || '').trim();
if (!text) return false;
if (!state.bridgeReady) { showError(t('err.bridge')); return false; }
if (!state.activeId) { await newSession(); if (!state.activeId) return false; }
const sess = activeSess(); const r = rt(sess);
if (r.busy) {
const interrupted = await interruptBeforeSend(sess);
if (!interrupted) return false;
}
// PLAN/AUTO 现在是预设功能（preset 卡片）一次性发送，不再是常驻 prefix
const composedPrompt = expandFilePlaceholders(text).trim();
const usedFiles = collectUsedFiles(text);
const userMsg = { role: 'user', content: text, ts: Date.now() / 1000 };
const previewImgs = usedFiles.filter(f => f.isImage).map(f => ({ id: 'f-' + f.sid, name: f.name, path: f.path, dataUrl: f.dataUrl || '' }));
if (previewImgs.length) userMsg.images = previewImgs;
const previewFiles = usedFiles.filter(f => !f.isImage).map(f => ({ id: 'f-' + f.sid, name: f.name, path: f.path }));
if (previewFiles.length) userMsg.files = previewFiles;
sess.messages.push(userMsg); appendMessage(sess, userMsg);
if (isPlanPresetPrompt(text)) {
const pr = rt(sess);
pr.planCollapsed = false;
pr.planShowAll = false;
const sidHint = (sess.bridgeSessionId || sess.id || 'sess').replace(/\//g, '_');
applyPlanPayload(sess, {
active: true, placeholder: true, done: 0, total: 0, complete: false,
step: '', pathHint: `plan_${sidHint}/plan.md`, items: [],
});
}
sess.lastActiveTs = Date.now();
// 仿 TUI:不再从首条消息自动改名 —— 标题在 newSession 时已设为 agent-N,
// 之后只接受用户手动 rename。
saveSessions();
setBusy(sess, true);
try {
let sid = await ensureBridgeSession(sess);
try {
await bridgeFetch(`/session/${encodeURIComponent(sid)}/restore`, { method: 'POST', body: {} });
} catch (restoreErr) {
if (/not found/i.test(restoreErr.message || '')) {
sess.bridgeSessionId = null;
sid = await ensureBridgeSession(sess);
state.sessions.delete(sess.id);
sess.id = sess.bridgeSessionId;
state.sessions.set(sess.id, sess);
state.activeId = sess.id;
localStorage.setItem('ga_active', sess.id); // 会话 id 因 bridge 重建而变更，同步持久化
}
}
const res = await window.ga.rpc('session/prompt', { sessionId: sid, prompt: composedPrompt, display: text, llmNo: state.llmNo,
files: previewFiles, imageMetas: previewImgs.map(im => ({ name: im.name, path: im.path })) });
if (res?.error) throw new Error(res.error.message || res.error);
removeUsedPendingFiles(usedFiles);
const uid = Number(res.userMessageId || res.result?.userMessageId || 0);
if (uid) { r.seen.add(uid); r.lastId = Math.max(r.lastId, uid); }
planPoll(sess);
pollSession(sess);
return true;
} catch (e) {
const em = { role: 'error', content: e.message || String(e) };
sess.messages.push(em); appendMessage(sess, em);
setBusy(sess, false);
return false;
}
}
async function cancelPrompt() {
const sess = activeSess();
if (!sess || !rt(sess).busy) return false;
try {
const res = await window.ga.rpc('session/cancel', { sessionId: sess.bridgeSessionId || sess.id });
if (res?.error) throw new Error(res.error.message || res.error);
clearDraft(sess);
rt(sess).pollAgain = true;
return true;
} catch (e) { showError(t('err.stop') + ': ' + (e.message || e)); return false; }
}
/* ═══════════════ 输入区 / slash / 预设 ═══════════════ */
async function submitInput() {
if (_submitInFlight) return;
let text = composerText('chat');
if (!text.trim()) return;
if (text.trim().startsWith('/')) {
inputEl.innerHTML = '';
handleSlash(text.trim());
return;
}
if (text.length > 20000) {
text = text.slice(0, 20000);
showToast(t('err.charLimit').replace('{n}', 20000), 'warn');
}
_submitInFlight = true;
setComposerLocked(true);
try {
const sent = await sendPrompt(text);
if (sent) {
inputEl.innerHTML = '';
}
} finally {
_submitInFlight = false;
setComposerLocked(false);
syncAskUserUi();
}
}
sendBtn.addEventListener('click', (e) => {
e.preventDefault();
const sess = activeSess();
if (sess && rt(sess).busy) { cancelPrompt(); return; } // 运行中：发送键是录制键 → 纯停止
submitInput();
});
inputEl.addEventListener('keydown', (e) => {
if (e.key === 'Enter' && !e.shiftKey && !e.isComposing && e.keyCode !== 229) { e.preventDefault(); submitInput(); }
});
// 输入框的 input/paste 监听统一在 bindComposerUpload(ctx) 里绑(chat + collab 通用)
function showSystem(text) {
const sess = activeSess(); if (!sess) return;
const m = { role: 'system', content: text };
sess.messages.push(m); appendMessage(sess, m);
}
function showError(text) {
const sess = activeSess();
if (sess) { const m = { role: 'error', content: text }; sess.messages.push(m); appendMessage(sess, m); }
else console.error(text);
}
let _toastTimer = null;
function showToast(text) {
let el = document.getElementById('ga-toast');
if (!el) { el = document.createElement('div'); el.id = 'ga-toast'; el.className = 'ga-toast'; document.body.appendChild(el); }
el.textContent = text;
el.classList.add('show');
clearTimeout(_toastTimer);
_toastTimer = setTimeout(() => el.classList.remove('show'), 1800);
}
async function handleSlash(cmd) {
const name = cmd.slice(1).split(/\s+/)[0];
switch (name) {
case 'help': showSystem(t('slash.help')); break;
case 'new': await newSession(); break;
case 'clear': { const s = activeSess(); if (s) { s.messages = []; renderAllMessages(s); } break; }
case 'stop': if (await cancelPrompt()) showSystem(t('sys.stopRequested')); break;
case 'settings': openSettings(); break;
default: showSystem(t('slash.unknown') + ': /' + name);
}
}
// 预设卡：按 data-preset 解耦（与翻译后的标题无关）
document.querySelectorAll('.feature-grid').forEach(grid => {
grid.addEventListener('click', (e) => {
const editBtn = e.target.closest('.fc-edit');
if (editBtn) {
e.stopPropagation();
const cp = state.customPresets.find(p => p.id === editBtn.dataset.editId);
if (cp) openCustomPresetEditor(cp);
return;
}
const xBtn = e.target.closest('.fc-x');
if (xBtn) {
e.stopPropagation();
const kind = xBtn.dataset.removeKind;
const id = xBtn.dataset.removeId;
if (kind === 'builtin') hideBuiltinPreset(id);
else if (kind === 'custom') removeCustomPreset(id);
return;
}
const card = e.target.closest('.fcard');
if (!card || !grid.contains(card)) return;
const key = card.dataset.preset;
if (key === 'add') { closeModals(); openModal('custom-preset-modal'); resetCustomPresetForm(); return; }
if (card.classList.contains('fcard-custom')) {
const id = card.dataset.id;
const cp = state.customPresets.find(p => p.id === id);
if (cp) { closeModals(); sendPrompt(cp.prompt); }
return;
}
if (!key) { inputEl.focus(); closeModals(); return; }
const bp = BUILTIN_PRESETS.find(p => p.key === key);
if (bp?.navigate) { closeModals(); gaGoPage(bp.navigate); window.collabFocus?.(); return; }
const prompt = I18N[lang]['presetPrompt.' + key] || I18N.zh['presetPrompt.' + key];
closeModals();
if (prompt) sendPrompt(prompt);
});
});
/* ═══════════════ 模型 / 设置 ═══════════════ */
function updateModelChip() {
const name = state.modelName || '';
if (modelNameEl) modelNameEl.textContent = name;
if (collabModelNameEl) collabModelNameEl.textContent = name;
}
function modelDisplayName(p, fallbackName) {
if (p && p.kind === 'mixin') {
// 静态回退显示「渠道组（首选模型名）」；运行后由 applyLiveModel 切到真实当前子模型。
const primary = (p.members || [])[0];
if (!primary) return t('model.aggregation');
const open = lang === 'en' ? ' (' : '（', close = lang === 'en' ? ')' : '）';
return `${t('model.aggregationShort')}${open}${profileLabel(primary) || primary}${close}`;
}
return profileLabel(fallbackName ?? (p && p.name)) || (fallbackName ?? (p && p.name)) || null;
}
async function selectModel(id, name) {
state.llmNo = id;
state.liveModel = null;
const p = (state.modelProfiles || []).find(x => (x.id ?? 0) === id);
state.modelName = modelDisplayName(p, name);
updateModelChip();
renderSettingsModels();
await persistUiPrefs();
}
async function addToMixin(id) {
try {
const res = await bridgeFetch(`/model-profiles/${id}/mixin`, { method: 'POST', body: {} });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.mixinFailed'));
state.modelProfiles = normalizeProfiles(res.profiles || []);
renderSettingsModels();
} catch (ex) { showChanToast(t('err.mixinFailed'), ex.message || '', 'err'); }
}
async function removeFromMixin(id) {
try {
const res = await bridgeFetch(`/model-profiles/${id}/mixin`, { method: 'DELETE', body: {} });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.mixinFailed'));
state.modelProfiles = normalizeProfiles(res.profiles || []);
renderSettingsModels();
} catch (ex) { showChanToast(t('err.mixinFailed'), ex.message || '', 'err'); }
}
async function reorderMixin(members) {
try {
const res = await bridgeFetch('/model-profiles/mixin/order', { method: 'PUT', body: { members } });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.mixinFailed'));
state.modelProfiles = normalizeProfiles(res.profiles || []);
renderSettingsModels();
const active = state.modelProfiles.find(p => (p.id ?? 0) === state.llmNo);
if (active) { state.modelName = modelDisplayName(active); updateModelChip(); }
} catch (ex) { showChanToast(t('err.mixinFailed'), ex.message || '', 'err'); renderSettingsModels(); }
}
function flipReorder(container, mutate) {
const rows = [...container.querySelectorAll('.model-member:not(.dragging)')];
const first = new Map(rows.map(el => [el, el.getBoundingClientRect()]));
mutate();
rows.forEach(el => {
const a = first.get(el), b = el.getBoundingClientRect();
if (!a) return;
const dx = a.left - b.left, dy = a.top - b.top;
if (!dx && !dy) return;
el.style.transition = 'none';
el.style.transform = `translate(${dx}px, ${dy}px)`;
requestAnimationFrame(() => {
el.style.transition = 'transform .14s cubic-bezier(.2,.8,.2,1)';
el.style.transform = '';
});
});
}
function bindMixinDrag(body, members) {
let drag = null;
const clear = () => {
body.querySelectorAll('.model-member').forEach(x => x.classList.remove('dragging', 'drag-over'));
document.body.classList.remove('mixin-dragging');
};
body.addEventListener('pointerdown', (e) => {
const handle = e.target.closest('.model-member-drag');
if (!handle || e.button !== 0) return;
const row = handle.closest('.model-member');
if (!row) return;
e.preventDefault();
handle.setPointerCapture?.(e.pointerId);
drag = { handle, row, name: row.dataset.member, order: [...members], original: [...members], pointerId: e.pointerId, over: null };
row.classList.add('dragging');
document.body.classList.add('mixin-dragging');
});
body.addEventListener('pointermove', (e) => {
if (!drag) return;
const over = document.elementFromPoint(e.clientX, e.clientY)?.closest('.model-member');
if (!over || !body.contains(over) || over === drag.row) return;
const rect = over.getBoundingClientRect();
const after = e.clientY > rect.top + rect.height / 2;
const overKey = `${over.dataset.member}:${after ? 'after' : 'before'}`;
if (overKey === drag.over) return;
drag.over = overKey;
const from = drag.order.indexOf(drag.name), overIdx = drag.order.indexOf(over.dataset.member);
if (from < 0 || overIdx < 0) return;
const [moved] = drag.order.splice(from, 1);
let insertAt = drag.order.indexOf(over.dataset.member) + (after ? 1 : 0);
drag.order.splice(insertAt, 0, moved);
flipReorder(body, () => {
if (after) body.insertBefore(drag.row, over.nextSibling);
else body.insertBefore(drag.row, over);
});
});
const finish = (e) => {
if (!drag) return;
drag.handle.releasePointerCapture?.(drag.pointerId);
const changed = JSON.stringify(drag.order) !== JSON.stringify(drag.original);
const next = drag.order;
drag = null;
clear();
if (changed) reorderMixin(next);
};
body.addEventListener('pointerup', finish);
body.addEventListener('pointercancel', finish);
}
const MODEL_ACT_EDIT = GA_ICON('pencilSimple');
const MODEL_ACT_DEL = GA_ICON('trash');
let editingModelId = null;
function setModelApikeyMode(isAdd) {
const apikey = document.getElementById('model-apikey-input');
const apikeyReq = document.querySelector('#model-apikey-label .field-req');
if (!apikey) return;
apikey.required = isAdd;
apikey.dataset.i18nPh = isAdd ? 'model.apikeyPh' : 'model.apikeyKeep';
if (isAdd) apikey.removeAttribute('data-optional-ph');
else { apikey.value = ''; apikey.setAttribute('data-optional-ph', ''); }
if (apikeyReq) apikeyReq.hidden = !isAdd;
}
/* ═══════════════ 官方模型快速接入（DeepSeek / 通义千问）═══════════════ */
// 预填 API 地址 / 协议 / 模型，用户只需粘贴 API Key。apibase 末尾的 /v1 会被
// 后端自动补成 /v1/chat/completions（见 mykey_template.py 的拼接规则）。
const PROVIDER_PRESETS = {
deepseek: {
label: 'DeepSeek', descKey: 'pq.deepseekDesc',
protocol: 'oai', apibase: 'https://api.deepseek.com/v1',
model: 'deepseek-v4-pro', name: 'DeepSeek',
keyUrl: 'https://platform.deepseek.com/api_keys',
color: '#4D6BFE', tint: 'rgba(77,107,254,.12)',
logo: '',
},
qwen: {
label: '通义千问', descKey: 'pq.qwenDesc',
protocol: 'oai', apibase: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
model: 'qwen3.6-max-preview', name: '通义千问',
keyUrl: 'https://bailian.console.aliyun.com/?apiKey=1',
color: '#615CED', tint: 'rgba(97,92,237,.12)',
logo: '',
},
};
window.gaProviderPresets = PROVIDER_PRESETS;
// 在「添加模型」弹窗顶部显示/隐藏接入指引横幅。key 为 null 时隐藏。
function setModelGuide(key) {
const box = document.getElementById('model-guide');
if (!box) return;
const p = key && PROVIDER_PRESETS[key];
if (!p) { box.hidden = true; box.dataset.provider = ''; return; }
box.hidden = false;
box.dataset.provider = key;
const logo = document.getElementById('model-guide-logo');
if (logo) { logo.innerHTML = p.logo || ''; logo.style.background = p.tint || ''; }
const nameEl = document.getElementById('model-guide-name');
if (nameEl) nameEl.textContent = p.label;
const link = document.getElementById('model-guide-link');
if (link) { link.href = p.keyUrl; link.textContent = t('guide.getKey').replace('{name}', p.label); }
}
window.gaRefreshModelGuide = () => {
const box = document.getElementById('model-guide');
if (box && !box.hidden && box.dataset.provider) setModelGuide(box.dataset.provider);
};
function openAddModelFormForProvider(key) {
const p = PROVIDER_PRESETS[key];
if (!p) return openAddModelForm();
editingModelId = null;
const form = document.getElementById('add-model-form');
const title = document.getElementById('model-form-title');
const errEl = document.getElementById('add-model-err');
if (title) title.dataset.i18n = 'modal.addModel';
if (form) {
form.reset();
form.model.value = p.model || '';
form.apibase.value = p.apibase || '';
form.name.value = p.name || '';
const pr = form.querySelector(`input[name="protocol"][value="${p.protocol}"]`);
if (pr) pr.checked = true;
}
setModelApikeyMode(true);
if (errEl) { errEl.hidden = true; errEl.textContent = ''; }
setModelGuide(key);
openModal('add-model-modal');
applyI18n();
const apikey = document.getElementById('model-apikey-input');
if (apikey) setTimeout(() => apikey.focus(), 60);
}
function openAddModelForm() {
editingModelId = null;
const form = document.getElementById('add-model-form');
const title = document.getElementById('model-form-title');
const errEl = document.getElementById('add-model-err');
if (title) title.dataset.i18n = 'modal.addModel';
if (form) form.reset();
setModelApikeyMode(true);
setModelGuide(null);
if (errEl) { errEl.hidden = true; errEl.textContent = ''; }
openModal('add-model-modal');
applyI18n();
}
async function openEditModelForm(id) {
editingModelId = id;
setModelGuide(null);
const errEl = document.getElementById('add-model-err');
if (errEl) { errEl.hidden = true; errEl.textContent = ''; }
try {
const res = await bridgeFetch(`/model-profiles/${id}`);
const p = res.profile;
if (!p) throw new Error(t('err.modelSave'));
const form = document.getElementById('add-model-form');
const title = document.getElementById('model-form-title');
if (title) title.dataset.i18n = 'modal.editModel';
if (form) {
form.model.value = p.model || '';
form.apibase.value = p.apibase || '';
form.name.value = p.name || '';
form.max_retries.value = p.max_retries ?? 5;
form.connect_timeout.value = p.connect_timeout ?? 15;
form.read_timeout.value = p.read_timeout ?? 300;
// 编辑模式:按 varName 回填协议分段控件
const pv = /claude/i.test(p.varName || '') ? 'claude' : 'oai';
const pr = form.querySelector(`input[name="protocol"][value="${pv}"]`);
if (pr) pr.checked = true;
// 回填流式开关(默认流式)
const sv = (p.stream === false) ? 'false' : 'true';
const sr = form.querySelector(`input[name="stream"][value="${sv}"]`);
if (sr) sr.checked = true;
}
setModelApikeyMode(false);
openModal('add-model-modal');
applyI18n();
} catch (ex) {
showChanToast(t('err.modelSave'), ex.message || '', 'err');
}
}
async function deleteModel(id, name) {
const label = profileLabel(name) || name || ('#' + id);
if (!(await showConfirmDialog({ title: t('common.delete'), message: `${t('confirm.modelDelete')}\n${label}`, okText: t('common.delete'), okKind: 'danger' }))) return;
try {
const res = await bridgeFetch(`/model-profiles/${id}`, { method: 'DELETE', body: {} });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.modelDelete'));
const wasActive = state.llmNo === id;
const oldNo = state.llmNo;
state.modelProfiles = normalizeProfiles(res.profiles || []);
if (wasActive) {
const p = state.modelProfiles[0];
if (p) await selectModel(p.id ?? 0, p.name);
else { state.llmNo = 0; state.modelName = null; updateModelChip(); }
} else if (oldNo > id) {
const p = state.modelProfiles[oldNo - 1];
if (p) await selectModel(p.id ?? (oldNo - 1), p.name);
}
renderSettingsModels();
} catch (ex) {
const msg = ex.message || '';
showChanToast(msg.includes('last profile') ? t('err.modelDeleteLast') : t('err.modelDelete'), msg.includes('last profile') ? '' : msg, 'err');
}
}
function renderSettingsModels() {
const box = document.getElementById('model-list');
if (!box) return;
box.innerHTML = '';
const list = state.modelProfiles || [];
const mixin = list.find(p => p.kind === 'mixin');
const natives = list.filter(p => p.kind !== 'mixin');
const byName = new Map(natives.map(p => [p.name, p]));
// ── 渠道组（自动故障转移）：可展开组；本身也可被选为激活模型 ──
if (mixin) {
const gid = mixin.id ?? 0;
const members = mixin.members || [];
const expanded = state.mixinExpanded !== false; // 默认展开
const group = document.createElement('div');
group.className = 'model-group';
const head = document.createElement('label');
head.className = 'model-row model-row--mixin' + (state.llmNo === gid ? ' sel' : '');
head.innerHTML = `${GA_ICON(expanded ? 'caretDown' : 'caretRight')}${escapeHtml(t('model.aggregation'))}`;
head.querySelector('[data-act="toggle"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); state.mixinExpanded = !expanded; renderSettingsModels(); });
head.addEventListener('click', (e) => { if (e.target.closest('[data-act="toggle"]')) return; e.preventDefault(); selectModel(gid, mixin.name); });
group.appendChild(head);
if (expanded) {
const body = document.createElement('div');
body.className = 'model-mixin-body';
if (!members.length) {
const em = document.createElement('div');
em.className = 'model-mixin-empty'; em.textContent = t('model.emptyMixin');
body.appendChild(em);
} else {
members.forEach((mName, i) => {
const mp = byName.get(mName);
const row = document.createElement('div');
row.className = 'model-member';
row.dataset.member = mName;
row.innerHTML = `${escapeHtml(profileLabel(mName) || mName)}`;
row.querySelector('[data-act="unmix"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); if (mp) removeFromMixin(mp.id ?? 0); });
body.appendChild(row);
});
bindMixinDrag(body, members);
}
group.appendChild(body);
}
box.appendChild(group);
}
// ── 独立模型（聚合渠道组已自带分隔，这里不再单列标题）──
if (!natives.length) {
const empty = document.createElement('div');
empty.className = 'set-empty'; empty.textContent = t('set.noModels');
box.appendChild(empty);
} else {
for (const p of natives) {
const id = p.id ?? 0;
const label = profileLabel(p.name) || p.name || ('#' + id);
const row = document.createElement('label');
row.className = 'model-row' + (state.llmNo === id ? ' sel' : '');
// 独立列表按钮统一为「加入渠道组」（➕）；移除只在渠道组展开区做。
// 已在渠道组的，按钮仍是「加入」，但点击只提示「已在渠道组中」，并用 is-in 给个淡淡的视觉区分。
const mixToggle = !mixin ? '' : ``;
row.innerHTML = `${escapeHtml(label)}${mixToggle}`;
row.querySelector('[data-act="edit"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); openEditModelForm(id); });
row.querySelector('[data-act="delete"]').addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); deleteModel(id, p.name); });
const addBtn = row.querySelector('[data-act="addmix"]');
if (addBtn) addBtn.addEventListener('click', (e) => {
e.stopPropagation(); e.preventDefault();
if (p.inMixin) showToast(t('model.alreadyInMixin'));
else addToMixin(id);
});
row.addEventListener('click', (e) => {
if (e.target.closest('.model-row-actions')) return;
e.preventDefault();
selectModel(id, p.name);
});
box.appendChild(row);
}
}
applyI18n();
}
function openSettings() {
openModal('settings-modal');
renderSettingsModels();
renderLangList();
applyTheme(theme, { persist: false });
applyAppearance(appearance, plainUi, { persist: false });
applyChatFontSize(chatFontSize, { persist: false });
}
async function loadModelProfiles() {
try {
const res = await window.ga.getModelProfiles();
const list = res?.profiles || res?.result?.profiles || [];
state.modelProfiles = normalizeProfiles(list);
const active = state.modelProfiles.find(p => p.active) || state.modelProfiles[0];
if (active) {
state.llmNo = active.id ?? 0;
state.modelName = modelDisplayName(active);
}
updateModelChip();
renderSettingsModels();
} catch (_) {}
}
/* ═══════════════ 模型菜单(chat + conductor 共用一份逻辑,各自一个 DOM) ═══════════════ */
const modelMenu = document.getElementById('model-menu');
const collabModelMenu = document.getElementById('cdb-model-menu');
function renderModelMenu(menuEl) {
if (!menuEl) return;
const list = state.modelProfiles || [];
const rows = list.map((p, i) => {
const no = (p.id ?? i);
const isActive = (state.llmNo === no) ? ' active' : '';
const label = (isActive && p.kind === 'mixin' && state.modelName) ? state.modelName : modelDisplayName(p);
return ``;
});
menuEl.innerHTML = rows.join('');
applyI18n();
}
function openModelMenu(chipEl, menuEl) {
if (!chipEl || !menuEl) return;
if (typeof convMenu !== 'undefined' && convMenu) convMenu.hidden = true;
window.collabComposer?.closeMenu?.();
closeAllModelMenus();
renderModelMenu(menuEl);
menuEl.hidden = false;
chipEl.classList.add('open');
const chipRect = chipEl.getBoundingClientRect();
const composer = chipEl.closest('.composer');
if (composer) {
const composerRect = composer.getBoundingClientRect();
menuEl.style.left = (chipRect.left - composerRect.left) + 'px';
menuEl.style.bottom = (composerRect.bottom - chipRect.top + 4) + 'px';
}
}
function closeAllModelMenus() {
if (modelMenu) modelMenu.hidden = true;
if (collabModelMenu) collabModelMenu.hidden = true;
if (modelChip) modelChip.classList.remove('open');
if (collabModelChip) collabModelChip.classList.remove('open');
}
function bindModelMenuItemClick(menuEl) {
if (!menuEl) return;
menuEl.addEventListener('click', (e) => {
e.stopPropagation();
const item = e.target.closest('.ga-menu-item');
if (!item) return;
const no = parseInt(item.dataset.llmno, 10);
if (Number.isNaN(no)) return;
const p = (state.modelProfiles || []).find(x => (x.id ?? 0) === no);
selectModel(no, (p && p.name) || '');
closeAllModelMenus();
});
}
bindModelMenuItemClick(modelMenu);
bindModelMenuItemClick(collabModelMenu);
if (modelChip) modelChip.addEventListener('click', (e) => {
e.preventDefault(); e.stopPropagation();
if (modelMenu && !modelMenu.hidden) { closeAllModelMenus(); return; }
openModelMenu(modelChip, modelMenu);
});
if (collabModelChip) collabModelChip.addEventListener('click', (e) => {
e.preventDefault(); e.stopPropagation();
if (collabModelMenu && !collabModelMenu.hidden) { closeAllModelMenus(); return; }
openModelMenu(collabModelChip, collabModelMenu);
});
document.addEventListener('click', (e) => {
if (e.target.closest('#model-menu') || e.target.closest('#model-chip') ||
e.target.closest('#cdb-model-menu') || e.target.closest('#cdb-model-chip') ||
e.target.closest('#chat-menu') || e.target.closest('#chat-plus-btn') ||
e.target.closest('#cdb-menu') || e.target.closest('#cdb-plus-btn')) return;
closeAllModelMenus();
window.chatComposer?.closeMenu?.();
window.collabComposer?.closeMenu?.();
});
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape') {
closeAllModelMenus();
window.chatComposer?.closeMenu?.();
window.collabComposer?.closeMenu?.();
}
});
// 主题色板已删除,点击事件不再注册
const appearanceSeg = document.getElementById('appearance-seg');
if (appearanceSeg) appearanceSeg.addEventListener('click', (e) => {
const btn = e.target.closest('.appear-card[data-appearance]');
if (!btn) return;
const isLight = btn.dataset.appearance === 'light';
applyAppearance(btn.dataset.appearance, isLight && plainUi);
});
const plainUiSwitch = document.getElementById('plain-ui-switch');
if (plainUiSwitch) plainUiSwitch.addEventListener('click', () => {
if (appearance === 'light') applyAppearance('light', !plainUi);
});
async function loadBridgeConfig() {
try {
const res = await window.ga.getConfig();
const cfg = res?.config || {};
if (LANGS.includes(cfg.lang)) {
lang = cfg.lang;
applyI18n();
}
if (cfg.theme != null) applyTheme(cfg.theme, { persist: false });
if (cfg.appearance) applyAppearance(cfg.appearance, !!cfg.plain, { persist: false });
if (cfg.fontSize != null) applyChatFontSize(cfg.fontSize, { persist: false });
if (cfg.llmNo != null && state.modelProfiles.length) {
const p = state.modelProfiles.find(x => (x.id ?? 0) === cfg.llmNo);
if (p) {
state.llmNo = cfg.llmNo;
state.modelName = modelDisplayName(p);
updateModelChip();
renderSettingsModels();
}
}
syncBootCache();
} catch (_) {}
}
const addModelForm = document.getElementById('add-model-form');
if (addModelForm) addModelForm.addEventListener('submit', async (e) => {
e.preventDefault();
const errEl = document.getElementById('add-model-err');
const fd = new FormData(addModelForm);
const payload = Object.fromEntries(fd.entries());
const isEdit = editingModelId != null;
if (!payload.apibase?.trim() || !payload.model?.trim()) {
if (errEl) { errEl.textContent = t('err.modelRequired'); errEl.hidden = false; }
return;
}
if (!isEdit && !payload.apikey?.trim()) {
if (errEl) { errEl.textContent = t('err.modelRequired'); errEl.hidden = false; }
return;
}
try {
const res = isEdit
? await bridgeFetch(`/model-profiles/${editingModelId}`, { method: 'PUT', body: payload })
: await bridgeFetch('/model-profiles', { method: 'POST', body: payload });
if (res?.ok === false || res?.error) throw new Error(res.error || t('err.modelSave'));
state.modelProfiles = normalizeProfiles(res.profiles || []);
const pid = isEdit ? editingModelId : (res.profileId ?? state.modelProfiles.at(-1)?.id ?? 0);
const p = state.modelProfiles.find(x => (x.id ?? 0) === pid) || state.modelProfiles.at(-1);
if (p) await selectModel(p.id ?? pid, p.name);
document.getElementById('add-model-modal').hidden = true;
addModelForm.reset();
editingModelId = null;
if (errEl) errEl.hidden = true;
} catch (ex) {
if (errEl) { errEl.textContent = (ex.message || t('err.modelSave')); errEl.hidden = false; }
}
});
/* ═══════════════ 文件上传（图片+任意文件，tuiapp_v2 模式） ═══════════════ */
const MAX_UPLOAD_FILES = 10;
const MAX_UPLOAD_BYTES = 500 * 1024 * 1024; // 500 MB
const IMG_EXT_RE = /\.(png|jpe?g|gif|webp|bmp|svg)$/i;
const thumbStrip = document.getElementById('thumb-strip');
const chatPanel = document.querySelector('main.main');
let activeFileComposer = 'chat';
function fileCtx(f) { return f.ctx || 'chat'; }
function filesForCtx(ctx) { return state.pendingFiles.filter(f => fileCtx(f) === ctx); }
function composerPageEl(ctx) {
const page = ctx === 'collab' ? 'collab' : 'chat';
return document.querySelector(`.page--chat-ui[data-page="${page}"]`);
}
function composerRootEl(ctx) {
return composerPageEl(ctx)?.querySelector('.composer');
}
function composerCfg(ctx = activeFileComposer) {
const root = composerRootEl(ctx);
const page = composerPageEl(ctx);
return {
input: root?.querySelector('.composer-inset .input') || null,
strip: root?.querySelector('.thumb-strip') || null,
uploadBtn: null,
imgInput: root?.querySelector('input[type="file"]') || null,
dropZone: ctx === 'collab' ? page : chatPanel,
};
}
function renderThumbStrip(ctx = activeFileComposer) {
const cfg = composerCfg(ctx);
if (!cfg.strip) return;
const files = filesForCtx(ctx);
if (files.length === 0) {
cfg.strip.innerHTML = '';
cfg.strip.hidden = true;
return;
}
cfg.strip.innerHTML = files.map(f => {
if (f.isImage && f.dataUrl) {
return ``;
}
const name = f.name || 'file';
const label = name.replace(/[<>&]/g, c => ({ '<': '<', '>': '>', '&': '&' }[c]));
const sub = fileSubLabel(name).replace(/[<>&]/g, c => ({ '<': '<', '>': '>', '&': '&' }[c]));
const path = (f.path || '').replace(/[<>&"]/g, c => ({ '<': '<', '>': '>', '&': '&', '"': '"' }[c]));
const dataName = name.replace(/[<>&"]/g, c => ({ '<': '<', '>': '>', '&': '&', '"': '"' }[c]));
return ``;
}).join('');
cfg.strip.hidden = false;
applyI18n();
}
// 在 ctx 对应输入框(contenteditable)的光标处插入原子 chip（删不进中间，像 @人）
function insertPlaceholderInComposer(file, ctx = activeFileComposer) {
const input = composerCfg(ctx).input;
if (!input) return;
const chip = document.createElement('span');
chip.className = 'ph-chip';
chip.setAttribute('contenteditable', 'false');
chip.dataset.sid = String(file.sid);
chip.dataset.kind = file.isImage ? 'image' : 'file';
chip.textContent = file.name || 'file';
input.focus();
const sel = window.getSelection();
let range;
if (sel && sel.rangeCount && input.contains(sel.getRangeAt(0).commonAncestorContainer)) {
range = sel.getRangeAt(0);
} else {
range = document.createRange(); range.selectNodeContents(input); range.collapse(false);
}
range.deleteContents();
range.insertNode(chip);
const sp = document.createTextNode(' '); // chip 后补一个 nbsp，便于继续打字/定位光标
chip.after(sp);
range.setStartAfter(sp); range.collapse(true);
if (sel) { sel.removeAllRanges(); sel.addRange(range); }
input.dispatchEvent(new Event('input', { bubbles: true }));
}
// 按 sid 从该文件所属 ctx 的输入框移除 chip（连同紧邻空格）
function removePlaceholderFromComposer(file) {
const input = composerCfg(fileCtx(file)).input;
if (!input) return;
const chip = input.querySelector(`.ph-chip[data-sid="${file.sid}"]`);
if (!chip) return;
const next = chip.nextSibling;
if (next && next.nodeType === 3) next.nodeValue = next.nodeValue.replace(/^[\s ]/, '');
chip.remove();
input.dispatchEvent(new Event('input', { bubbles: true }));
}
// 读取 contenteditable 输入框为纯文本：chip → [Image #N]/[File #N]，
/ → 换行
function readComposerTextFrom(input) {
if (!input) return '';
const ser = (node, first) => {
if (node.nodeType === 3) return node.nodeValue;
if (node.nodeType !== 1) return '';
if (node.classList && node.classList.contains('ph-chip')) {
const kind = node.dataset.kind === 'image' ? 'Image' : 'File';
return `[${kind} #${node.dataset.sid}]`;
}
if (node.tagName === 'BR') return '\n';
let inner = '';
node.childNodes.forEach(c => { inner += ser(c, false); });
return (first ? '' : '\n') + inner;
};
let out = '';
input.childNodes.forEach((n, i) => { out += ser(n, i === 0); });
return out.replace(/ /g, ' ');
}
function composerText(ctx = activeFileComposer) {
return readComposerTextFrom(composerCfg(ctx).input);
}
function isImageFile(f) {
return (f && (f.type || '').startsWith('image/')) || IMG_EXT_RE.test(f?.name || '');
}
function placeholderFor(file) {
return file.isImage ? `[Image #${file.sid}]` : `[File #${file.sid}]`;
}
function expandFilePlaceholders(text) {
return text.replace(/\[(Image|File) #(\d+)\]/g, (m, kind, n) => {
const f = state.pendingFiles.find(x => x.sid === Number(n));
return (f && f.path) ? f.path : ''; // #3 悬空占位符(无对应文件)→ 删掉,不把垃圾发给 agent
});
}
function collectUsedFiles(text) {
const used = [];
text.replace(/\[(Image|File) #(\d+)\]/g, (m, kind, n) => {
const f = state.pendingFiles.find(x => x.sid === Number(n));
if (f) used.push(f);
return m;
});
return used;
}
// ── 附件占位符健壮性 ─────────────────────────────────────────────
// 统一移除一个待发附件:出列 + (可选)抹占位符 + 重绘 + 删 bridge 上的文件
function removePendingFile(sid, { stripPlaceholder = false } = {}) {
const idx = state.pendingFiles.findIndex(f => f.sid === sid);
if (idx < 0) return;
const removed = state.pendingFiles.splice(idx, 1)[0];
if (stripPlaceholder) removePlaceholderFromComposer(removed);
renderThumbStrip(fileCtx(removed));
if (removed.path) {
fetch(`${BRIDGE_ORIGIN}/upload`, {
method: 'DELETE', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ path: removed.path }),
}).catch(() => {});
}
}
// #1 对账:DOM 里 chip 没了(被原子删除/退格整块删)→ 同步移除附件 + 删磁盘文件
function reconcilePendingFiles(ctx = activeFileComposer) {
const input = composerCfg(ctx).input;
if (!input) return;
const present = new Set([...input.querySelectorAll('.ph-chip[data-sid]')].map(c => Number(c.dataset.sid)));
for (const f of filesForCtx(ctx).filter(x => !present.has(x.sid))) {
removePendingFile(f.sid, { stripPlaceholder: false });
}
}
async function uploadOne(name, dataUrl, sid) {
const res = await fetch(`${BRIDGE_ORIGIN}/upload`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name, dataUrl, sid: sid || '' }),
});
const j = await res.json();
if (!j.ok) throw new Error(j.error || 'upload failed');
return j.path;
}
async function addFiles(fileList) {
const files = Array.from(fileList || []);
if (files.length === 0) return;
let skipped = false;
let emptyHit = false;
const accepted = [];
for (const f of files) {
if (!f || f.size === 0) { emptyHit = true; continue; }
if (f.size > MAX_UPLOAD_BYTES) { skipped = true; continue; }
if (state.pendingFiles.length + accepted.length >= MAX_UPLOAD_FILES) { skipped = true; break; }
accepted.push(f);
}
if (emptyHit) showChanToast(t('upload.empty'), '', 'err');
if (accepted.length === 0) {
if (skipped) showChanToast(t('upload.tooLarge'), '', 'err');
return;
}
const ctx = activeFileComposer;
let uploadSid = '';
if (ctx === 'collab') {
uploadSid = 'collab';
} else {
let upSess = activeSess();
if (!upSess) { await newSession(); upSess = activeSess(); }
if (upSess && !upSess.bridgeSessionId) { try { await ensureBridgeSession(upSess); } catch (_) {} }
uploadSid = (upSess && upSess.bridgeSessionId) || '';
}
for (const f of accepted) {
try {
const dataUrl = await new Promise((resolve, reject) => {
const r = new FileReader();
r.onload = () => resolve(String(r.result || ''));
r.onerror = () => reject(r.error);
r.readAsDataURL(f);
});
const path = await uploadOne(f.name || 'file', dataUrl, uploadSid);
state.fileSeq += 1;
const sid = state.fileSeq;
const isImage = isImageFile(f);
const entry = {
sid, name: f.name || 'file', isImage, path,
dataUrl: isImage ? dataUrl : '',
ctx,
};
state.pendingFiles.push(entry);
insertPlaceholderInComposer(entry, ctx);
renderThumbStrip(ctx);
} catch (e) {
showChanToast(t('upload.failed'), e.message || String(e), 'err');
}
}
if (skipped) showChanToast(t('upload.tooLarge'), '', 'err');
}
function handleThumbStripClick(e, ctx) {
const x = e.target.closest('.x');
if (x) {
const sid = Number(x.dataset.sid);
const idx = state.pendingFiles.findIndex(f => f.sid === sid && fileCtx(f) === ctx);
if (idx >= 0) {
const removed = state.pendingFiles[idx];
state.pendingFiles.splice(idx, 1);
removePlaceholderFromComposer(removed);
renderThumbStrip(ctx);
if (removed.path) {
fetch(`${BRIDGE_ORIGIN}/upload`, {
method: 'DELETE',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ path: removed.path }),
}).catch(() => {});
}
}
return;
}
const fileChip = e.target.closest('.file-chip.pending');
if (fileChip) {
const path = fileChip.getAttribute('data-path');
const name = fileChip.getAttribute('data-name');
if (path) openUploadFile(path, name);
return;
}
const img = e.target.closest('img');
if (img && img.src) openLightbox(img.src);
}
function bindComposerUpload(ctx) {
const cfg = composerCfg(ctx);
if (!cfg.input || cfg.input.dataset.gaUploadBound) return;
cfg.input.dataset.gaUploadBound = ctx;
if (cfg.uploadBtn && !cfg.uploadBtn.dataset.bound) {
cfg.uploadBtn.dataset.bound = '1';
cfg.uploadBtn.addEventListener('click', (e) => {
e.preventDefault();
activeFileComposer = ctx;
cfg.imgInput?.click();
});
}
if (cfg.imgInput && !cfg.imgInput.dataset.bound) {
cfg.imgInput.dataset.bound = '1';
cfg.imgInput.addEventListener('change', () => {
activeFileComposer = ctx;
addFiles(cfg.imgInput.files);
cfg.imgInput.value = '';
});
}
cfg.strip?.addEventListener('click', (e) => handleThumbStripClick(e, ctx));
cfg.input.addEventListener('paste', (e) => {
activeFileComposer = ctx;
const cd = e.clipboardData || window.clipboardData;
const items = cd && cd.items;
const files = [];
if (items) for (const it of items) { if (it.kind === 'file') { const f = it.getAsFile(); if (f) files.push(f); } }
if (files.length) { e.preventDefault(); addFiles(files); return; }
// 富文本粘贴 → 强制纯文本（contenteditable 默认会粘 HTML，会污染输入框）
e.preventDefault();
const text = cd ? cd.getData('text/plain').replace(/\r\n/g, '\n') : '';
if (!text) return;
// Hard-limit: only insert what fits within maxLen
const maxLen = 20000;
const curLen = cfg.input.textContent.length;
const sel = window.getSelection();
const selLen = (sel.rangeCount && cfg.input.contains(sel.anchorNode)) ? sel.toString().length : 0;
const remaining = maxLen - curLen + selLen;
if (remaining <= 0) { showChanToast(t('err.charLimit').replace('{n}', maxLen), '', 'err'); return; }
const insert = text.slice(0, remaining);
document.execCommand('insertText', false, insert);
if (text.length > remaining) showChanToast(t('err.charLimit').replace('{n}', maxLen), '', 'err');
});
cfg.input.addEventListener('input', () => {
activeFileComposer = ctx;
// 内容清空后浏览器可能残留
，抹掉以便 :empty 占位提示生效
if (!cfg.input.textContent.trim() && !cfg.input.querySelector('.ph-chip')) cfg.input.innerHTML = '';
reconcilePendingFiles(ctx); // chip 被删 → 同步清理附件 + 删磁盘文件
});
const zone = cfg.dropZone;
const dropKey = `dropBound_${ctx}`;
if (!zone || zone.dataset[dropKey]) return;
zone.dataset[dropKey] = '1';
let dragDepth = 0;
const hasFiles = (e) => {
const types = e.dataTransfer && e.dataTransfer.types;
if (!types) return false;
for (let i = 0; i < types.length; i += 1) {
if (types[i] === 'Files') return true;
}
return false;
};
zone.addEventListener('dragenter', (e) => {
if (!hasFiles(e)) return;
e.preventDefault();
activeFileComposer = ctx;
dragDepth += 1;
zone.classList.add('dragover');
zone.dataset.dropHint = t('upload.dropHint');
});
zone.addEventListener('dragover', (e) => {
if (!hasFiles(e)) return;
e.preventDefault();
activeFileComposer = ctx;
e.dataTransfer.dropEffect = 'copy';
});
zone.addEventListener('dragleave', (e) => {
if (!hasFiles(e)) return;
dragDepth = Math.max(0, dragDepth - 1);
if (dragDepth === 0) zone.classList.remove('dragover');
});
zone.addEventListener('drop', (e) => {
if (!hasFiles(e)) return;
e.preventDefault();
dragDepth = 0;
zone.classList.remove('dragover');
activeFileComposer = ctx;
addFiles(e.dataTransfer.files);
});
}
bindComposerUpload('chat');
bindComposerUpload('collab');
Object.assign(window, {
gaSetActiveFileComposer: ctx => { activeFileComposer = ctx === 'collab' ? 'collab' : 'chat'; },
gaPageStatusBar: pageStatusBar,
gaExpandFilePlaceholders: expandFilePlaceholders,
gaRenderMsgChips: renderMsgTextWithChips,
gaCollectUsedFiles: collectUsedFiles,
gaComposerText: composerText,
gaClearUsedPendingFiles: text => removeUsedPendingFiles(collectUsedFiles(text)),
gaFileSubLabel: fileSubLabel,
gaMsgNode: msgNode,
gaCollabItemToMsg: collabItemToMsg,
gaPostRenderEnhance: postRenderEnhance,
gaEscapeHtml: escapeHtml,
});
if (chatPanel) {
const blockFileDrop = e => {
const types = e.dataTransfer?.types;
if (!types) return;
for (let i = 0; i < types.length; i += 1) if (types[i] === 'Files') { e.preventDefault(); return; }
};
window.addEventListener('dragover', blockFileDrop);
window.addEventListener('drop', blockFileDrop);
}
/* ═══════════════ bridge 事件 ═══════════════ */
window.ga.onBridgeReady(async () => {
state.bridgeReady = true;
syncPlanPollTimer();
refreshStatusLabel();
if (!state.activeId) { refreshEmptyState(null); }
await loadModelProfiles();
await loadBridgeConfig();
if (isServicesPageActive()) renderChannelList(gaServiceStore.list());
const sess = activeSess();
if (sess && sessionNeedsHydrate(sess)) {
await runSessionHydrate(sess);
} else if (sess) planPoll(sess);
delete document.documentElement.dataset.bootHasSessions;
if (sess) refreshEmptyState(sess);
});
setTimeout(() => { delete document.documentElement.dataset.bootHasSessions; }, 3000);
window.ga.onBridgeNotification((msg) => {
if (msg && msg.type === 'session-state') {
for (const sess of state.sessions.values()) {
if (sess.bridgeSessionId === msg.sessionId) {
if (msg.status === 'running' || msg.state === 'running') pollSession(sess);
if (msg.state === 'idle' || msg.status === 'idle') tokPollBridge();
renderSessionList();
break;
}
}
}
});
window.ga.onBridgeError((err) => { console.warn('[bridge error]', err); });
window.ga.onBridgeClosed(() => {
state.bridgeReady = false;
syncPlanPollTimer();
const s = activeSess();
if (s) applyPlanPayload(s, null);
chatStatus.setDisconnected();
});
/* ═══════════════ Token 用量页 ═══════════════ */
const tokTbody = document.getElementById('tok-tbody');
const tokTable = document.getElementById('tok-table');
const tokPager = document.getElementById('tok-pager');
const tokSince = document.getElementById('tok-since');
const tokUntil = document.getElementById('tok-until');
const tokTotalN = document.getElementById('tok-total-n');
const tokTodayN = document.getElementById('tok-today-n');
const tokCostN = document.getElementById('tok-cost-n');
const TOK_PER_PAGE = 15;
let _tokPage = 0;
let _tokHistory = [];
let _tokLastSnap = {};
// Model price table: $/M tokens [input, output]
const MODEL_PRICES = {
'gpt-5.4':[2.50,15],'gpt-5':[1.25,10],'gpt-5-mini':[0.25,2],'gpt-4o':[2.50,10],'gpt-4o-mini':[0.15,0.60],
'gpt-4.1':[2,8],'gpt-4.1-mini':[0.40,1.60],'gpt-4.1-nano':[0.10,0.40],'o4-mini':[0.55,2.20],
'claude-opus-4-8':[5,25],'claude-opus-4-7':[5,25],'claude-opus-4-6':[5,25],'claude-sonnet-4-6':[3,15],'claude-sonnet-4-5':[3,15],'claude-haiku-4-5':[1,5],
'deepseek-v4':[0.14,0.28],'deepseek-v4-pro':[0.435,0.87],'deepseek-chat':[0.14,0.28],'deepseek-reasoner':[0.55,2.19],
'glm-5.1':[0.50,0.50],'minimax-m2.7':[0.50,0.50],'kimi-for-coding':[0.50,2],
};
const CNY_RATE = 7.2;
function estCost(inp, out, model, cacheRead, cacheCreate) {
let p = [3,15];
if (model) { const m = model.toLowerCase().replace(/\[.*\]/,''); p = MODEL_PRICES[m] || Object.entries(MODEL_PRICES).find(([k])=>m.includes(k))?.[1] || p; }
const isClaudeOrDS = model && /claude|deepseek/i.test(model);
const cacheReadRate = isClaudeOrDS ? 0.1 : 0.5;
const cacheWriteRate = isClaudeOrDS ? 1.25 : 1.0;
const cost = (inp*p[0] + out*p[1] + (cacheRead||0)*p[0]*cacheReadRate + (cacheCreate||0)*p[0]*cacheWriteRate) / 1e6 * CNY_RATE;
return cost.toFixed(2);
}
function fmtTok(n) { return n>=1e6?(n/1e6).toFixed(2)+'M':n>=1e3?(n/1e3).toFixed(1)+'k':String(n); }
function fmtTime(ts) { return new Date(ts*1000).toLocaleString(undefined,{month:'short',day:'numeric',hour:'2-digit',minute:'2-digit'}); }
function modelPriceTip(model) {
if (!model) return '';
const m = model.toLowerCase().replace(/\[.*\]/,'');
const entry = MODEL_PRICES[m] || Object.entries(MODEL_PRICES).find(([k])=>m.includes(k))?.[1];
const known = !!entry;
const p = entry || [3,15];
const isClaudeOrDS = /claude|deepseek/i.test(m);
const cacheReadRate = isClaudeOrDS ? 0.1 : 0.5;
const cacheWriteRate = isClaudeOrDS ? 1.25 : 1.0;
const lines = [];
if (!known) lines.push(t('tok.pricingUnknown'));
lines.push(t('tok.priceInput') + p[0] + ' /M');
lines.push(t('tok.priceOutput') + p[1] + ' /M');
lines.push(t('tok.priceCacheW') + (p[0] * cacheWriteRate).toFixed(2) + ' /M');
lines.push(t('tok.priceCacheR') + (p[0] * cacheReadRate).toFixed(2) + ' /M');
return lines.join('\n');
}
function tokLoadHistory() { return _tokHistory; }
function tokSaveHistory(h) {
_tokHistory = h;
fetch(`${BRIDGE_ORIGIN}/token-history`, {
method:'POST', headers:{'Content-Type':'application/json'},
body: JSON.stringify({history:h, snap:_tokLastSnap, conductorHist:_condHist, conductorLast:_condLast})
}).catch(()=>{});
}
let _tokPolling = false;
async function tokPollBridge() {
if (_tokPolling) return;
_tokPolling = true;
try {
if (!_tokHistory.length) {
const stored = await bridgeFetch('/token-history');
if (stored.history?.length) _tokHistory = stored.history;
if (stored.snap) _tokLastSnap = stored.snap;
if (stored.conductorHist) _condHist = stored.conductorHist;
if (stored.conductorLast) _condLast = stored.conductorLast;
}
const data = await bridgeFetch('/token-stats');
const history = tokLoadHistory();
for (const r of (data.records||[])) {
const key = r.thread;
const sid = key.replace('GA-','');
const sess = [...state.sessions.values()].find(s=>s.bridgeSessionId===sid);
if (sess && rt(sess).busy) continue;
const prev = _tokLastSnap[key] || {input:0,output:0,cacheCreate:0,cacheRead:0};
let di = r.input-prev.input, do_ = r.output-prev.output, dc = r.cacheCreate-prev.cacheCreate, dr = r.cacheRead-prev.cacheRead;
if (di<0||do_<0||dc<0||dr<0) { di = r.input; do_ = r.output; dc = r.cacheCreate; dr = r.cacheRead; }
if (di>0||do_>0||dc>0||dr>0) {
const title = sess ? displayTitle(sess) : sid;
history.push({sessionId:sid, title:title, input:di, output:do_, cacheCreate:dc, cacheRead:dr, model:r.model||'', ts:Date.now()/1000});
if(sess?.title) history.forEach(h=>{if(h.sessionId===sid&&(!h.title||h.title===sid))h.title=sess.title;});
}
_tokLastSnap[key] = {input:r.input, output:r.output, cacheCreate:r.cacheCreate, cacheRead:r.cacheRead};
}
tokSaveHistory(history);
} catch(_) {}
_tokPolling = false;
}
function tokGetFiltered() {
let records = tokLoadHistory();
const parseD = v => v ? new Date(v.replace(/\s+/,'T')).getTime()/1000 : 0;
const since = parseD(tokSince?.value);
const until = parseD(tokUntil?.value);
if (since) records = records.filter(r=>r.ts>=since);
if (until) records = records.filter(r=>r.ts<=until);
return records;
}
function tokRenderStats(filtered, all) {
let total=0, totalInput=0, totalCacheRead=0, totalCacheCreate=0;
filtered.forEach(r=>{total+=(r.input||0)+(r.output||0)+(r.cacheRead||0)+(r.cacheCreate||0); totalInput+=(r.input||0); totalCacheRead+=(r.cacheRead||0); totalCacheCreate+=(r.cacheCreate||0);});
if(tokTotalN) tokTotalN.textContent=fmtTok(total);
const cacheBase = totalInput + totalCacheRead + totalCacheCreate;
if(tokCostN) tokCostN.textContent= cacheBase > 0 ? (totalCacheRead / cacheBase * 100).toFixed(1) + '%' : '0%';
const todayStart=new Date(); todayStart.setHours(0,0,0,0); const todayTs=todayStart.getTime()/1000;
let todayT=0; all.filter(r=>r.ts>=todayTs).forEach(r=>{todayT+=(r.input||0)+(r.output||0)+(r.cacheRead||0)+(r.cacheCreate||0);});
if(tokTodayN) tokTodayN.textContent=fmtTok(todayT);
}
function tokRenderTable(records) {
if(!tokTbody) return;
const bySession=new Map();
for(const r of records){
const k=r.sessionId||'?';
const ss= r._conductor ? null : [...state.sessions.values()].find(s=>s.bridgeSessionId===k);
let title = ss ? displayTitle(ss) : (r.title||k);
const deleted = r._conductor ? !!r._killed : !ss;
if(!bySession.has(k)) bySession.set(k,{title:title,deleted:deleted,input:0,output:0,cacheCreate:0,cacheRead:0,lastTs:0,prompts:[]});
const s=bySession.get(k); s.input+=r.input||0; s.output+=r.output||0; s.cacheCreate+=r.cacheCreate||0; s.cacheRead+=r.cacheRead||0;
if(r.ts>s.lastTs){s.lastTs=r.ts; s.title=title;} s.prompts.push(r);
}
tokTbody.innerHTML='';
if(bySession.size===0){tokTbody.innerHTML=`${t('tok.noData')} ${escapeHtml(s.title)}${s.deleted?''+t('tok.deleted')+'':''} ${fmtTok(s.input)} ${fmtTok(s.output)} ${fmtTok(s.cacheCreate)} ${fmtTok(s.cacheRead)} ${sCacheRate} `;
tokTbody.appendChild(tr);
const details=[]; s.prompts.sort((a,b)=>b.ts-a.ts);
for(const p of s.prompts){
const dr=document.createElement('tr'); dr.className='tok-detail'; dr.hidden=true;
const modelHtml = p.model ? ` · ${escapeHtml(p.model)}` : '';
const pCacheBase = (p.input||0) + (p.cacheRead||0) + (p.cacheCreate||0);
const pCacheRate = pCacheBase > 0 ? ((p.cacheRead||0) / pCacheBase * 100).toFixed(1) + '%' : '0%';
dr.innerHTML=`${fmtTime(p.ts)}${modelHtml} ${fmtTok(p.input||0)} ${fmtTok(p.output||0)} ${fmtTok(p.cacheCreate||0)} ${fmtTok(p.cacheRead||0)} ${pCacheRate} `;
tokTbody.appendChild(dr); details.push(dr);
}
tr.addEventListener('click',()=>{const o=tr.classList.toggle('open');details.forEach(d=>d.hidden=!o);});
}
if(tokPager){renderTokPager(tokPager, totalPages, _tokPage, p => { _tokPage = p; tokRenderTable(records); });}
}
/* 分页按钮:首页/末页 + 当前页前后各 2 + 省略号,最多渲染 ~9 个 DOM,
1000 页和 10 页都长一样,不会一行排开拖死浏览器。 */
function renderTokPager(host, totalPages, currentPage, onJump) {
host.innerHTML = '';
if (totalPages <= 1) return;
const makeBtn = (label, page, opts = {}) => {
const b = document.createElement('button');
if (opts.svg) b.innerHTML = label;
else b.textContent = label;
if (opts.active) b.classList.add('active');
if (opts.arrow) b.classList.add('tok-pager-arrow');
if (opts.disabled) b.disabled = true;
if (!opts.disabled) b.addEventListener('click', () => onJump(page));
return b;
};
const makeEllipsis = () => {
const s = document.createElement('span');
s.className = 'tok-pager-gap';
s.textContent = '…';
return s;
};
// 收集页码:1 / 当前-2..当前+2 / 末页,去重并填省略号
const pages = new Set([0, totalPages - 1]);
for (let i = Math.max(0, currentPage - 2); i <= Math.min(totalPages - 1, currentPage + 2); i++) pages.add(i);
const sorted = [...pages].sort((a, b) => a - b);
// 首尾箭头用 phosphor 图标(跟侧栏 .chev 同款),不再用 Unicode 字符
host.appendChild(makeBtn(GA_ICON('caretLeft'), currentPage - 1, { svg: true, arrow: true, disabled: currentPage === 0 }));
let prev = -1;
for (const p of sorted) {
if (prev >= 0 && p - prev > 1) host.appendChild(makeEllipsis());
host.appendChild(makeBtn(String(p + 1), p, { active: p === currentPage }));
prev = p;
}
host.appendChild(makeBtn(GA_ICON('caretRight'), currentPage + 1, { svg: true, arrow: true, disabled: currentPage === totalPages - 1 }));
}
async function loadTokenPage(){await tokPollBridge();const f=tokGetFiltered();const all=tokLoadHistory();tokRenderStats(f,all);tokRenderTable(f);}
const _COND_HIST_KEY = 'conductor_token_hist';
const _COND_LAST_KEY = 'conductor_token_last';
const _condZero = {input:0,output:0,cacheCreate:0,cacheRead:0,cost:0};
let _condHist = null, _condLast = null;
function _condLoadHist() { return _condHist || {..._condZero}; }
function _condLoadLast() { return _condLast; }
function _condSave(hist, last) {
_condHist = hist; _condLast = last;
fetch(`${BRIDGE_ORIGIN}/token-history`, {
method:'POST', headers:{'Content-Type':'application/json'},
body: JSON.stringify({history:_tokHistory, snap:_tokLastSnap, conductorHist:hist, conductorLast:last})
}).catch(()=>{});
}
/* ─── Token tab switching ─── */
let _tokTab = 'chat';
const tokTabs = document.getElementById('tok-tabs');
const tokFilter = document.querySelector('.tok-filter');
const tokStatRow = document.querySelector('.page[data-page="token"] .stat-row');
if (tokTabs) tokTabs.addEventListener('click', e => {
const btn = e.target.closest('.tok-tab');
if (!btn || btn.classList.contains('active')) return;
tokTabs.querySelectorAll('.tok-tab').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
_tokTab = btn.dataset.tab;
_tokPage = 0;
if (_tokTab === 'conductor') { if (tokFilter) tokFilter.style.display = 'none'; if (tokStatRow) tokStatRow.style.display = 'none'; if (tokTable) tokTable.classList.add('tok-table--conductor'); loadConductorTokens(); }
else { if (tokFilter) tokFilter.style.display = ''; if (tokStatRow) tokStatRow.style.display = ''; if (tokTable) tokTable.classList.remove('tok-table--conductor'); loadTokenPage(); }
});
async function loadConductorTokens() {
let curIn = 0, curOut = 0, curCc = 0, curCr = 0, curCost = 0;
let fetchOk = false;
try {
const data = await (await fetch(`${CONDUCTOR_ORIGIN}/token-stats`)).json();
const recs = (data.records || []).filter(r => r.thread === 'conductor-agent' || r.thread.startsWith('subagent-'));
for (const r of recs) {
curIn += r.input || 0; curOut += r.output || 0; curCc += r.cacheCreate || 0; curCr += r.cacheRead || 0;
curCost += parseFloat(estCost(r.input || 0, r.output || 0, r.model || '', r.cacheRead || 0, r.cacheCreate || 0));
}
fetchOk = true;
} catch (_) {
if (tokTbody) tokTbody.innerHTML = `${t('tok.condOffline')} ${_ci}${t('tok.condTotal')} ${fmtTok(hIn)} ${fmtTok(hOut)} ${fmtTok(hCc)} ${fmtTok(hCr)} ${hCacheRate} ${_ci}${t('tok.condCurrent')} ${fmtTok(curIn)} ${fmtTok(curOut)} ${fmtTok(curCc)} ${fmtTok(curCr)} ${curCacheRate}
`).join('');
box.querySelectorAll('.collab-card').forEach(el => {
const w = S.workers.find(x => x.id === el.dataset.sid);
if (w) {
const prev = prevUpdated.get(w.id);
if (prev != null && prev !== w.updatedAt) pulseEl(el);
prevUpdated.set(w.id, w.updatedAt);
}
el.addEventListener('contextmenu', e => {
e.preventDefault();
showCardMenu(e.clientX, e.clientY, el.dataset.sid);
});
el.addEventListener('click', () => {
if (w) openWorkerDrawer(w);
});
});
const running = S.workers.filter(w => w.status === 'running').length;
const done = S.workers.filter(w => w.status === 'reported').length;
S.runningCount = running;
document.dispatchEvent(new CustomEvent('collab:running-count', { detail: { count: running } }));
const stats = $('collab-progress-stats');
if (stats) {
const has = running > 0 || done > 0;
stats.hidden = !has;
if (has) {
stats.innerHTML = [
running > 0 ? `${GA_STATUS_BREATHE_SM}${running} ${esc(t('collab.statRunning'))}` : '',
done > 0 ? `${done} ${esc(t('collab.statDone'))}` : '',
].filter(Boolean).join('');
}
}
syncRail({ pulse: true });
}
function syncMessages() {
const area = $('collab-msgs'), welcome = $('collab-welcome'), list = $('collab-msg-list');
if (!area || !list) return;
if (!S.historyReady) {
area.classList.remove('has-msgs');
if (welcome) welcome.hidden = true;
list.hidden = true;
syncRail();
return;
}
const has = S.messages.length > 0;
area.classList.toggle('has-msgs', has);
if (welcome) welcome.hidden = has;
list.hidden = !has;
list.replaceChildren();
const toMsg = window.gaCollabItemToMsg;
const render = window.gaMsgNode;
if (toMsg && render) {
for (const item of S.messages) {
const el = render(toMsg(item));
el.classList.add('collab-msg-enter');
list.appendChild(el);
}
}
syncDraft();
scrollMsgs();
syncRail();
}
function pushMsg(item) {
if (item.id && S.messages.some(m => m.id === item.id)) return;
if (item.role === 'user') {
const plain = stripAttach(item.msg);
const expand = window.gaExpandFilePlaceholders;
for (let i = S.messages.length - 1; i >= 0; i--) {
const m = S.messages[i];
// 服务端回显的 msg 是 expand(本地文本)（附件被展开成了本地路径），和本地乐观消息其实是同一条。
// 命中后保留本地那条的干净显示（占位符 msg + 结构化 files/images 卡片），只补服务端 id/ts，
// 丢弃带路径的回显文本 —— 既去重、又不丢卡片、不外露本地路径，与 chat 显示一致。
if (m._local && m.role === 'user' &&
(stripAttach(m.msg) === plain || m.msg === item.msg || (expand && expand(m.msg) === item.msg))) {
m.id = item.id || m.id;
if (item.ts != null) m.ts = item.ts;
if (item.read != null) m.read = item.read;
m._local = false;
syncMessages();
setConnUi();
return;
}
}
}
S.messages.push(item);
if (item.role === 'conductor') S.conductorTyping = false;
syncMessages();
setConnUi();
}
function setWorkers(rawList) {
S.workers = (rawList || []).map(normalizeWorker);
renderWorkers();
}
function onWsData(data, gen) {
if (gen !== wsGen) return;
if (data.type === 'hello') {
S.historyReady = true;
S.messages = (data.chat || []).map(raw => ({ id: raw.id, role: raw.role || 'system', msg: raw.msg || '', ts: raw.ts, read: raw.read, files: raw.files || [], images: raw.images || [] }));
S.conductorTyping = !!data.running;
setWorkers(data.subagents || []);
syncMessages();
setConnUi();
} else if (data.type === 'subagents') setWorkers(data.items || []);
else if (data.type === 'chat') pushMsg({ id: data.item.id, role: data.item.role || 'system', msg: data.item.msg || '', ts: data.item.ts, read: data.item.read, files: data.item.files || [], images: data.item.images || [] });
}
function resetWs() {
wsGen++;
if (!ws) return;
const old = ws;
ws = null;
old.onopen = old.onclose = old.onerror = old.onmessage = null;
try { old.close(); } catch {}
}
function scheduleReconnect() {
clearTimeout(connectTimer);
clearInterval(reconnectTick);
if (!S.everConnected && S.failCount >= FAIL_MAX) {
S.reconnecting = false;
return setConnUi();
}
const delay = Math.min(RECON_MAX, RECON_BASE * Math.pow(2, Math.max(0, S.failCount - 1)));
S.reconnectAt = Date.now() + delay;
S.reconnecting = S.everConnected;
setConnUi();
reconnectTick = setInterval(() => { if (!S.reconnecting) clearInterval(reconnectTick); else setConnUi(); }, 500);
connectTimer = setTimeout(connect, delay);
}
function connect() {
if (ws && (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING)) return;
clearTimeout(connectTimer);
clearInterval(reconnectTick);
const gen = ++wsGen;
setConnUi();
let sock;
try { sock = new WebSocket(wsUrl()); } catch (e) {
if (gen !== wsGen) return;
S.failCount++;
return scheduleReconnect();
}
ws = sock;
sock.onopen = () => {
if (gen !== wsGen) return;
S.everConnected = true;
S.serviceAvailable = true;
S.reconnecting = false;
S.failCount = 0;
setConnUi();
};
sock.onclose = (ev) => {
if (gen !== wsGen) return;
S.serviceAvailable = false;
if (S.everConnected) S.reconnecting = true;
else S.failCount++;
setConnUi();
scheduleReconnect();
};
sock.onerror = () => {};
sock.onmessage = ev => {
if (gen !== wsGen) return;
try { onWsData(JSON.parse(ev.data), gen); } catch {}
};
}
function sendText(rawText) {
const text = (rawText || '').trim();
if (!text || !ws || ws.readyState !== WebSocket.OPEN) return false;
window.gaSetActiveFileComposer?.('collab');
const expand = window.gaExpandFilePlaceholders || (s => s);
const collect = window.gaCollectUsedFiles || (() => []);
const clearUsed = window.gaClearUsedPendingFiles || (() => {});
const used = collect(text);
const images = [], files = [];
for (const f of used) (f.isImage ? images : files).push(f.isImage ? { path: f.path, dataUrl: f.dataUrl, name: f.name, sid: f.sid } : { path: f.path, name: f.name, sid: f.sid });
S.messages.push({ id: `_local_${++localSeq}`, _local: true, role: 'user', msg: text, ts: Date.now() / 1000, images, files });
S.conductorTyping = true;
syncMessages();
ws.send(JSON.stringify({ msg: expand(text), files, images }));
clearUsed(text);
window.collabComposer?.clearIfMatch?.(text);
setConnUi();
return true;
}
$('collab-retry')?.addEventListener('click', () => { S.failCount = 0; S.reconnecting = false; resetWs(); connect(); });
$('collab-rail-toggle')?.addEventListener('click', () => toggleProgress());
$('collab-prog-close')?.addEventListener('click', () => toggleProgress(false));
window.collabComposer?.init?.(sendText);
window.collabInit = () => {
window.gaSetActiveFileComposer?.('collab');
syncMessages();
setConnUi();
renderWorkers();
connect();
};
window.collabFocus = () => window.collabComposer?.focus?.();
window.collabRetranslate = () => { renderWorkers(); syncMessages(); setConnUi(); };
})();
/* ═══════════════ Composer layout: inline / stacked ═══════════════ */
(function initComposerLayout() {
const BREAKPOINT = 480;
const SINGLE_LINE = 36;
document.querySelectorAll('.composer-inset').forEach(inset => {
const input = inset.querySelector('.input');
if (!input) return;
function update() {
const wide = inset.offsetWidth >= BREAKPOINT;
const single = input.scrollHeight <= SINGLE_LINE;
inset.classList.toggle('is-inline', wide && single);
}
new ResizeObserver(update).observe(inset);
input.addEventListener('input', update);
update();
});
})();
`;
}).join('')}
${pinSvg}${escapeHtml(displayTitle(sess))}
` +
``;
}).join('');
cfg.strip.hidden = false;
applyI18n();
}
// 在 ctx 对应输入框(contenteditable)的光标处插入原子 chip（删不进中间，像 @人）
function insertPlaceholderInComposer(file, ctx = activeFileComposer) {
const input = composerCfg(ctx).input;
if (!input) return;
const chip = document.createElement('span');
chip.className = 'ph-chip';
chip.setAttribute('contenteditable', 'false');
chip.dataset.sid = String(file.sid);
chip.dataset.kind = file.isImage ? 'image' : 'file';
chip.textContent = file.name || 'file';
input.focus();
const sel = window.getSelection();
let range;
if (sel && sel.rangeCount && input.contains(sel.getRangeAt(0).commonAncestorContainer)) {
range = sel.getRangeAt(0);
} else {
range = document.createRange(); range.selectNodeContents(input); range.collapse(false);
}
range.deleteContents();
range.insertNode(chip);
const sp = document.createTextNode(' '); // chip 后补一个 nbsp，便于继续打字/定位光标
chip.after(sp);
range.setStartAfter(sp); range.collapse(true);
if (sel) { sel.removeAllRanges(); sel.addRange(range); }
input.dispatchEvent(new Event('input', { bubbles: true }));
}
// 按 sid 从该文件所属 ctx 的输入框移除 chip（连同紧邻空格）
function removePlaceholderFromComposer(file) {
const input = composerCfg(fileCtx(file)).input;
if (!input) return;
const chip = input.querySelector(`.ph-chip[data-sid="${file.sid}"]`);
if (!chip) return;
const next = chip.nextSibling;
if (next && next.nodeType === 3) next.nodeValue = next.nodeValue.replace(/^[\s ]/, '');
chip.remove();
input.dispatchEvent(new Event('input', { bubbles: true }));
}
// 读取 contenteditable 输入框为纯文本：chip → [Image #N]/[File #N]，
/
→ 换行
function readComposerTextFrom(input) {
if (!input) return '';
const ser = (node, first) => {
if (node.nodeType === 3) return node.nodeValue;
if (node.nodeType !== 1) return '';
if (node.classList && node.classList.contains('ph-chip')) {
const kind = node.dataset.kind === 'image' ? 'Image' : 'File';
return `[${kind} #${node.dataset.sid}]`;
}
if (node.tagName === 'BR') return '\n';
let inner = '';
node.childNodes.forEach(c => { inner += ser(c, false); });
return (first ? '' : '\n') + inner;
};
let out = '';
input.childNodes.forEach((n, i) => { out += ser(n, i === 0); });
return out.replace(/ /g, ' ');
}
function composerText(ctx = activeFileComposer) {
return readComposerTextFrom(composerCfg(ctx).input);
}
function isImageFile(f) {
return (f && (f.type || '').startsWith('image/')) || IMG_EXT_RE.test(f?.name || '');
}
function placeholderFor(file) {
return file.isImage ? `[Image #${file.sid}]` : `[File #${file.sid}]`;
}
function expandFilePlaceholders(text) {
return text.replace(/\[(Image|File) #(\d+)\]/g, (m, kind, n) => {
const f = state.pendingFiles.find(x => x.sid === Number(n));
return (f && f.path) ? f.path : ''; // #3 悬空占位符(无对应文件)→ 删掉,不把垃圾发给 agent
});
}
function collectUsedFiles(text) {
const used = [];
text.replace(/\[(Image|File) #(\d+)\]/g, (m, kind, n) => {
const f = state.pendingFiles.find(x => x.sid === Number(n));
if (f) used.push(f);
return m;
});
return used;
}
// ── 附件占位符健壮性 ─────────────────────────────────────────────
// 统一移除一个待发附件:出列 + (可选)抹占位符 + 重绘 + 删 bridge 上的文件
function removePendingFile(sid, { stripPlaceholder = false } = {}) {
const idx = state.pendingFiles.findIndex(f => f.sid === sid);
if (idx < 0) return;
const removed = state.pendingFiles.splice(idx, 1)[0];
if (stripPlaceholder) removePlaceholderFromComposer(removed);
renderThumbStrip(fileCtx(removed));
if (removed.path) {
fetch(`${BRIDGE_ORIGIN}/upload`, {
method: 'DELETE', headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ path: removed.path }),
}).catch(() => {});
}
}
// #1 对账:DOM 里 chip 没了(被原子删除/退格整块删)→ 同步移除附件 + 删磁盘文件
function reconcilePendingFiles(ctx = activeFileComposer) {
const input = composerCfg(ctx).input;
if (!input) return;
const present = new Set([...input.querySelectorAll('.ph-chip[data-sid]')].map(c => Number(c.dataset.sid)));
for (const f of filesForCtx(ctx).filter(x => !present.has(x.sid))) {
removePendingFile(f.sid, { stripPlaceholder: false });
}
}
async function uploadOne(name, dataUrl, sid) {
const res = await fetch(`${BRIDGE_ORIGIN}/upload`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name, dataUrl, sid: sid || '' }),
});
const j = await res.json();
if (!j.ok) throw new Error(j.error || 'upload failed');
return j.path;
}
async function addFiles(fileList) {
const files = Array.from(fileList || []);
if (files.length === 0) return;
let skipped = false;
let emptyHit = false;
const accepted = [];
for (const f of files) {
if (!f || f.size === 0) { emptyHit = true; continue; }
if (f.size > MAX_UPLOAD_BYTES) { skipped = true; continue; }
if (state.pendingFiles.length + accepted.length >= MAX_UPLOAD_FILES) { skipped = true; break; }
accepted.push(f);
}
if (emptyHit) showChanToast(t('upload.empty'), '', 'err');
if (accepted.length === 0) {
if (skipped) showChanToast(t('upload.tooLarge'), '', 'err');
return;
}
const ctx = activeFileComposer;
let uploadSid = '';
if (ctx === 'collab') {
uploadSid = 'collab';
} else {
let upSess = activeSess();
if (!upSess) { await newSession(); upSess = activeSess(); }
if (upSess && !upSess.bridgeSessionId) { try { await ensureBridgeSession(upSess); } catch (_) {} }
uploadSid = (upSess && upSess.bridgeSessionId) || '';
}
for (const f of accepted) {
try {
const dataUrl = await new Promise((resolve, reject) => {
const r = new FileReader();
r.onload = () => resolve(String(r.result || ''));
r.onerror = () => reject(r.error);
r.readAsDataURL(f);
});
const path = await uploadOne(f.name || 'file', dataUrl, uploadSid);
state.fileSeq += 1;
const sid = state.fileSeq;
const isImage = isImageFile(f);
const entry = {
sid, name: f.name || 'file', isImage, path,
dataUrl: isImage ? dataUrl : '',
ctx,
};
state.pendingFiles.push(entry);
insertPlaceholderInComposer(entry, ctx);
renderThumbStrip(ctx);
} catch (e) {
showChanToast(t('upload.failed'), e.message || String(e), 'err');
}
}
if (skipped) showChanToast(t('upload.tooLarge'), '', 'err');
}
function handleThumbStripClick(e, ctx) {
const x = e.target.closest('.x');
if (x) {
const sid = Number(x.dataset.sid);
const idx = state.pendingFiles.findIndex(f => f.sid === sid && fileCtx(f) === ctx);
if (idx >= 0) {
const removed = state.pendingFiles[idx];
state.pendingFiles.splice(idx, 1);
removePlaceholderFromComposer(removed);
renderThumbStrip(ctx);
if (removed.path) {
fetch(`${BRIDGE_ORIGIN}/upload`, {
method: 'DELETE',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ path: removed.path }),
}).catch(() => {});
}
}
return;
}
const fileChip = e.target.closest('.file-chip.pending');
if (fileChip) {
const path = fileChip.getAttribute('data-path');
const name = fileChip.getAttribute('data-name');
if (path) openUploadFile(path, name);
return;
}
const img = e.target.closest('img');
if (img && img.src) openLightbox(img.src);
}
function bindComposerUpload(ctx) {
const cfg = composerCfg(ctx);
if (!cfg.input || cfg.input.dataset.gaUploadBound) return;
cfg.input.dataset.gaUploadBound = ctx;
if (cfg.uploadBtn && !cfg.uploadBtn.dataset.bound) {
cfg.uploadBtn.dataset.bound = '1';
cfg.uploadBtn.addEventListener('click', (e) => {
e.preventDefault();
activeFileComposer = ctx;
cfg.imgInput?.click();
});
}
if (cfg.imgInput && !cfg.imgInput.dataset.bound) {
cfg.imgInput.dataset.bound = '1';
cfg.imgInput.addEventListener('change', () => {
activeFileComposer = ctx;
addFiles(cfg.imgInput.files);
cfg.imgInput.value = '';
});
}
cfg.strip?.addEventListener('click', (e) => handleThumbStripClick(e, ctx));
cfg.input.addEventListener('paste', (e) => {
activeFileComposer = ctx;
const cd = e.clipboardData || window.clipboardData;
const items = cd && cd.items;
const files = [];
if (items) for (const it of items) { if (it.kind === 'file') { const f = it.getAsFile(); if (f) files.push(f); } }
if (files.length) { e.preventDefault(); addFiles(files); return; }
// 富文本粘贴 → 强制纯文本（contenteditable 默认会粘 HTML，会污染输入框）
e.preventDefault();
const text = cd ? cd.getData('text/plain').replace(/\r\n/g, '\n') : '';
if (!text) return;
// Hard-limit: only insert what fits within maxLen
const maxLen = 20000;
const curLen = cfg.input.textContent.length;
const sel = window.getSelection();
const selLen = (sel.rangeCount && cfg.input.contains(sel.anchorNode)) ? sel.toString().length : 0;
const remaining = maxLen - curLen + selLen;
if (remaining <= 0) { showChanToast(t('err.charLimit').replace('{n}', maxLen), '', 'err'); return; }
const insert = text.slice(0, remaining);
document.execCommand('insertText', false, insert);
if (text.length > remaining) showChanToast(t('err.charLimit').replace('{n}', maxLen), '', 'err');
});
cfg.input.addEventListener('input', () => {
activeFileComposer = ctx;
// 内容清空后浏览器可能残留
，抹掉以便 :empty 占位提示生效 if (!cfg.input.textContent.trim() && !cfg.input.querySelector('.ph-chip')) cfg.input.innerHTML = ''; reconcilePendingFiles(ctx); // chip 被删 → 同步清理附件 + 删磁盘文件 }); const zone = cfg.dropZone; const dropKey = `dropBound_${ctx}`; if (!zone || zone.dataset[dropKey]) return; zone.dataset[dropKey] = '1'; let dragDepth = 0; const hasFiles = (e) => { const types = e.dataTransfer && e.dataTransfer.types; if (!types) return false; for (let i = 0; i < types.length; i += 1) { if (types[i] === 'Files') return true; } return false; }; zone.addEventListener('dragenter', (e) => { if (!hasFiles(e)) return; e.preventDefault(); activeFileComposer = ctx; dragDepth += 1; zone.classList.add('dragover'); zone.dataset.dropHint = t('upload.dropHint'); }); zone.addEventListener('dragover', (e) => { if (!hasFiles(e)) return; e.preventDefault(); activeFileComposer = ctx; e.dataTransfer.dropEffect = 'copy'; }); zone.addEventListener('dragleave', (e) => { if (!hasFiles(e)) return; dragDepth = Math.max(0, dragDepth - 1); if (dragDepth === 0) zone.classList.remove('dragover'); }); zone.addEventListener('drop', (e) => { if (!hasFiles(e)) return; e.preventDefault(); dragDepth = 0; zone.classList.remove('dragover'); activeFileComposer = ctx; addFiles(e.dataTransfer.files); }); } bindComposerUpload('chat'); bindComposerUpload('collab'); Object.assign(window, { gaSetActiveFileComposer: ctx => { activeFileComposer = ctx === 'collab' ? 'collab' : 'chat'; }, gaPageStatusBar: pageStatusBar, gaExpandFilePlaceholders: expandFilePlaceholders, gaRenderMsgChips: renderMsgTextWithChips, gaCollectUsedFiles: collectUsedFiles, gaComposerText: composerText, gaClearUsedPendingFiles: text => removeUsedPendingFiles(collectUsedFiles(text)), gaFileSubLabel: fileSubLabel, gaMsgNode: msgNode, gaCollabItemToMsg: collabItemToMsg, gaPostRenderEnhance: postRenderEnhance, gaEscapeHtml: escapeHtml, }); if (chatPanel) { const blockFileDrop = e => { const types = e.dataTransfer?.types; if (!types) return; for (let i = 0; i < types.length; i += 1) if (types[i] === 'Files') { e.preventDefault(); return; } }; window.addEventListener('dragover', blockFileDrop); window.addEventListener('drop', blockFileDrop); } /* ═══════════════ bridge 事件 ═══════════════ */ window.ga.onBridgeReady(async () => { state.bridgeReady = true; syncPlanPollTimer(); refreshStatusLabel(); if (!state.activeId) { refreshEmptyState(null); } await loadModelProfiles(); await loadBridgeConfig(); if (isServicesPageActive()) renderChannelList(gaServiceStore.list()); const sess = activeSess(); if (sess && sessionNeedsHydrate(sess)) { await runSessionHydrate(sess); } else if (sess) planPoll(sess); delete document.documentElement.dataset.bootHasSessions; if (sess) refreshEmptyState(sess); }); setTimeout(() => { delete document.documentElement.dataset.bootHasSessions; }, 3000); window.ga.onBridgeNotification((msg) => { if (msg && msg.type === 'session-state') { for (const sess of state.sessions.values()) { if (sess.bridgeSessionId === msg.sessionId) { if (msg.status === 'running' || msg.state === 'running') pollSession(sess); if (msg.state === 'idle' || msg.status === 'idle') tokPollBridge(); renderSessionList(); break; } } } }); window.ga.onBridgeError((err) => { console.warn('[bridge error]', err); }); window.ga.onBridgeClosed(() => { state.bridgeReady = false; syncPlanPollTimer(); const s = activeSess(); if (s) applyPlanPayload(s, null); chatStatus.setDisconnected(); }); /* ═══════════════ Token 用量页 ═══════════════ */ const tokTbody = document.getElementById('tok-tbody'); const tokTable = document.getElementById('tok-table'); const tokPager = document.getElementById('tok-pager'); const tokSince = document.getElementById('tok-since'); const tokUntil = document.getElementById('tok-until'); const tokTotalN = document.getElementById('tok-total-n'); const tokTodayN = document.getElementById('tok-today-n'); const tokCostN = document.getElementById('tok-cost-n'); const TOK_PER_PAGE = 15; let _tokPage = 0; let _tokHistory = []; let _tokLastSnap = {}; // Model price table: $/M tokens [input, output] const MODEL_PRICES = { 'gpt-5.4':[2.50,15],'gpt-5':[1.25,10],'gpt-5-mini':[0.25,2],'gpt-4o':[2.50,10],'gpt-4o-mini':[0.15,0.60], 'gpt-4.1':[2,8],'gpt-4.1-mini':[0.40,1.60],'gpt-4.1-nano':[0.10,0.40],'o4-mini':[0.55,2.20], 'claude-opus-4-8':[5,25],'claude-opus-4-7':[5,25],'claude-opus-4-6':[5,25],'claude-sonnet-4-6':[3,15],'claude-sonnet-4-5':[3,15],'claude-haiku-4-5':[1,5], 'deepseek-v4':[0.14,0.28],'deepseek-v4-pro':[0.435,0.87],'deepseek-chat':[0.14,0.28],'deepseek-reasoner':[0.55,2.19], 'glm-5.1':[0.50,0.50],'minimax-m2.7':[0.50,0.50],'kimi-for-coding':[0.50,2], }; const CNY_RATE = 7.2; function estCost(inp, out, model, cacheRead, cacheCreate) { let p = [3,15]; if (model) { const m = model.toLowerCase().replace(/\[.*\]/,''); p = MODEL_PRICES[m] || Object.entries(MODEL_PRICES).find(([k])=>m.includes(k))?.[1] || p; } const isClaudeOrDS = model && /claude|deepseek/i.test(model); const cacheReadRate = isClaudeOrDS ? 0.1 : 0.5; const cacheWriteRate = isClaudeOrDS ? 1.25 : 1.0; const cost = (inp*p[0] + out*p[1] + (cacheRead||0)*p[0]*cacheReadRate + (cacheCreate||0)*p[0]*cacheWriteRate) / 1e6 * CNY_RATE; return cost.toFixed(2); } function fmtTok(n) { return n>=1e6?(n/1e6).toFixed(2)+'M':n>=1e3?(n/1e3).toFixed(1)+'k':String(n); } function fmtTime(ts) { return new Date(ts*1000).toLocaleString(undefined,{month:'short',day:'numeric',hour:'2-digit',minute:'2-digit'}); } function modelPriceTip(model) { if (!model) return ''; const m = model.toLowerCase().replace(/\[.*\]/,''); const entry = MODEL_PRICES[m] || Object.entries(MODEL_PRICES).find(([k])=>m.includes(k))?.[1]; const known = !!entry; const p = entry || [3,15]; const isClaudeOrDS = /claude|deepseek/i.test(m); const cacheReadRate = isClaudeOrDS ? 0.1 : 0.5; const cacheWriteRate = isClaudeOrDS ? 1.25 : 1.0; const lines = []; if (!known) lines.push(t('tok.pricingUnknown')); lines.push(t('tok.priceInput') + p[0] + ' /M'); lines.push(t('tok.priceOutput') + p[1] + ' /M'); lines.push(t('tok.priceCacheW') + (p[0] * cacheWriteRate).toFixed(2) + ' /M'); lines.push(t('tok.priceCacheR') + (p[0] * cacheReadRate).toFixed(2) + ' /M'); return lines.join('\n'); } function tokLoadHistory() { return _tokHistory; } function tokSaveHistory(h) { _tokHistory = h; fetch(`${BRIDGE_ORIGIN}/token-history`, { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({history:h, snap:_tokLastSnap, conductorHist:_condHist, conductorLast:_condLast}) }).catch(()=>{}); } let _tokPolling = false; async function tokPollBridge() { if (_tokPolling) return; _tokPolling = true; try { if (!_tokHistory.length) { const stored = await bridgeFetch('/token-history'); if (stored.history?.length) _tokHistory = stored.history; if (stored.snap) _tokLastSnap = stored.snap; if (stored.conductorHist) _condHist = stored.conductorHist; if (stored.conductorLast) _condLast = stored.conductorLast; } const data = await bridgeFetch('/token-stats'); const history = tokLoadHistory(); for (const r of (data.records||[])) { const key = r.thread; const sid = key.replace('GA-',''); const sess = [...state.sessions.values()].find(s=>s.bridgeSessionId===sid); if (sess && rt(sess).busy) continue; const prev = _tokLastSnap[key] || {input:0,output:0,cacheCreate:0,cacheRead:0}; let di = r.input-prev.input, do_ = r.output-prev.output, dc = r.cacheCreate-prev.cacheCreate, dr = r.cacheRead-prev.cacheRead; if (di<0||do_<0||dc<0||dr<0) { di = r.input; do_ = r.output; dc = r.cacheCreate; dr = r.cacheRead; } if (di>0||do_>0||dc>0||dr>0) { const title = sess ? displayTitle(sess) : sid; history.push({sessionId:sid, title:title, input:di, output:do_, cacheCreate:dc, cacheRead:dr, model:r.model||'', ts:Date.now()/1000}); if(sess?.title) history.forEach(h=>{if(h.sessionId===sid&&(!h.title||h.title===sid))h.title=sess.title;}); } _tokLastSnap[key] = {input:r.input, output:r.output, cacheCreate:r.cacheCreate, cacheRead:r.cacheRead}; } tokSaveHistory(history); } catch(_) {} _tokPolling = false; } function tokGetFiltered() { let records = tokLoadHistory(); const parseD = v => v ? new Date(v.replace(/\s+/,'T')).getTime()/1000 : 0; const since = parseD(tokSince?.value); const until = parseD(tokUntil?.value); if (since) records = records.filter(r=>r.ts>=since); if (until) records = records.filter(r=>r.ts<=until); return records; } function tokRenderStats(filtered, all) { let total=0, totalInput=0, totalCacheRead=0, totalCacheCreate=0; filtered.forEach(r=>{total+=(r.input||0)+(r.output||0)+(r.cacheRead||0)+(r.cacheCreate||0); totalInput+=(r.input||0); totalCacheRead+=(r.cacheRead||0); totalCacheCreate+=(r.cacheCreate||0);}); if(tokTotalN) tokTotalN.textContent=fmtTok(total); const cacheBase = totalInput + totalCacheRead + totalCacheCreate; if(tokCostN) tokCostN.textContent= cacheBase > 0 ? (totalCacheRead / cacheBase * 100).toFixed(1) + '%' : '0%'; const todayStart=new Date(); todayStart.setHours(0,0,0,0); const todayTs=todayStart.getTime()/1000; let todayT=0; all.filter(r=>r.ts>=todayTs).forEach(r=>{todayT+=(r.input||0)+(r.output||0)+(r.cacheRead||0)+(r.cacheCreate||0);}); if(tokTodayN) tokTodayN.textContent=fmtTok(todayT); } function tokRenderTable(records) { if(!tokTbody) return; const bySession=new Map(); for(const r of records){ const k=r.sessionId||'?'; const ss= r._conductor ? null : [...state.sessions.values()].find(s=>s.bridgeSessionId===k); let title = ss ? displayTitle(ss) : (r.title||k); const deleted = r._conductor ? !!r._killed : !ss; if(!bySession.has(k)) bySession.set(k,{title:title,deleted:deleted,input:0,output:0,cacheCreate:0,cacheRead:0,lastTs:0,prompts:[]}); const s=bySession.get(k); s.input+=r.input||0; s.output+=r.output||0; s.cacheCreate+=r.cacheCreate||0; s.cacheRead+=r.cacheRead||0; if(r.ts>s.lastTs){s.lastTs=r.ts; s.title=title;} s.prompts.push(r); } tokTbody.innerHTML=''; if(bySession.size===0){tokTbody.innerHTML=`${t('tok.noData')} ${escapeHtml(s.title)}${s.deleted?''+t('tok.deleted')+'':''} ${fmtTok(s.input)} ${fmtTok(s.output)} ${fmtTok(s.cacheCreate)} ${fmtTok(s.cacheRead)} ${sCacheRate} `;
tokTbody.appendChild(tr);
const details=[]; s.prompts.sort((a,b)=>b.ts-a.ts);
for(const p of s.prompts){
const dr=document.createElement('tr'); dr.className='tok-detail'; dr.hidden=true;
const modelHtml = p.model ? ` · ${escapeHtml(p.model)}` : '';
const pCacheBase = (p.input||0) + (p.cacheRead||0) + (p.cacheCreate||0);
const pCacheRate = pCacheBase > 0 ? ((p.cacheRead||0) / pCacheBase * 100).toFixed(1) + '%' : '0%';
dr.innerHTML=`${fmtTime(p.ts)}${modelHtml} ${fmtTok(p.input||0)} ${fmtTok(p.output||0)} ${fmtTok(p.cacheCreate||0)} ${fmtTok(p.cacheRead||0)} ${pCacheRate} `;
tokTbody.appendChild(dr); details.push(dr);
}
tr.addEventListener('click',()=>{const o=tr.classList.toggle('open');details.forEach(d=>d.hidden=!o);});
}
if(tokPager){renderTokPager(tokPager, totalPages, _tokPage, p => { _tokPage = p; tokRenderTable(records); });}
}
/* 分页按钮:首页/末页 + 当前页前后各 2 + 省略号,最多渲染 ~9 个 DOM,
1000 页和 10 页都长一样,不会一行排开拖死浏览器。 */
function renderTokPager(host, totalPages, currentPage, onJump) {
host.innerHTML = '';
if (totalPages <= 1) return;
const makeBtn = (label, page, opts = {}) => {
const b = document.createElement('button');
if (opts.svg) b.innerHTML = label;
else b.textContent = label;
if (opts.active) b.classList.add('active');
if (opts.arrow) b.classList.add('tok-pager-arrow');
if (opts.disabled) b.disabled = true;
if (!opts.disabled) b.addEventListener('click', () => onJump(page));
return b;
};
const makeEllipsis = () => {
const s = document.createElement('span');
s.className = 'tok-pager-gap';
s.textContent = '…';
return s;
};
// 收集页码:1 / 当前-2..当前+2 / 末页,去重并填省略号
const pages = new Set([0, totalPages - 1]);
for (let i = Math.max(0, currentPage - 2); i <= Math.min(totalPages - 1, currentPage + 2); i++) pages.add(i);
const sorted = [...pages].sort((a, b) => a - b);
// 首尾箭头用 phosphor 图标(跟侧栏 .chev 同款),不再用 Unicode 字符
host.appendChild(makeBtn(GA_ICON('caretLeft'), currentPage - 1, { svg: true, arrow: true, disabled: currentPage === 0 }));
let prev = -1;
for (const p of sorted) {
if (prev >= 0 && p - prev > 1) host.appendChild(makeEllipsis());
host.appendChild(makeBtn(String(p + 1), p, { active: p === currentPage }));
prev = p;
}
host.appendChild(makeBtn(GA_ICON('caretRight'), currentPage + 1, { svg: true, arrow: true, disabled: currentPage === totalPages - 1 }));
}
async function loadTokenPage(){await tokPollBridge();const f=tokGetFiltered();const all=tokLoadHistory();tokRenderStats(f,all);tokRenderTable(f);}
const _COND_HIST_KEY = 'conductor_token_hist';
const _COND_LAST_KEY = 'conductor_token_last';
const _condZero = {input:0,output:0,cacheCreate:0,cacheRead:0,cost:0};
let _condHist = null, _condLast = null;
function _condLoadHist() { return _condHist || {..._condZero}; }
function _condLoadLast() { return _condLast; }
function _condSave(hist, last) {
_condHist = hist; _condLast = last;
fetch(`${BRIDGE_ORIGIN}/token-history`, {
method:'POST', headers:{'Content-Type':'application/json'},
body: JSON.stringify({history:_tokHistory, snap:_tokLastSnap, conductorHist:hist, conductorLast:last})
}).catch(()=>{});
}
/* ─── Token tab switching ─── */
let _tokTab = 'chat';
const tokTabs = document.getElementById('tok-tabs');
const tokFilter = document.querySelector('.tok-filter');
const tokStatRow = document.querySelector('.page[data-page="token"] .stat-row');
if (tokTabs) tokTabs.addEventListener('click', e => {
const btn = e.target.closest('.tok-tab');
if (!btn || btn.classList.contains('active')) return;
tokTabs.querySelectorAll('.tok-tab').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
_tokTab = btn.dataset.tab;
_tokPage = 0;
if (_tokTab === 'conductor') { if (tokFilter) tokFilter.style.display = 'none'; if (tokStatRow) tokStatRow.style.display = 'none'; if (tokTable) tokTable.classList.add('tok-table--conductor'); loadConductorTokens(); }
else { if (tokFilter) tokFilter.style.display = ''; if (tokStatRow) tokStatRow.style.display = ''; if (tokTable) tokTable.classList.remove('tok-table--conductor'); loadTokenPage(); }
});
async function loadConductorTokens() {
let curIn = 0, curOut = 0, curCc = 0, curCr = 0, curCost = 0;
let fetchOk = false;
try {
const data = await (await fetch(`${CONDUCTOR_ORIGIN}/token-stats`)).json();
const recs = (data.records || []).filter(r => r.thread === 'conductor-agent' || r.thread.startsWith('subagent-'));
for (const r of recs) {
curIn += r.input || 0; curOut += r.output || 0; curCc += r.cacheCreate || 0; curCr += r.cacheRead || 0;
curCost += parseFloat(estCost(r.input || 0, r.output || 0, r.model || '', r.cacheRead || 0, r.cacheCreate || 0));
}
fetchOk = true;
} catch (_) {
if (tokTbody) tokTbody.innerHTML = `${t('tok.condOffline')} ${_ci}${t('tok.condTotal')} ${fmtTok(hIn)} ${fmtTok(hOut)} ${fmtTok(hCc)} ${fmtTok(hCr)} ${hCacheRate} ${_ci}${t('tok.condCurrent')} ${fmtTok(curIn)} ${fmtTok(curOut)} ${fmtTok(curCc)} ${fmtTok(curCr)} ${curCacheRate}
`).join('');
box.querySelectorAll('.collab-card').forEach(el => {
const w = S.workers.find(x => x.id === el.dataset.sid);
if (w) {
const prev = prevUpdated.get(w.id);
if (prev != null && prev !== w.updatedAt) pulseEl(el);
prevUpdated.set(w.id, w.updatedAt);
}
el.addEventListener('contextmenu', e => {
e.preventDefault();
showCardMenu(e.clientX, e.clientY, el.dataset.sid);
});
el.addEventListener('click', () => {
if (w) openWorkerDrawer(w);
});
});
const running = S.workers.filter(w => w.status === 'running').length;
const done = S.workers.filter(w => w.status === 'reported').length;
S.runningCount = running;
document.dispatchEvent(new CustomEvent('collab:running-count', { detail: { count: running } }));
const stats = $('collab-progress-stats');
if (stats) {
const has = running > 0 || done > 0;
stats.hidden = !has;
if (has) {
stats.innerHTML = [
running > 0 ? `${GA_STATUS_BREATHE_SM}${running} ${esc(t('collab.statRunning'))}` : '',
done > 0 ? `${done} ${esc(t('collab.statDone'))}` : '',
].filter(Boolean).join('');
}
}
syncRail({ pulse: true });
}
function syncMessages() {
const area = $('collab-msgs'), welcome = $('collab-welcome'), list = $('collab-msg-list');
if (!area || !list) return;
if (!S.historyReady) {
area.classList.remove('has-msgs');
if (welcome) welcome.hidden = true;
list.hidden = true;
syncRail();
return;
}
const has = S.messages.length > 0;
area.classList.toggle('has-msgs', has);
if (welcome) welcome.hidden = has;
list.hidden = !has;
list.replaceChildren();
const toMsg = window.gaCollabItemToMsg;
const render = window.gaMsgNode;
if (toMsg && render) {
for (const item of S.messages) {
const el = render(toMsg(item));
el.classList.add('collab-msg-enter');
list.appendChild(el);
}
}
syncDraft();
scrollMsgs();
syncRail();
}
function pushMsg(item) {
if (item.id && S.messages.some(m => m.id === item.id)) return;
if (item.role === 'user') {
const plain = stripAttach(item.msg);
const expand = window.gaExpandFilePlaceholders;
for (let i = S.messages.length - 1; i >= 0; i--) {
const m = S.messages[i];
// 服务端回显的 msg 是 expand(本地文本)（附件被展开成了本地路径），和本地乐观消息其实是同一条。
// 命中后保留本地那条的干净显示（占位符 msg + 结构化 files/images 卡片），只补服务端 id/ts，
// 丢弃带路径的回显文本 —— 既去重、又不丢卡片、不外露本地路径，与 chat 显示一致。
if (m._local && m.role === 'user' &&
(stripAttach(m.msg) === plain || m.msg === item.msg || (expand && expand(m.msg) === item.msg))) {
m.id = item.id || m.id;
if (item.ts != null) m.ts = item.ts;
if (item.read != null) m.read = item.read;
m._local = false;
syncMessages();
setConnUi();
return;
}
}
}
S.messages.push(item);
if (item.role === 'conductor') S.conductorTyping = false;
syncMessages();
setConnUi();
}
function setWorkers(rawList) {
S.workers = (rawList || []).map(normalizeWorker);
renderWorkers();
}
function onWsData(data, gen) {
if (gen !== wsGen) return;
if (data.type === 'hello') {
S.historyReady = true;
S.messages = (data.chat || []).map(raw => ({ id: raw.id, role: raw.role || 'system', msg: raw.msg || '', ts: raw.ts, read: raw.read, files: raw.files || [], images: raw.images || [] }));
S.conductorTyping = !!data.running;
setWorkers(data.subagents || []);
syncMessages();
setConnUi();
} else if (data.type === 'subagents') setWorkers(data.items || []);
else if (data.type === 'chat') pushMsg({ id: data.item.id, role: data.item.role || 'system', msg: data.item.msg || '', ts: data.item.ts, read: data.item.read, files: data.item.files || [], images: data.item.images || [] });
}
function resetWs() {
wsGen++;
if (!ws) return;
const old = ws;
ws = null;
old.onopen = old.onclose = old.onerror = old.onmessage = null;
try { old.close(); } catch {}
}
function scheduleReconnect() {
clearTimeout(connectTimer);
clearInterval(reconnectTick);
if (!S.everConnected && S.failCount >= FAIL_MAX) {
S.reconnecting = false;
return setConnUi();
}
const delay = Math.min(RECON_MAX, RECON_BASE * Math.pow(2, Math.max(0, S.failCount - 1)));
S.reconnectAt = Date.now() + delay;
S.reconnecting = S.everConnected;
setConnUi();
reconnectTick = setInterval(() => { if (!S.reconnecting) clearInterval(reconnectTick); else setConnUi(); }, 500);
connectTimer = setTimeout(connect, delay);
}
function connect() {
if (ws && (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING)) return;
clearTimeout(connectTimer);
clearInterval(reconnectTick);
const gen = ++wsGen;
setConnUi();
let sock;
try { sock = new WebSocket(wsUrl()); } catch (e) {
if (gen !== wsGen) return;
S.failCount++;
return scheduleReconnect();
}
ws = sock;
sock.onopen = () => {
if (gen !== wsGen) return;
S.everConnected = true;
S.serviceAvailable = true;
S.reconnecting = false;
S.failCount = 0;
setConnUi();
};
sock.onclose = (ev) => {
if (gen !== wsGen) return;
S.serviceAvailable = false;
if (S.everConnected) S.reconnecting = true;
else S.failCount++;
setConnUi();
scheduleReconnect();
};
sock.onerror = () => {};
sock.onmessage = ev => {
if (gen !== wsGen) return;
try { onWsData(JSON.parse(ev.data), gen); } catch {}
};
}
function sendText(rawText) {
const text = (rawText || '').trim();
if (!text || !ws || ws.readyState !== WebSocket.OPEN) return false;
window.gaSetActiveFileComposer?.('collab');
const expand = window.gaExpandFilePlaceholders || (s => s);
const collect = window.gaCollectUsedFiles || (() => []);
const clearUsed = window.gaClearUsedPendingFiles || (() => {});
const used = collect(text);
const images = [], files = [];
for (const f of used) (f.isImage ? images : files).push(f.isImage ? { path: f.path, dataUrl: f.dataUrl, name: f.name, sid: f.sid } : { path: f.path, name: f.name, sid: f.sid });
S.messages.push({ id: `_local_${++localSeq}`, _local: true, role: 'user', msg: text, ts: Date.now() / 1000, images, files });
S.conductorTyping = true;
syncMessages();
ws.send(JSON.stringify({ msg: expand(text), files, images }));
clearUsed(text);
window.collabComposer?.clearIfMatch?.(text);
setConnUi();
return true;
}
$('collab-retry')?.addEventListener('click', () => { S.failCount = 0; S.reconnecting = false; resetWs(); connect(); });
$('collab-rail-toggle')?.addEventListener('click', () => toggleProgress());
$('collab-prog-close')?.addEventListener('click', () => toggleProgress(false));
window.collabComposer?.init?.(sendText);
window.collabInit = () => {
window.gaSetActiveFileComposer?.('collab');
syncMessages();
setConnUi();
renderWorkers();
connect();
};
window.collabFocus = () => window.collabComposer?.focus?.();
window.collabRetranslate = () => { renderWorkers(); syncMessages(); setConnUi(); };
})();
/* ═══════════════ Composer layout: inline / stacked ═══════════════ */
(function initComposerLayout() {
const BREAKPOINT = 480;
const SINGLE_LINE = 36;
document.querySelectorAll('.composer-inset').forEach(inset => {
const input = inset.querySelector('.input');
if (!input) return;
function update() {
const wide = inset.offsetWidth >= BREAKPOINT;
const single = input.scrollHeight <= SINGLE_LINE;
inset.classList.toggle('is-inline', wide && single);
}
new ResizeObserver(update).observe(inset);
input.addEventListener('input', update);
update();
});
})();
，抹掉以便 :empty 占位提示生效 if (!cfg.input.textContent.trim() && !cfg.input.querySelector('.ph-chip')) cfg.input.innerHTML = ''; reconcilePendingFiles(ctx); // chip 被删 → 同步清理附件 + 删磁盘文件 }); const zone = cfg.dropZone; const dropKey = `dropBound_${ctx}`; if (!zone || zone.dataset[dropKey]) return; zone.dataset[dropKey] = '1'; let dragDepth = 0; const hasFiles = (e) => { const types = e.dataTransfer && e.dataTransfer.types; if (!types) return false; for (let i = 0; i < types.length; i += 1) { if (types[i] === 'Files') return true; } return false; }; zone.addEventListener('dragenter', (e) => { if (!hasFiles(e)) return; e.preventDefault(); activeFileComposer = ctx; dragDepth += 1; zone.classList.add('dragover'); zone.dataset.dropHint = t('upload.dropHint'); }); zone.addEventListener('dragover', (e) => { if (!hasFiles(e)) return; e.preventDefault(); activeFileComposer = ctx; e.dataTransfer.dropEffect = 'copy'; }); zone.addEventListener('dragleave', (e) => { if (!hasFiles(e)) return; dragDepth = Math.max(0, dragDepth - 1); if (dragDepth === 0) zone.classList.remove('dragover'); }); zone.addEventListener('drop', (e) => { if (!hasFiles(e)) return; e.preventDefault(); dragDepth = 0; zone.classList.remove('dragover'); activeFileComposer = ctx; addFiles(e.dataTransfer.files); }); } bindComposerUpload('chat'); bindComposerUpload('collab'); Object.assign(window, { gaSetActiveFileComposer: ctx => { activeFileComposer = ctx === 'collab' ? 'collab' : 'chat'; }, gaPageStatusBar: pageStatusBar, gaExpandFilePlaceholders: expandFilePlaceholders, gaRenderMsgChips: renderMsgTextWithChips, gaCollectUsedFiles: collectUsedFiles, gaComposerText: composerText, gaClearUsedPendingFiles: text => removeUsedPendingFiles(collectUsedFiles(text)), gaFileSubLabel: fileSubLabel, gaMsgNode: msgNode, gaCollabItemToMsg: collabItemToMsg, gaPostRenderEnhance: postRenderEnhance, gaEscapeHtml: escapeHtml, }); if (chatPanel) { const blockFileDrop = e => { const types = e.dataTransfer?.types; if (!types) return; for (let i = 0; i < types.length; i += 1) if (types[i] === 'Files') { e.preventDefault(); return; } }; window.addEventListener('dragover', blockFileDrop); window.addEventListener('drop', blockFileDrop); } /* ═══════════════ bridge 事件 ═══════════════ */ window.ga.onBridgeReady(async () => { state.bridgeReady = true; syncPlanPollTimer(); refreshStatusLabel(); if (!state.activeId) { refreshEmptyState(null); } await loadModelProfiles(); await loadBridgeConfig(); if (isServicesPageActive()) renderChannelList(gaServiceStore.list()); const sess = activeSess(); if (sess && sessionNeedsHydrate(sess)) { await runSessionHydrate(sess); } else if (sess) planPoll(sess); delete document.documentElement.dataset.bootHasSessions; if (sess) refreshEmptyState(sess); }); setTimeout(() => { delete document.documentElement.dataset.bootHasSessions; }, 3000); window.ga.onBridgeNotification((msg) => { if (msg && msg.type === 'session-state') { for (const sess of state.sessions.values()) { if (sess.bridgeSessionId === msg.sessionId) { if (msg.status === 'running' || msg.state === 'running') pollSession(sess); if (msg.state === 'idle' || msg.status === 'idle') tokPollBridge(); renderSessionList(); break; } } } }); window.ga.onBridgeError((err) => { console.warn('[bridge error]', err); }); window.ga.onBridgeClosed(() => { state.bridgeReady = false; syncPlanPollTimer(); const s = activeSess(); if (s) applyPlanPayload(s, null); chatStatus.setDisconnected(); }); /* ═══════════════ Token 用量页 ═══════════════ */ const tokTbody = document.getElementById('tok-tbody'); const tokTable = document.getElementById('tok-table'); const tokPager = document.getElementById('tok-pager'); const tokSince = document.getElementById('tok-since'); const tokUntil = document.getElementById('tok-until'); const tokTotalN = document.getElementById('tok-total-n'); const tokTodayN = document.getElementById('tok-today-n'); const tokCostN = document.getElementById('tok-cost-n'); const TOK_PER_PAGE = 15; let _tokPage = 0; let _tokHistory = []; let _tokLastSnap = {}; // Model price table: $/M tokens [input, output] const MODEL_PRICES = { 'gpt-5.4':[2.50,15],'gpt-5':[1.25,10],'gpt-5-mini':[0.25,2],'gpt-4o':[2.50,10],'gpt-4o-mini':[0.15,0.60], 'gpt-4.1':[2,8],'gpt-4.1-mini':[0.40,1.60],'gpt-4.1-nano':[0.10,0.40],'o4-mini':[0.55,2.20], 'claude-opus-4-8':[5,25],'claude-opus-4-7':[5,25],'claude-opus-4-6':[5,25],'claude-sonnet-4-6':[3,15],'claude-sonnet-4-5':[3,15],'claude-haiku-4-5':[1,5], 'deepseek-v4':[0.14,0.28],'deepseek-v4-pro':[0.435,0.87],'deepseek-chat':[0.14,0.28],'deepseek-reasoner':[0.55,2.19], 'glm-5.1':[0.50,0.50],'minimax-m2.7':[0.50,0.50],'kimi-for-coding':[0.50,2], }; const CNY_RATE = 7.2; function estCost(inp, out, model, cacheRead, cacheCreate) { let p = [3,15]; if (model) { const m = model.toLowerCase().replace(/\[.*\]/,''); p = MODEL_PRICES[m] || Object.entries(MODEL_PRICES).find(([k])=>m.includes(k))?.[1] || p; } const isClaudeOrDS = model && /claude|deepseek/i.test(model); const cacheReadRate = isClaudeOrDS ? 0.1 : 0.5; const cacheWriteRate = isClaudeOrDS ? 1.25 : 1.0; const cost = (inp*p[0] + out*p[1] + (cacheRead||0)*p[0]*cacheReadRate + (cacheCreate||0)*p[0]*cacheWriteRate) / 1e6 * CNY_RATE; return cost.toFixed(2); } function fmtTok(n) { return n>=1e6?(n/1e6).toFixed(2)+'M':n>=1e3?(n/1e3).toFixed(1)+'k':String(n); } function fmtTime(ts) { return new Date(ts*1000).toLocaleString(undefined,{month:'short',day:'numeric',hour:'2-digit',minute:'2-digit'}); } function modelPriceTip(model) { if (!model) return ''; const m = model.toLowerCase().replace(/\[.*\]/,''); const entry = MODEL_PRICES[m] || Object.entries(MODEL_PRICES).find(([k])=>m.includes(k))?.[1]; const known = !!entry; const p = entry || [3,15]; const isClaudeOrDS = /claude|deepseek/i.test(m); const cacheReadRate = isClaudeOrDS ? 0.1 : 0.5; const cacheWriteRate = isClaudeOrDS ? 1.25 : 1.0; const lines = []; if (!known) lines.push(t('tok.pricingUnknown')); lines.push(t('tok.priceInput') + p[0] + ' /M'); lines.push(t('tok.priceOutput') + p[1] + ' /M'); lines.push(t('tok.priceCacheW') + (p[0] * cacheWriteRate).toFixed(2) + ' /M'); lines.push(t('tok.priceCacheR') + (p[0] * cacheReadRate).toFixed(2) + ' /M'); return lines.join('\n'); } function tokLoadHistory() { return _tokHistory; } function tokSaveHistory(h) { _tokHistory = h; fetch(`${BRIDGE_ORIGIN}/token-history`, { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({history:h, snap:_tokLastSnap, conductorHist:_condHist, conductorLast:_condLast}) }).catch(()=>{}); } let _tokPolling = false; async function tokPollBridge() { if (_tokPolling) return; _tokPolling = true; try { if (!_tokHistory.length) { const stored = await bridgeFetch('/token-history'); if (stored.history?.length) _tokHistory = stored.history; if (stored.snap) _tokLastSnap = stored.snap; if (stored.conductorHist) _condHist = stored.conductorHist; if (stored.conductorLast) _condLast = stored.conductorLast; } const data = await bridgeFetch('/token-stats'); const history = tokLoadHistory(); for (const r of (data.records||[])) { const key = r.thread; const sid = key.replace('GA-',''); const sess = [...state.sessions.values()].find(s=>s.bridgeSessionId===sid); if (sess && rt(sess).busy) continue; const prev = _tokLastSnap[key] || {input:0,output:0,cacheCreate:0,cacheRead:0}; let di = r.input-prev.input, do_ = r.output-prev.output, dc = r.cacheCreate-prev.cacheCreate, dr = r.cacheRead-prev.cacheRead; if (di<0||do_<0||dc<0||dr<0) { di = r.input; do_ = r.output; dc = r.cacheCreate; dr = r.cacheRead; } if (di>0||do_>0||dc>0||dr>0) { const title = sess ? displayTitle(sess) : sid; history.push({sessionId:sid, title:title, input:di, output:do_, cacheCreate:dc, cacheRead:dr, model:r.model||'', ts:Date.now()/1000}); if(sess?.title) history.forEach(h=>{if(h.sessionId===sid&&(!h.title||h.title===sid))h.title=sess.title;}); } _tokLastSnap[key] = {input:r.input, output:r.output, cacheCreate:r.cacheCreate, cacheRead:r.cacheRead}; } tokSaveHistory(history); } catch(_) {} _tokPolling = false; } function tokGetFiltered() { let records = tokLoadHistory(); const parseD = v => v ? new Date(v.replace(/\s+/,'T')).getTime()/1000 : 0; const since = parseD(tokSince?.value); const until = parseD(tokUntil?.value); if (since) records = records.filter(r=>r.ts>=since); if (until) records = records.filter(r=>r.ts<=until); return records; } function tokRenderStats(filtered, all) { let total=0, totalInput=0, totalCacheRead=0, totalCacheCreate=0; filtered.forEach(r=>{total+=(r.input||0)+(r.output||0)+(r.cacheRead||0)+(r.cacheCreate||0); totalInput+=(r.input||0); totalCacheRead+=(r.cacheRead||0); totalCacheCreate+=(r.cacheCreate||0);}); if(tokTotalN) tokTotalN.textContent=fmtTok(total); const cacheBase = totalInput + totalCacheRead + totalCacheCreate; if(tokCostN) tokCostN.textContent= cacheBase > 0 ? (totalCacheRead / cacheBase * 100).toFixed(1) + '%' : '0%'; const todayStart=new Date(); todayStart.setHours(0,0,0,0); const todayTs=todayStart.getTime()/1000; let todayT=0; all.filter(r=>r.ts>=todayTs).forEach(r=>{todayT+=(r.input||0)+(r.output||0)+(r.cacheRead||0)+(r.cacheCreate||0);}); if(tokTodayN) tokTodayN.textContent=fmtTok(todayT); } function tokRenderTable(records) { if(!tokTbody) return; const bySession=new Map(); for(const r of records){ const k=r.sessionId||'?'; const ss= r._conductor ? null : [...state.sessions.values()].find(s=>s.bridgeSessionId===k); let title = ss ? displayTitle(ss) : (r.title||k); const deleted = r._conductor ? !!r._killed : !ss; if(!bySession.has(k)) bySession.set(k,{title:title,deleted:deleted,input:0,output:0,cacheCreate:0,cacheRead:0,lastTs:0,prompts:[]}); const s=bySession.get(k); s.input+=r.input||0; s.output+=r.output||0; s.cacheCreate+=r.cacheCreate||0; s.cacheRead+=r.cacheRead||0; if(r.ts>s.lastTs){s.lastTs=r.ts; s.title=title;} s.prompts.push(r); } tokTbody.innerHTML=''; if(bySession.size===0){tokTbody.innerHTML=`
';
list.appendChild(draftEl);
requestAnimationFrame(scrollMsgs);
}
function relTime(ts) {
if (!ts) return '';
const ms = typeof ts === 'number' ? (ts > 1e12 ? ts : ts * 1000) : Date.parse(ts);
if (!ms || Number.isNaN(ms)) return '';
const sec = Math.max(0, Math.floor((Date.now() - ms) / 1000));
if (sec < 10) return t('collab.timeJust');
if (sec < 60) return t('collab.timeSec').replace('{n}', sec);
const min = Math.floor(sec / 60);
if (min < 60) return t('collab.timeMin').replace('{n}', min);
const hr = Math.floor(min / 60);
return hr < 24 ? t('collab.timeHr').replace('{n}', hr) : t('collab.timeDay').replace('{n}', Math.floor(hr / 24));
}
function mapStatus(status, reply) {
const r = (reply || '').trim();
if (status === 'running') return 'running';
if (status === 'failed') return 'failed';
if (status === 'aborted') return 'terminated';
if (status === 'stopped') return r ? 'reported' : 'paused';
return 'paused';
}
function normalizeWorker(raw) {
if (!titleSeen.has(raw.id)) titleSeen.set(raw.id, ++titleSeq);
const ui = mapStatus(raw.status, raw.reply);
let title = String(raw.prompt ?? '').replace(/^[\s请帮我麻烦]+/u, '').trim();
if (!title) title = t('collab.taskFallback').replace('{n}', titleSeen.get(raw.id));
else {
title = (title.split(/[\n。！？.!?]/)[0] || '').trim();
if (title.length > 18) title = title.slice(0, 18) + '…';
}
const reply = String(raw.reply || '').replace(/\s+/g, ' ').trim();
let summary = reply ? (reply.length > 80 ? reply.slice(0, 80) + '…' : reply) : t(ui === 'running' ? 'collab.summaryRunning' : 'collab.summaryWait');
return { id: raw.id, title, status: ui, summary, fullReply: raw.reply || '', updatedAt: raw.updated_at };
}
function syncCollabStatus() {
if (!collabStatus) return;
if (S.conductorTyping && S.serviceAvailable) collabStatus.setBusy(t('status.running'));
else if (S.serviceAvailable) collabStatus.setReady();
else if (S.reconnecting || (!S.everConnected && S.failCount < FAIL_MAX)) collabStatus.setConnecting();
else collabStatus.set(t('collab.offlineShort'), 'offline'); // 顶栏直接显示"无法连接 Conductor(8900)"取代"未连接"
}
function setConnUi() {
const retry = $('collab-retry');
const avail = S.serviceAvailable;
const trying = !avail && !S.everConnected && S.failCount < FAIL_MAX;
// 只有"真离线且不在自动重连"才显示刷新图标(右边的手动重试入口)
if (retry) retry.hidden = avail || S.reconnecting || trying;
window.collabComposer?.setEnabled?.(avail);
syncCollabStatus();
syncDraft();
syncRail();
}
let cardMenu = null;
function hideCardMenu() { if (cardMenu) { cardMenu.remove(); cardMenu = null; } }
function showCardMenu(x, y, sid) {
hideCardMenu();
cardMenu = document.createElement('div');
cardMenu.className = 'ctx-menu';
cardMenu.style.left = x + 'px';
cardMenu.style.top = y + 'px';
cardMenu.innerHTML = `
${GA_ICON('trash')}${esc(t('ctx.del'))}
`;
cardMenu.querySelector('.ctx-item').onclick = (e) => {
e.stopPropagation();
fetch(`${CONDUCTOR_ORIGIN}/subagent/${sid}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'kill' }) });
hideCardMenu();
};
document.body.appendChild(cardMenu);
setTimeout(() => document.addEventListener('mousedown', (e) => { if (!cardMenu?.contains(e.target)) hideCardMenu(); }, { once: true }), 0);
}
let drawerEl = null;
function closeWorkerDrawer() { if (drawerEl) { drawerEl.remove(); drawerEl = null; } }
function openWorkerDrawer(w) {
closeWorkerDrawer();
drawerEl = document.createElement('div');
drawerEl.className = 'collab-drawer-wrap';
drawerEl.innerHTML = ``;
const bubble = drawerEl.querySelector('.collab-drawer-body .bubble');
if (bubble) {
bubble.innerHTML = renderTurnBody(w.fullReply || t('collab.summaryWait'));
postRenderEnhance(bubble);
}
drawerEl.querySelector('.collab-drawer-backdrop').onclick = closeWorkerDrawer;
drawerEl.querySelector('.collab-drawer-close').onclick = closeWorkerDrawer;
document.body.appendChild(drawerEl);
}
function renderWorkers() {
const box = $('collab-workers'), empty = $('collab-progress-empty');
if (!box) return;
if (empty) empty.hidden = S.workers.length > 0;
box.innerHTML = S.workers.map(w => `