tagword-codeagent 1.1.6__py3-none-any.whl

codeagent/web/static/01q-inflight.js

@@ -0,0 +1,195 @@
+
+const chatInflightBySid = {};
+/** 待发送附件（06b-attachments.js 读写；须在此提前声明避免 TDZ） */
+var pendingAttachments = [];
+
+/**
+ * 刚刚结束运行的会话集合（sid → true）。
+ * agent 运行结束后显示绿色实心圆点（不闪烁），用户点击后清除。
+ * 通过 localStorage 持久化，刷新页面后仍可恢复。
+ */
+const chatCompletedBySid = {};
+var _COMPLETED_STORAGE_KEY = STORAGE_KEYS.SESS_COMPLETED;
+/** 用户手动清除过 completed 状态的会话集合（防御：防止刷新/WS重连等路径重新标记）。sessionStorage 持久化。 */
+var _CLEARED_STORAGE_KEY = STORAGE_KEYS.SESS_CLEARED;
+const _userClearedCompletedSids = {};
+
+function _persistUserCleared() {
+  try {
+    var keys = Object.keys(_userClearedCompletedSids);
+    if (keys.length === 0) sessionStorage.removeItem(_CLEARED_STORAGE_KEY);
+    else sessionStorage.setItem(_CLEARED_STORAGE_KEY, JSON.stringify(keys));
+  } catch (_) {}
+}
+function _restoreUserCleared() {
+  try {
+    var raw = sessionStorage.getItem(_CLEARED_STORAGE_KEY);
+    if (!raw) return;
+    var arr = JSON.parse(raw);
+    if (Array.isArray(arr)) arr.forEach(function(k) { _userClearedCompletedSids[k] = true; });
+  } catch (_) {}
+}
+
+/** 从 localStorage 恢复会话已完成状态，但排除用户手动清除过的。 */
+function restoreCompletedSessions() {
+  _restoreUserCleared();
+  try {
+    var raw = localStorage.getItem(_COMPLETED_STORAGE_KEY);
+    if (!raw) return;
+    var obj = JSON.parse(raw);
+    if (obj && typeof obj === 'object') {
+      Object.keys(obj).forEach(function(k) {
+        if (!_userClearedCompletedSids[k]) {
+          chatCompletedBySid[k] = true;
+        }
+      });
+    }
+  } catch (_) {}
+}
+
+/** 将会话已完成状态持久化到 localStorage */
+function persistCompletedSessions() {
+  try {
+    var keys = Object.keys(chatCompletedBySid);
+    if (keys.length === 0) {
+      localStorage.removeItem(_COMPLETED_STORAGE_KEY);
+    } else {
+      var obj = {};
+      keys.forEach(function(k) { obj[k] = true; });
+      localStorage.setItem(_COMPLETED_STORAGE_KEY, JSON.stringify(obj));
+    }
+  } catch (_) {}
+}
+
+let lastLocalAgentReplyNorm = '';
+let lastLocalAgentReplyAt = 0;
+let pinSessionToTopOnce = '';
+
+function isSessionRunning(sid) {
+  return (chatInflightBySid[String(sid || '')] || 0) > 0;
+}
+
+function composeHasSendPayload() {
+  const text = msg && msg.value ? msg.value.trim() : '';
+  const hasPending = pendingAttachments && pendingAttachments.length > 0;
+  return !!(text || hasPending);
+}
+
+/** 幂等设置会话 running / idle（单一状态源，避免 +/- 计数漂移）
+ *  ⚠️ 注意：此函数只负责 running 状态，不负责 completed（已完成绿色）状态。
+ *  completed 状态由 run_finished WS 事件 handler 专门管理（见 04-ws-connect.js）。
+ */
+function setSessionRunning(sid, running) {
+  const k = String(sid || '');
+  if (!k) return;
+  if (running) {
+    chatInflightBySid[k] = 1;
+    // 开始运行 → 清除 stale completed
+    delete chatCompletedBySid[k];
+    persistCompletedSessions();
+  } else {
+    delete chatInflightBySid[k];
+    // 不再自动标记 completed —— 由 run_finished handler 管
+  }
+  updateComposerButtons();
+  if (typeof applySessionRunningState === 'function') applySessionRunningState(k);
+  if (typeof applySessionCompletedState === 'function') applySessionCompletedState(k);
+}
+
+function updateComposerButtons() {
+  const active = isSessionRunning(sessionId);
+  const showStop = active && !composeHasSendPayload();
+  if (typeof stopBtn !== 'undefined' && stopBtn) stopBtn.disabled = !active;
+  if (sendBtn) {
+    sendBtn.classList.toggle('is-stop', showStop);
+    sendBtn.classList.toggle('is-finishing', active && composeHasSendPayload());
+    sendBtn.title = showStop
+      ? '停止（等待本轮回答完成）'
+      : (active ? '发送补充消息 (Enter)' : '发送 (Enter)');
+    const sendIcon = sendBtn.querySelector('.compose__send-icon');
+    const stopIcon = sendBtn.querySelector('.compose__stop-icon');
+    if (sendIcon) sendIcon.style.display = showStop ? 'none' : '';
+    if (stopIcon) stopIcon.style.display = showStop ? '' : 'none';
+    sendBtn.disabled = false;
+  }
+}
+
+/** 清除会话的「已完成」绿色状态（用户点击高亮会话时调用） */
+function clearSessionCompleted(sid) {
+  const k = String(sid || '');
+  if (!k) return;
+  // 记录用户手动清除过此会话：后续 run_finished 事件不会再标记绿色
+  _userClearedCompletedSids[k] = true;
+  _persistUserCleared();
+  delete chatCompletedBySid[k];
+  persistCompletedSessions();
+  if (typeof applySessionCompletedState === 'function') applySessionCompletedState(k);
+}
+
+function bumpChatInflight(sid, delta) {
+  if (delta > 0) setSessionRunning(sid, true);
+  else if (delta < 0) setSessionRunning(sid, false);
+}
+function rememberLocalAgentReply(text) {
+  const n = normReply(text);
+  if (!n) return;
+  lastLocalAgentReplyNorm = n;
+  lastLocalAgentReplyAt = Date.now();
+}
+function resetAgentReplyDedupe() {
+  lastLocalAgentReplyNorm = '';
+  lastLocalAgentReplyAt = 0;
+  // Also reset streaming bubble state so a new conversation starts fresh.
+  // (global vars defined in 03-markdown.js)
+  if (typeof _streamBubbleWrap !== 'undefined') _streamBubbleWrap = null;
+  if (typeof _streamConsumedLen !== 'undefined') _streamConsumedLen = 0;
+}
+
+/**
+ * 页面刷新后从后端恢复正在运行中的会话状态（心跳指示）。
+ * 并同时从 localStorage 恢复已完成会话状态（绿色实心）。
+ * 由 initWebUiSessions 在最开始时调用。
+ */
+async function restoreRunningSessions() {
+  // 1. 从 localStorage 恢复已完成（绿色实心）状态
+  restoreCompletedSessions();
+  // 2. 全量替换 running 状态：先清空所有 stale 状态，再填充后端快照。
+  //    避免 WS 断连期间丢失的 run_finished 事件导致会话"卡"在运行状态。
+  Object.keys(chatInflightBySid).forEach(function(sid) {
+    setSessionRunning(sid, false);
+  });
+  try {
+    const aid = (typeof agentId !== 'undefined') ? agentId : 'default';
+    const r = await fetch('/api/ui/sessions/running?agent_id=' + encodeURIComponent(aid));
+    if (!r.ok) return;
+    const j = await r.json();
+    if (j && Array.isArray(j.running)) {
+      j.running.forEach(function(sid) {
+        if (sid) setSessionRunning(String(sid), true);
+      });
+    }
+  } catch (_) {}
+}
+
+// ---- 项目路径显示：切换项目时更新 topbar ---- //
+document.addEventListener('project-changed', function(e) {
+  var pathEl = document.getElementById('currentProjectPath');
+  if (!pathEl) return;
+  var pid = (e && e.detail && e.detail.projectId) || projectId || '';
+  var path = '';
+  if (pid && treeProjectsCache && treeProjectsCache.aid === agentId) {
+    for (var i = 0; i < treeProjectsCache.projects.length; i++) {
+      var p = treeProjectsCache.projects[i];
+      if (p.id === pid && p.path) {
+        path = p.path;
+        break;
+      }
+    }
+  }
+  if (path) {
+    pathEl.textContent = path;
+    pathEl.style.display = '';
+  } else {
+    pathEl.style.display = 'none';
+  }
+});

codeagent/web/static/02-reset.css

@@ -0,0 +1,22 @@
+/* ================================================================
+ * 02-reset.css — Global resets base element styles
+ * ================================================================ */
+
+* { box-sizing: border-box; }
+html, body { height: 100%; }
+body {
+  margin: 0;
+  font-family: var(--font-sans);
+  font-size: 14px;
+  line-height: 1.55;
+  background: var(--bg);
+  color: var(--text);
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  overflow: hidden;
+  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
+}
+a { color: var(--accent); text-underline-offset: 2px; }
+a:hover { color: var(--accent-hover); }
+button { font: inherit; color: inherit; }
+::selection { background: var(--accent-soft); color: var(--text); }

codeagent/web/static/02-session-ui.js

@@ -0,0 +1,201 @@
+/* ================================================================
+ * 02-session-ui.js
+ *   - Unread count bookkeeping (localStorage map)
+ *   - Session list item rendering (buildSessListItem)
+ *   - Session list DOM helpers (highlight, running state)
+ *   - Session operations (archive, delete, copy-id)
+ * ================================================================ */
+
+// ---------------- Unread count bookkeeping ----------------
+
+function getReadMap() {
+  try {
+    const o = JSON.parse(localStorage.getItem(READ_KEY) || '{}');
+    return o && typeof o === 'object' ? o : {};
+  } catch (_) { return {}; }
+}
+function saveReadMap(m) {
+  localStorage.setItem(READ_KEY, JSON.stringify(m));
+}
+function ensureReadBaseline(rows) {
+  const m = getReadMap();
+  let ch = false;
+  (rows || []).forEach((r) => {
+    const sid = r.session_id;
+    if (sid && !Object.prototype.hasOwnProperty.call(m, sid)) {
+      m[sid] = r.message_count || 0;
+      ch = true;
+    }
+  });
+  if (ch) saveReadMap(m);
+}
+function markSessionReadByCount(sid, count) {
+  const m = getReadMap();
+  m[sid] = count;
+  saveReadMap(m);
+}
+function unreadCountFor(row) {
+  if (row && row.session_id === sessionId) return 0;
+  const m = getReadMap();
+  const mc = row.message_count || 0;
+  if (!Object.prototype.hasOwnProperty.call(m, row.session_id)) return 0;
+  return Math.max(0, mc - m[row.session_id]);
+}
+function removeSessionReadBaseline(sid) {
+  const m = getReadMap();
+  delete m[sid];
+  saveReadMap(m);
+}
+function updateMainHeaderForSession(sid) {
+  const titleEl = document.getElementById('currentConvTitle');
+  const chEl = document.getElementById('currentConvChannel');
+  if (!titleEl || !chEl) return;
+  const row = lastSessionsCache.find((r) => r.session_id === sid);
+  if (row) {
+    titleEl.textContent = row.display_title || '对话';
+    chEl.textContent = row.channel || 'Web 聊天';
+  } else {
+    titleEl.textContent = '新对话';
+    chEl.textContent = 'Web 聊天';
+  }
+}
+function orderSessionsWithPinFirst(sessions, pinSid) {
+  const pin = String(pinSid || '');
+  if (!pin || !sessions || !sessions.length) return (sessions || []).slice();
+  const next = sessions.slice();
+  const idx = next.findIndex((r) => r.session_id === pin);
+  if (idx > 0) { const [hit] = next.splice(idx, 1); next.unshift(hit); }
+  return next;
+}
+function highlightSessList(sid) {
+  // 用户点击了某个会话 → 清除其「已完成」标记
+  if (typeof chatCompletedBySid !== 'undefined' && typeof clearSessionCompleted === 'function') {
+    clearSessionCompleted(sid);
+  }
+  document.querySelectorAll('#sessList .sess-row').forEach((el) => {
+    el.classList.toggle('is-active', el.getAttribute('data-session-id') === sid);
+  });
+  applyAllSessionRunningStates();
+  applyAllSessionCompletedStates();
+}
+function applySessionRunningState(sid) {
+  const k = String(sid || '');
+  if (!k) return;
+  const active = (chatInflightBySid[k] || 0) > 0;
+  // 更新侧边栏列表
+  const rows = document.querySelectorAll('#sessList .sess-row[data-session-id="' + CSS.escape(k) + '"]');
+  rows.forEach((el) => el.classList.toggle('is-running', active));
+  // 更新树状视图
+  const treeSessions = document.querySelectorAll('.tree-session[data-session-id="' + CSS.escape(k) + '"]');
+  treeSessions.forEach((el) => el.classList.toggle('is-running', active));
+  // 更新当前会话的 body 标记
+  if (typeof sessionId !== 'undefined' && k === String(sessionId)) {
+    try { document.body.classList.toggle('chat-running', active); } catch (_) {}
+  }
+}
+function applyAllSessionRunningStates() {
+  try {
+    const all = new Set(Object.keys(chatInflightBySid));
+    if (typeof sessionId !== 'undefined' && sessionId) all.add(String(sessionId));
+    all.forEach(applySessionRunningState);
+  } catch (_) {}
+}
+function applySessionCompletedState(sid) {
+  const k = String(sid || '');
+  if (!k) return;
+  // completed 状态只由 run_finished handler 标记（带 _userClearedCompletedSids 守卫），
+  // 这里直接读 chatCompletedBySid 即可，不需要再叠守卫。
+  const completed = !!(chatCompletedBySid && chatCompletedBySid[k]);
+  // 当前正在查看的会话由 .is-active 控制，不叠加 completed（避免绿色覆盖 accent 高亮）
+  const isActive = typeof sessionId !== 'undefined' && k === String(sessionId);
+  const shouldShow = completed && !isActive;
+  // 更新侧边栏列表
+  const rows = document.querySelectorAll('#sessList .sess-row[data-session-id="' + CSS.escape(k) + '"]');
+  rows.forEach((el) => el.classList.toggle('is-completed', shouldShow && !el.classList.contains('is-running')));
+  // 更新树状视图
+  const treeSessions = document.querySelectorAll('.tree-session[data-session-id="' + CSS.escape(k) + '"]');
+  treeSessions.forEach((el) => el.classList.toggle('is-completed', shouldShow && !el.classList.contains('is-running')));
+}
+function applyAllSessionCompletedStates() {
+  try {
+    const all = new Set(Object.keys(chatCompletedBySid || {}));
+    all.forEach(applySessionCompletedState);
+  } catch (_) {}
+}
+
+// ---------------- Session list item rendering ----------------
+
+function buildSessListItem(row) {
+  const wrap = document.createElement('div');
+  wrap.className = 'sess-row';
+  wrap.setAttribute('data-session-id', row.session_id);
+  // 检查初始运行状态
+  if (typeof chatInflightBySid !== 'undefined' && (chatInflightBySid[row.session_id] || 0) > 0) {
+    wrap.classList.add('is-running');
+  }
+  // 已完成状态（绿色）由 refreshSessionList() 末尾的 requestAnimationFrame 统一通过
+  // applySessionCompletedState 来管理，不在构建时单独设置，避免时序竞争（清除→重建→再标记）。
+
+  const btn = document.createElement('button');
+  btn.type = 'button';
+  btn.className = 'sess-item-main';
+  btn.setAttribute('data-session-id', row.session_id);
+  btn.setAttribute('role', 'option');
+  const dot = document.createElement('span');
+  dot.className = 'sess-item__channel-dot';
+  dot.setAttribute('aria-hidden', 'true');
+  const body = document.createElement('div');
+  body.className = 'sess-item__body';
+  const title = document.createElement('div');
+  title.className = 'sess-item__title';
+  title.textContent = row.display_title || '未命名对话';
+  const sub = document.createElement('div');
+  sub.className = 'sess-item__sub';
+  sub.textContent = (row.channel || '') + ' · ' + (row.message_count || 0) + ' 条';
+  body.appendChild(title);
+  body.appendChild(sub);
+  const badge = document.createElement('span');
+  badge.className = 'sess-item__badge';
+  const un = unreadCountFor(row);
+  if (un <= 0) badge.hidden = true;
+  else badge.textContent = un > 99 ? '99+' : String(un);
+  btn.appendChild(dot);
+  btn.appendChild(body);
+  btn.appendChild(badge);
+
+  const opWrap = document.createElement('div');
+  opWrap.className = 'sess-item__op-wrap';
+  const trig = document.createElement('button');
+  trig.type = 'button';
+  trig.className = 'sess-item__op-trigger';
+  trig.setAttribute('aria-label', '会话操作');
+  trig.setAttribute('aria-haspopup', 'true');
+  trig.textContent = '\u22EE';
+  const menu = document.createElement('div');
+  menu.className = 'sess-item__menu';
+  menu.setAttribute('role', 'menu');
+  const bCopyId = document.createElement('button');
+  bCopyId.type = 'button';
+  bCopyId.setAttribute('data-sess-act', 'copy-id');
+  bCopyId.setAttribute('role', 'menuitem');
+  bCopyId.textContent = '复制会话 ID';
+  const bArch = document.createElement('button');
+  bArch.type = 'button';
+  bArch.setAttribute('data-sess-act', 'archive');
+  bArch.setAttribute('role', 'menuitem');
+  bArch.textContent = '归档';
+  const bDel = document.createElement('button');
+  bDel.type = 'button';
+  bDel.setAttribute('data-sess-act', 'delete');
+  bDel.setAttribute('role', 'menuitem');
+  bDel.className = 'sess-item__menu-danger';
+  bDel.textContent = '删除';
+  menu.appendChild(bCopyId);
+  menu.appendChild(bArch);
+  menu.appendChild(bDel);
+  opWrap.appendChild(trig);
+  opWrap.appendChild(menu);
+  wrap.appendChild(btn);
+  wrap.appendChild(opWrap);
+  return wrap;
+}

codeagent/web/static/03-layout-p1.css

@@ -0,0 +1,2 @@
+/* ================================================================ * 03-layout.css — App grid, sidebar, workspace, topbar, pages * ================================================================ */.app {  height: 100vh;  display: grid;  grid-template-columns: var(--activity-bar-w, 48px) var(--sidebar-w) 1fr;}.workspace {  position: relative;  min-width: 0;  min-height: 0;  display: flex;  flex-direction: column;  background: var(--bg);  overflow: hidden;}/* ============ Pages ============ */.workspace > .topbar {  position: relative;  z-index: 2;  flex-shrink: 0;} .page {  display: none;  flex: none;  min-height: 0;  flex-direction: column;  position: absolute;  left: 0;  right: 0;  top: var(--topbar-h, 48px);  bottom: 0;  width: 100%;  box-sizing: border-box;  z-index: 0;} .page.active {  display: flex;  z-index: 1;  animation: pageIn 0.2s cubic-bezier(0.2, 0, 0, 1);}@keyframes pageIn {  from { opacity: 0; transform: translateY(3px); }  to { opacity: 1; transform: none; }}.page--scroll {  overflow-y: auto;  padding: var(--sp-8) var(--sp-8) var(--sp-10);  scrollbar-width: thin;  scrollbar-color: var(--border-strong) transparent;}.page--scroll::-webkit-scrollbar { width: 10px; }.page--scroll::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 5px; }.content-max {  max-width: 920px;  margin: 0 auto;  display: flex;  flex-direction: column;  gap: var(--sp-5);}/* ============ Topbar ============ */.topbar {  position: relative;  height: var(--topbar-h);  padding: 0 var(--sp-6);  border-bottom: 1px solid var(--border);  display: flex;  align-items: center;  gap: var(--sp-4);  background: var(--bg-panel);  flex-shrink: 0;}.topbar__title-group {  display: flex;  align-items: center;  gap: var(--sp-3);  min-width: 0;  flex: 1;}.topbar__title {  margin: 0;  font-size: 14px;  font-weight: 600;  letter-spacing: -0.005em;  color: var(--text);  line-height: 1.2;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  max-width: 48vw;}.channel-pill {  font-size: 10.5px;  font-weight: 550;  padding: 2px 8px;  border-radius: var(--r-full);  background: var(--accent-soft);  color: var(--accent);  letter-spacing: 0.01em;  line-height: 1.4;  flex-shrink: 0;}
+.topbar__project-path {  font-size: 11px;  color: var(--text-muted, #888);  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  max-width: 240px;  padding: 1px 8px;  border-left: 1px solid var(--border-color, #e5e5ea);  flex-shrink: 1;  min-width: 0;}.topbar__project-path::before {  content: "📂 ";  font-size: 10px;}.topbar__meta {  display: flex;  align-items: center;  gap: var(--sp-2);  color: var(--text-muted);  font-size: 12px;}.session-id-chip {  display: inline-flex;  align-items: center;  gap: 4px;  padding: 3px 8px;  border-radius: var(--r-full);  background: var(--bg-subtle);  border: 1px solid var(--border);  color: var(--text-muted);  font-family: var(--font-mono);  font-size: 10.5px;  max-width: 240px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  cursor: default;}.session-id-chip::before {  content: '';  width: 5px; height: 5px;  border-radius: 50%;  background: var(--success);  flex-shrink: 0;  box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.18);}.topbar__todo-btn {  width: 28px; height: 28px;  padding: 0;  border: none;  border-radius: var(--r-sm);  background: transparent;  color: var(--text-muted);  cursor: pointer;  display: inline-flex;  align-items: center;  justify-content: center;  transition: background 0.12s ease, color 0.12s ease;}.topbar__todo-btn:hover { background: var(--bg-hover); color: var(--text); }.topbar__todo-btn.is-active { color: var(--accent); background: var(--accent-soft); }.topbar__todo-btn svg { width: 16px; height: 16px; }

codeagent/web/static/03-layout-p2.css

@@ -0,0 +1,2 @@
+
+/* ============ Sidebar ============ */.sidebar {  display: flex;  flex-direction: column;  background: var(--bg-panel);  border-right: 1px solid var(--border);  min-height: 0;  overflow: hidden;}.sidebar__head {  padding: var(--sp-3) var(--sp-3) var(--sp-2);  flex-shrink: 0;}.brand {  display: flex;  align-items: center;  gap: var(--sp-3);  padding: var(--sp-2) var(--sp-2);  border-radius: var(--r-md);  transition: background 0.12s ease;}.brand:hover { background: var(--bg-hover); }.brand__logo {  width: 34px; height: 34px;  border-radius: var(--r-md);  background: #fff;  padding: 2px;  object-fit: contain;  box-shadow: var(--shadow-xs);  flex-shrink: 0;}.brand__text { min-width: 0; line-height: 1.15; }.brand__name {  font-size: 14.5px;  font-weight: 650;  letter-spacing: -0.01em;  color: var(--text);}.brand__slogan {  font-size: 11px;  color: var(--text-muted);  margin-top: 2px;  font-weight: 450;}.sidebar__section-label {  display: flex;  align-items: center;  justify-content: space-between;  gap: var(--sp-2);  padding: 0 var(--sp-3);  margin: var(--sp-4) 0 var(--sp-2);  font-size: 10.5px;  font-weight: 600;  text-transform: uppercase;  letter-spacing: 0.07em;  color: var(--text-muted);  flex-shrink: 0;}.sidebar__foot {  padding: var(--sp-2) var(--sp-3) var(--sp-3);  border-top: 1px solid var(--divider);  flex-shrink: 0;}.btn-logout {  width: 100%;  display: flex;  align-items: center;  gap: var(--sp-2);  padding: 7px 10px;  border: none;  border-radius: var(--r-md);  background: transparent;  color: var(--text-muted);  cursor: pointer;  font-size: 12.5px;  font-weight: 500;  transition: background 0.12s ease, color 0.12s ease;}.btn-logout:hover { background: var(--bg-hover); color: var(--danger); }.btn-logout svg { width: 14px; height: 14px; opacity: 0.85; }

codeagent/web/static/03a-links-stream.js

@@ -0,0 +1,88 @@
+/* ================================================================
+ * 03-markdown.js
+ *   - Markdown rendering, bubble builder, system messages
+ *   - Tool call XML extraction / rendering
+ *   - Links open in new tab
+ * ================================================================ */
+
+function ensureLinksOpenNewTab(el) {
+  try {
+    if (!el) return;
+    hydrateAttachmentImagesInBubble(el);
+    const links = el.querySelectorAll ? el.querySelectorAll('a[href]') : [];
+    links.forEach((a) => {
+      const href = String(a.getAttribute('href') || '');
+      if (href.indexOf('/api/attachments/') === 0) {
+        try { a.removeAttribute('target'); a.removeAttribute('rel'); } catch (_) {}
+        return;
+      }
+      try { a.setAttribute('target', '_blank'); a.setAttribute('rel', 'noopener noreferrer'); } catch (_) {}
+    });
+  } catch (_) {}
+}
+
+// ── Streaming text update ──────────────────────────────────────────────
+let _streamBubbleWrap = null; // holds the current streaming agent bubble
+let _streamConsumedLen = 0;   // text offset — advanced ONLY at tool-start boundaries
+let _streamLatestFullLen = 0; // length of the most recent full text seen (for split point)
+let _streamLastScrollLnCount = -1; // \n count at last scroll trigger — 新增一行才滚动，避免逐字下拉
+
+function getOrCreateStreamBubble(at) {
+  if (_streamBubbleWrap && _streamBubbleWrap.parentNode) {
+    return _streamBubbleWrap;
+  }
+  _streamBubbleWrap = null;
+  const wrap = document.createElement('div');
+  wrap.className = 'msg-row msg-agent';
+  const col = document.createElement('div');
+  col.className = 'msg-col';
+  const meta = document.createElement('div');
+  meta.className = 'msg-meta';
+  meta.textContent = '助手 · 输出中…';
+  const b = document.createElement('div');
+  b.className = 'bubble bubble-agent bubble-streaming';
+  b.innerHTML = '<p><em>正在输出…</em></p>';
+  col.appendChild(meta);
+  col.appendChild(b);
+  wrap.appendChild(col);
+  log.appendChild(wrap);
+  scrollLog();
+  _streamBubbleWrap = wrap;
+  _streamLastScrollLnCount = -1; // 新气泡开始，重置行计数器
+  return wrap;
+}
+
+/**
+ * Return the portion of fullText starting from _streamConsumedLen.
+ * Within a single round this returns the *full* text for that round
+ * (so progressive text_delta events accumulate correctly).
+ * Across rounds the offset prevents repeating earlier content.
+ */
+function _streamDeltaText(fullText) {
+  const t = String(fullText || '');
+  if (_streamConsumedLen <= 0 || _streamConsumedLen >= t.length) return t;
+  return t.substring(_streamConsumedLen);
+}
+
+/** 仅返回尚未通过消费偏移写出的后缀；已全文应用则 ''（避免 REST/text_done 重复整段）。 */
+function _streamUnconsumedSuffix(fullText) {
+  const t = String(fullText || '');
+  if (!t) return '';
+  if (_streamConsumedLen <= 0) return t;
+  if (_streamConsumedLen >= t.length) return '';
+  return t.substring(_streamConsumedLen);
+}
+
+/**
+ * Track the latest full-text length — does NOT advance _streamConsumedLen.
+ * Used by splitStreamBubbleAtToolStart to know where the current round ends.
+ */
+function _noteStreamFullText(fullText) {
+  const t = String(fullText || '');
+  if (t.length > _streamLatestFullLen) _streamLatestFullLen = t.length;
+}
+
+/**
+ * Advance _streamConsumedLen (for use in fallback handlers where we know
+ * the text has been fully displayed and must not repeat).
+ */

codeagent/web/static/03b-stream-text.js

@@ -0,0 +1,119 @@
+function _advanceStreamConsumedLen(fullText) {
+  const t = String(fullText || '');
+  if (t.length > _streamConsumedLen) _streamConsumedLen = t.length;
+  if (t.length > _streamLatestFullLen) _streamLatestFullLen = t.length;
+}
+
+function updateStreamBubbleText(fullText) {
+  // Don't create/render streaming bubbles for whitespace-only content
+  if (!(fullText || '').trim()) {
+    // If a streaming bubble was already created, remove it
+    if (_streamBubbleWrap && _streamBubbleWrap.parentNode) {
+      _streamBubbleWrap.parentNode.removeChild(_streamBubbleWrap);
+    }
+    _streamBubbleWrap = null;
+    _streamConsumedLen = 0;
+    _streamLatestFullLen = 0;
+    return;
+  }
+  const wrap = getOrCreateStreamBubble(Date.now());
+  if (!wrap) return;
+  const b = wrap.querySelector('.bubble');
+  if (!b) return;
+  // Show text from round-start to current (incremental build-up within round)
+  const roundText = _streamDeltaText(fullText);
+  _noteStreamFullText(fullText); // record length for split, do NOT advance consumed
+  if (!roundText && !_streamConsumedLen) return;
+  try {
+    b.innerHTML = buildAgentBubbleInnerHtml(roundText, [], null);
+    ensureLinksOpenNewTab(b);
+  } catch (_) {
+    b.textContent = roundText;
+  }
+  // ── 新增一行才触发滚动，避免同一行内逐字下拉 ──
+  const lnCount = (roundText.match(/\n/g) || []).length;
+  if (lnCount > _streamLastScrollLnCount) {
+    scrollLog();
+    _streamLastScrollLnCount = lnCount;
+  }
+}
+
+/**
+ * Finalize the streaming bubble (remove streaming-indicator, render final content).
+ * Returns the bubble wrap element or null.
+ */
+function finalizeStreamBubble(text) {
+  const wrap = _streamBubbleWrap;
+  _streamBubbleWrap = null;
+  if (!wrap || !wrap.parentNode) return null;
+  const b = wrap.querySelector('.bubble');
+  if (!b) return null;
+  // Remove whitespace-only bubbles
+  if (!(text || '').trim()) {
+    wrap.parentNode.removeChild(wrap);
+    _streamConsumedLen = 0;
+    _streamLatestFullLen = 0;
+    return null;
+  }
+  b.classList.remove('bubble-streaming');
+  const roundText = _streamDeltaText(text);
+  _noteStreamFullText(text); // record length, do NOT advance consumed
+  try {
+    // 时间轴拆分：正文只在气泡内，工具由独立 system-tools 块展示（与会话历史一致）
+    b.innerHTML = buildAgentBubbleInnerHtml(roundText || '', [], null);
+    ensureLinksOpenNewTab(b);
+  } catch (_) {
+    b.textContent = roundText || '';
+  }
+  const meta = wrap.querySelector('.msg-meta');
+  if (meta) {
+    const ts = formatBubbleTime(Date.now());
+    meta.textContent = ts ? '助手 · ' + ts : '助手';
+  }
+  const col = wrap.querySelector('.msg-col');
+  if (col && typeof appendBubbleTtsBar === 'function') {
+    appendBubbleTtsBar(col, text, { role: 'agent' });
+  }
+  scrollLog();
+  return wrap;
+}
+
+/**
+ * Split the streaming bubble at the current point.
+ * Called when a tool_start WS event arrives — the current round's text
+ * is finalized; offsets reset because each LLM round sends a fresh string
+ * (not cumulative across tool rounds).
+ */
+function splitStreamBubbleAtToolStart() {
+  var wrap = _streamBubbleWrap;
+  if (wrap && wrap.parentNode) {
+    var b = wrap.querySelector('.bubble');
+    if (b) {
+      var txt = '';
+      try {
+        txt = (b.textContent || '').trim();
+      } catch (_) {}
+      var placeholderish = !txt || /^正在输出/.test(txt);
+      if (placeholderish) {
+        try {
+          wrap.parentNode.removeChild(wrap);
+        } catch (_) {}
+      } else {
+        b.classList.remove('bubble-streaming');
+        var meta = wrap.querySelector('.msg-meta');
+        if (meta) {
+          var ts = formatBubbleTime(Date.now());
+          meta.textContent = ts ? '助手 · ' + ts : '助手';
+        }
+        var col = wrap.querySelector('.msg-col');
+        if (col && typeof appendBubbleTtsBar === 'function') {
+          appendBubbleTtsBar(col, txt, { role: 'agent' });
+        }
+      }
+    }
+  }
+  _streamBubbleWrap = null;
+  _streamConsumedLen = 0;
+  _streamLatestFullLen = 0;
+  scrollLog();
+}