zcode-pro 1.1.0 → 1.2.1

package/src/inject/features/plugin-card-retry.js

@@ -0,0 +1,48 @@
+// 插件卡片自动重试：宿主对插件交互卡片（沙箱）有全局 64 个名额，重度会话打开时
+// 注册洪峰会撞上限，一部分卡片显示"插件界面数量已达上限/加载失败"并带"重新加载"
+// 按钮。名额由宿主缓慢回收（或沙箱回收功能主动释放），空出后重试即成——但手动
+// 蹲守空窗不现实（真机实测：名额约一小时只腾出两个，每次腾出恰好能救一张卡）。
+// 本功能定期找出失败卡片的"重新加载"按钮自动点按：名额一空卡片自动复活。
+// 匹配规则：按钮文字恰为"重新加载"，且四层祖先内含"插件界面/已达上限/加载失败"
+// 字样，避免误点其他"重新加载"。
+// 开关：features.pluginCardRetry（默认开）。
+import { getConfig } from '../core.js';
+
+const SCAN_MS = 15_000;            // 巡检周期
+const CLICK_INTERVAL_MS = 30_000;  // 两次点按的最小间隔（全局节流）
+// 宿主两种失败文案（"插件界面加载失败""插件界面数量已达上限"）都含"插件界面"，
+// 只认这一个词足够精确，也避免误点其他"重新加载"按钮
+const MARKERS = ['插件界面'];
+
+let lastClickAt = 0; // 全局节流：按按钮元素记冷却会被宿主重建的新元素绕过
+
+function failedRetryButtons() {
+  const out = [];
+  for (const btn of document.querySelectorAll('button')) {
+    if ((btn.textContent || '').trim() !== '重新加载') continue;
+    let anc = btn;
+    for (let i = 0; i < 4 && anc.parentElement; i++) {
+      anc = anc.parentElement;
+      const ctx = anc.textContent || '';
+      if (MARKERS.some((m) => ctx.includes(m))) { out.push(btn); break; }
+    }
+  }
+  return out;
+}
+
+async function tick() {
+  const cfg = await getConfig();
+  if ((cfg.features || {}).pluginCardRetry === false) return;
+  const now = Date.now();
+  if (now - lastClickAt < CLICK_INTERVAL_MS) return;
+  for (const btn of failedRetryButtons()) {
+    lastClickAt = now;
+    btn.click();
+    // 一轮只点一个：名额通常一次只空一个，排队恢复，避免齐发再撞上限
+    break;
+  }
+}
+
+export function startPluginCardRetry() {
+  setInterval(() => { tick().catch(() => { /* 单次巡检失败不影响后续 */ }); }, SCAN_MS);
+}

package/src/inject/features/sandbox-reclaim.js

@@ -27,7 +27,29 @@ const MIN_BUDGET = 8;
 const MAX_BUDGET = 64;
 const RETRY_COOLDOWN_MS = 10 * 60_000;  // 同一沙箱释放失败后的重试冷却
 
+const SEEN_KEY = 'zcodepro:sbx-seen'; // 登记簿持久化键（localStorage，跨 zcode-pro 重载保留）
 const seen = new Map();     // sandboxId → { initId, firstSeen }
+function loadSeen() {
+  try {
+    const raw = JSON.parse(localStorage.getItem(SEEN_KEY) || '{}');
+    for (const [id, v] of Object.entries(raw)) {
+      if (id && v && Number.isFinite(v.firstSeen)) seen.set(id, { initId: v.initId, firstSeen: v.firstSeen });
+    }
+  } catch { /* 损坏则从零开始 */ }
+}
+let saveSeenTimer = null;
+function saveSeenSoon() {
+  // 防抖落盘：广播可能成串到达，逐条写 localStorage 没必要
+  if (saveSeenTimer) return;
+  saveSeenTimer = setTimeout(() => {
+    saveSeenTimer = null;
+    try {
+      const out = {};
+      for (const [id, v] of seen) out[id] = v;
+      localStorage.setItem(SEEN_KEY, JSON.stringify(out));
+    } catch { /* 写失败不影响运行 */ }
+  }, 2000);
+}
 const cooldown = new Map(); // sandboxId → 释放失败冷却截止时刻
 let disabledLogged = false;
 
@@ -37,6 +59,7 @@ function onPortsMessage(e) {
   // 端口广播≈沙箱创建时刻；页面刷新后宿主按幂等键复用同一沙箱并再次广播，
   // 创建时刻随之刷新（视作新名额重新排队）
   seen.set(d.sandboxId, { initId: Number(d.initId) || 0, firstSeen: Date.now() });
+  saveSeenSoon();
 }
 
 function extractSandboxId(wv) {
@@ -74,36 +97,41 @@ async function tick() {
   budget = Math.min(MAX_BUDGET, Math.max(MIN_BUDGET, budget));
 
   const now = Date.now();
-  const live = new Map(); // sandboxId → 是否可见
-  for (const wv of document.querySelectorAll('webview[data-zcode-retained-sandbox]')) {
+  // 存活计数以端口广播登记数（seen）为准：卡片滚出视口后宿主会把它收进停靠区并从
+  // 常驻 DOM 摘除（实测 DOM webview 数远小于宿主注册数），拿 DOM 数当触发条件
+  // 永远到不了预算、从不驱逐——名额就一直是满的。DOM 只用来标记"正在被看"：
+  const visible = new Set(); // 展示中的 sandboxId（驱逐时避开）
+  for (const wv of document.querySelectorAll('webview')) {
     const id = extractSandboxId(wv);
-    if (id) live.set(id, isVisible(wv));
-  }
-  // 端口广播登记过但 DOM 已无对应 webview 的条目（guest 已销毁）：清掉，防 Map 无限增长
-  for (const id of [...seen.keys()]) {
-    if (!live.has(id)) seen.delete(id);
-  }
-  // 重注入后端口广播没赶上（Map 为空）的兜底：首次观察到时按现在起算创建时刻
-  for (const id of live.keys()) {
-    if (!seen.has(id)) seen.set(id, { initId: undefined, firstSeen: now });
+    if (id) {
+      if (isVisible(wv)) visible.add(id);
+      // 漏听广播的名额（持久化损坏/清空过）：见到即补录，创建时刻从现在起算
+      if (!seen.has(id)) { seen.set(id, { initId: undefined, firstSeen: now }); saveSeenSoon(); }
+    }
   }
 
-  while (live.size > budget) {
-    // 驱逐顺序：不可见的按创建时间最早的 → 全可见时最早的可见沙箱
-    const candidates = [...live.entries()]
-      .filter(([id]) => (cooldown.get(id) || 0) <= now)
-      .sort((a, b) => (a[1] - b[1]) || ((seen.get(a[0]) || {}).firstSeen || 0) - ((seen.get(b[0]) || {}).firstSeen || 0));
-    if (!candidates.length) break;
-    const [id] = candidates[0];
+  while (seen.size > budget) {
+    // 驱逐顺序：不可见的按创建时间最早的 → 全都可见时最早的（保持原语义）
+    let pool = [...seen.keys()].filter((id) => (cooldown.get(id) || 0) <= now && !visible.has(id));
+    if (!pool.length) pool = [...seen.keys()].filter((id) => (cooldown.get(id) || 0) <= now);
+    pool.sort((a, b) => ((seen.get(a) || {}).firstSeen || 0) - ((seen.get(b) || {}).firstSeen || 0));
+    if (!pool.length) break;
+    const id = pool[0];
     const entry = seen.get(id);
     try {
       await bridge.disposeSandbox(id, entry && entry.initId);
-      console.info('[zcodepro] sandbox-reclaim: 沙箱满 ' + live.size + ' 个，已驱逐最早的 ' + id);
+      console.info('[zcodepro] sandbox-reclaim: 登记数 ' + seen.size + ' 超预算 ' + budget + '，已驱逐最早的 ' + id + (visible.has(id) ? '（可见，属兜底）' : ''));
     } catch (err) {
       console.warn('[zcodepro] sandbox-reclaim: 释放失败 ' + id, err);
+      // 失败也出账：死 id（如应用重启后的存量）不清会永远排最旧、堵住驱逐队列；
+      // 真活着的名额漏掉这一轮，下张卡创建时广播会重新入账
+      seen.delete(id);
+      continue;
     }
     seen.delete(id);
-    live.delete(id);
+    saveSeenSoon();
+    // 驱逐成功也设冷却：宿主侧真正释放是异步的，同轮连发多个 dispose 可能
+    // 在宿主来不及记账时重复命中；冷却让下一轮重新评估剩余数量
     cooldown.set(id, now + RETRY_COOLDOWN_MS);
   }
   if (cooldown.size > 256) {
@@ -114,6 +142,7 @@ async function tick() {
 }
 
 export function startSandboxReclaim() {
+  loadSeen();
   window.addEventListener('message', onPortsMessage);
   const loop = () => { tick().catch(() => { /* 单次巡检失败不影响后续 */ }); };
   loop();

package/src/inject/features/settings-dialog.js

@@ -1,6 +1,6 @@
 // “ZCode Pro 增强设置”弹窗：功能开关 + 样式调整 + 运行状态。
 // 顶部标签页切换（视觉参考侧栏“分组/项目”切换）；配置写入 helper（~/.zcode/zcodepro.json）。
-import { h, t, rpc, getConfig, clearConfigCache, errText, HELPER_URL, isZhLocale, isNewProjectSidebar, DEFAULT_SHORTCUTS } from '../core.js';
+import { h, t, rpc, getConfig, clearConfigCache, errText, HELPER_URL, isZhLocale, isNewProjectSidebar, DEFAULT_SHORTCUTS, DEFAULT_STATUS_ITEMS, DEFAULT_TURN_ITEMS, STATUS_SESSION_IDS, STATUS_GLOBAL_IDS } from '../core.js';
 import { openDialog, dialogFooter, btnPrimary, btnSecondary, btnSmall, settingRow, ensureStyle, showToast, numberField, unitField } from '../ui.js';
 import { comboField, providerOptionsOf, modelOptionsOf, modelPlaceholderOf, isManualConn } from '../provider-fields.js';
 import { refreshAliases } from './alias.js';
@@ -355,11 +355,36 @@ export function openSettingsDialog() {
             if (await setFeature('imageCopy', next)) f.imageCopy = next;
             refreshRows();
           }),
+          settingRow(L.featureSandboxReclaim, L.featureSandboxReclaimDesc, f.sandboxReclaim !== false, async () => {
+            const next = !(f.sandboxReclaim !== false);
+            if (await setFeature('sandboxReclaim', next)) f.sandboxReclaim = next;
+            refreshRows();
+          }),
+          settingRow(L.featurePluginCardRetry, L.featurePluginCardRetryDesc, f.pluginCardRetry !== false, async () => {
+            const next = !(f.pluginCardRetry !== false);
+            if (await setFeature('pluginCardRetry', next)) f.pluginCardRetry = next;
+            refreshRows();
+          }),
           settingRow(L.featureWsRunning, L.featureWsRunningDesc, f.wsRunningSpin !== false, async () => {
             const next = !(f.wsRunningSpin !== false);
             if (await setFeature('wsRunningSpin', next)) f.wsRunningSpin = next;
             refreshRows();
           }),
+          settingRow(L.featureNewtabPanels, L.featureNewtabPanelsDesc, f.newtabPanels !== false, async () => {
+            const next = !(f.newtabPanels !== false);
+            if (await setFeature('newtabPanels', next)) f.newtabPanels = next;
+            refreshRows();
+          }),
+          settingRow(L.featureStatusBar, L.featureStatusBarDesc, f.statusBar !== false, async () => {
+            const next = !(f.statusBar !== false);
+            if (await setFeature('statusBar', next)) f.statusBar = next;
+            refreshRows();
+          }),
+          settingRow(L.featureTurnUsage, L.featureTurnUsageDesc, f.turnUsage !== false, async () => {
+            const next = !(f.turnUsage !== false);
+            if (await setFeature('turnUsage', next)) f.turnUsage = next;
+            refreshRows();
+          }),
           (() => {
             // 标题 = “自动更新 duanluan/zcode-plugins 插件”，仓库名可点击跳转仓库
             const repoLink = h('span', {
@@ -529,7 +554,7 @@ export function openSettingsDialog() {
           h('div', { class: 'shrink-0' }, btnSmall(L.hkReset, () => { void resetShortcuts(); }))),
         hkCard,
       );
-      const paneStyles = h('div', { role: 'tabpanel', class: 'mt-4', style: 'display:none' });
+      const paneStyles = h('div', { role: 'tabpanel', class: 'mt-2', style: 'display:none' });
       const panePerf = h('div', { role: 'tabpanel', class: 'mt-4', style: 'display:none' });
       const paneAgents = h('div', { role: 'tabpanel', class: 'mt-2', style: 'display:none' });
       const paneProxy = h('div', { role: 'tabpanel', class: 'mt-4', style: 'display:none' });
@@ -723,7 +748,125 @@ export function openSettingsDialog() {
         for (const c of fontCells) c.setOptions(list);
       })();
       renderToolbarSwitch();
-      paneStyles.append(
+      // “样式”标签页的二级结构：样式调整（原内容）/ 状态栏（统计项顺序与显隐）
+      const paneStylesSub1 = h('div', { class: 'mt-4' });
+      const paneStylesSub2 = h('div', { class: 'mt-4', style: 'display:none' });
+      const ITEM_NAMES = {
+        ctx: 'sbItemCtx', questions: 'sbItemQuestions',
+        todayTokens: 'sbItemTodayTokens', totalTokens: 'sbItemTotalTokens', tasks: 'sbItemTasks',
+      };
+      // 读取并归一化：会话组项在前、全局组项在后（组内保持保存的顺序），
+      // 保证状态栏两组之间只有一道竖线
+      const sbItems = () => {
+        const saved = config.statusBar && Array.isArray(config.statusBar.items) ? config.statusBar.items : null;
+        if (!saved) return DEFAULT_STATUS_ITEMS.map((x) => ({ ...x }));
+        const byId = new Map(saved.map((x) => [x.id, x]));
+        const list = saved.filter((x) => ITEM_NAMES[x.id]).map((x) => ({ on: x.on !== false, id: x.id }));
+        for (const d of DEFAULT_STATUS_ITEMS) if (!byId.has(d.id)) list.push({ ...d });
+        return [
+          ...list.filter((x) => STATUS_SESSION_IDS.has(x.id)),
+          ...list.filter((x) => STATUS_GLOBAL_IDS.has(x.id)),
+        ];
+      };
+      let sbSaving = false; // 保存进行中忽略后续点击：连点会基于旧配置覆盖掉上一次的改动
+      const saveSbItems = async (next) => {
+        if (sbSaving) return;
+        sbSaving = true;
+        try {
+        const res = await rpc('/config', { method: 'POST', body: { statusBar: { items: next } } });
+        clearConfigCache();
+        window.dispatchEvent(new CustomEvent('zcodepro:config-changed'));
+        if (!res.ok) { showToast(L.failed + ': ' + errText(res), 'error'); renderSbItems(); return; }
+        if (res.config && res.config.statusBar) config.statusBar = res.config.statusBar;
+        } finally { sbSaving = false; }
+        renderSbItems();
+      };
+      const sbList = h('div', { class: 'divide-y divide-border rounded-xl border border-border' });
+      const sbGlobalList = h('div', { class: 'divide-y divide-border rounded-xl border border-border' });
+      // 每轮统计节（输入/输出/缓存，只开关不排序——显示顺序固定）
+      const TURN_NAMES = { turnIn: 'sbLabelIn', turnOut: 'sbLabelOut', turnCache: 'sbLabelCache' };
+      const turnItems = () => {
+        const saved = config.statusBar && Array.isArray(config.statusBar.turnItems) ? config.statusBar.turnItems : null;
+        if (!saved) return DEFAULT_TURN_ITEMS.map((x) => ({ ...x }));
+        const byId = new Map(saved.map((x) => [x.id, x]));
+        const list = saved.filter((x) => TURN_NAMES[x.id]).map((x) => ({ on: x.on !== false, id: x.id }));
+        for (const d of DEFAULT_TURN_ITEMS) if (!byId.has(d.id)) list.push({ ...d });
+        return list;
+      };
+      const saveTurnItems = async (next) => {
+        if (sbSaving) return;
+        sbSaving = true;
+        try {
+        const res = await rpc('/config', { method: 'POST', body: { statusBar: { turnItems: next } } });
+        clearConfigCache();
+        window.dispatchEvent(new CustomEvent('zcodepro:config-changed'));
+        if (!res.ok) { showToast(L.failed + ': ' + errText(res), 'error'); renderSbItems(); return; }
+        if (res.config && res.config.statusBar) config.statusBar = res.config.statusBar;
+        } finally { sbSaving = false; }
+        renderSbItems();
+      };
+      const turnList = h('div', { class: 'divide-y divide-border rounded-xl border border-border' });
+      const renderSbItems = () => {
+        turnList.replaceChildren(...turnItems().map((it, i) => h('div', { class: 'flex items-center gap-2 px-3 py-2' },
+          h('span', { class: 'min-w-0 flex-1 truncate text-ui-sm text-foreground-subtle' }, L[TURN_NAMES[it.id]] || it.id),
+          btnSmall(it.on ? L.sbVisible : L.sbHidden, () => { void saveTurnItems(turnItems().map((x) => x.id === it.id ? { ...x, on: !x.on } : x)); }),
+          btnSmall('↑', () => { const a = turnItems(); if (i > 0) { [a[i - 1], a[i]] = [a[i], a[i - 1]]; void saveTurnItems(a); } }),
+          btnSmall('↓', () => { const a = turnItems(); if (i < a.length - 1) { [a[i], a[i + 1]] = [a[i + 1], a[i]]; void saveTurnItems(a); } }))));
+        // 两节各列各的组；↑/↓ 只在组内移动（跨组相邻的交换会被组过滤弹开）
+        const list = sbItems();
+        const renderGroup = (el, groupIds) => {
+          const idxs = list.map((x, i) => i).filter((i) => groupIds.has(list[i].id));
+          el.replaceChildren(...idxs.map((i) => {
+            const it = list[i];
+            const swap = (dir) => {
+              const a = sbItems();
+              // 找同组相邻项的索引再交换，天然不会越组
+              const same = a.map((x, j) => j).filter((j) => groupIds.has(a[j].id));
+              const pos = same.indexOf(i);
+              const other = same[pos + dir];
+              if (other == null) return;
+              [a[i], a[other]] = [a[other], a[i]];
+              void saveSbItems(a);
+            };
+            return h('div', { class: 'flex items-center gap-2 px-3 py-2' },
+              h('span', { class: 'min-w-0 flex-1 truncate text-ui-sm text-foreground-subtle' },
+                L[ITEM_NAMES[it.id]] || it.id),
+              btnSmall(it.on ? L.sbVisible : L.sbHidden, () => { void saveSbItems(sbItems().map((x, j) => j === i ? { ...x, on: !x.on } : x)); }),
+              btnSmall('↑', () => swap(-1)),
+              btnSmall('↓', () => swap(1)));
+          }));
+        };
+        renderGroup(sbList, STATUS_SESSION_IDS);
+        renderGroup(sbGlobalList, STATUS_GLOBAL_IDS);
+      };
+      renderSbItems();
+      paneStylesSub2.append(
+        h('p', { class: 'text-ui-sm/relaxed text-foreground-subtle' }, L.featureStatusBarDesc),
+        h('div', { class: 'mt-3 mb-1 text-ui-sm font-medium' }, L.sbGroupSession),
+        sbList,
+        h('div', { class: 'mt-3 mb-1 text-ui-sm font-medium' }, L.sbGroupGlobal),
+        sbGlobalList,
+        h('div', { class: 'mt-3 mb-1 text-ui-sm font-medium' }, L.sbGroupTurn),
+        turnList);
+      let stylesSubTab = 'styles';
+      const stylesSubTablist = h('div', { role: 'tablist', 'aria-orientation': 'horizontal', class: 'zcodepro-tablist' });
+      const renderStylesSubTabs = () => stylesSubTablist.replaceChildren(...[
+        ['styles', L.tabStylesPane],
+        ['status', L.tabStatusPane],
+      ].map(([id, label]) => h('button', {
+        type: 'button', role: 'tab', class: 'zcodepro-tab',
+        'aria-selected': String(stylesSubTab === id),
+        'data-state': stylesSubTab === id ? 'active' : 'inactive',
+        onClick: () => {
+          stylesSubTab = id;
+          paneStylesSub1.style.display = id === 'styles' ? '' : 'none';
+          paneStylesSub2.style.display = id === 'status' ? '' : 'none';
+          renderStylesSubTabs();
+        },
+      }, label)));
+      renderStylesSubTabs();
+      paneStyles.append(stylesSubTablist, paneStylesSub1, paneStylesSub2);
+      paneStylesSub1.append(
         toolbarSwitchWrap,
         h('div', { class: 'mt-2 flex flex-col gap-0.5 rounded-xl border border-border p-1' },
           ...fontCells.map((c) => h('div', { class: 'rounded-lg transition-colors hover:bg-surface-hover' }, c.el))),
@@ -1595,6 +1738,11 @@ export function openSettingsDialog() {
             modeBtn('fallback', L.visionModeFallback, L.visionModeFallbackDesc),
             modeBtn('pipeline', L.visionModePipeline, L.visionModePipelineDesc),
             h('div', { class: 'ml-auto flex items-center gap-4' },
+              settingRow(L.visionCardUi, '', visionCfg.cardUi !== false, async () => {
+                visionCfg.cardUi = !(visionCfg.cardUi !== false);
+                await persistVision();
+                renderVision();
+              }),
               settingRow(L.visionForceIntercept, '', visionCfg.forceIntercept !== false, async () => {
                 visionCfg.forceIntercept = !(visionCfg.forceIntercept !== false);
                 await persistVision();

package/src/inject/features/status-bar.js

@@ -0,0 +1,274 @@
+// 状态栏统计：主界面底部右下角一行小字，按用户配置的顺序显示统计项。
+// 会话项（上下文占用 / 提问次数）跟随当前会话，无选中会话时自动隐藏；
+// 全局项（今日 / 累计 token、任务总数）优先取官方使用统计（云端，5 分钟刷新），
+// 回退本地聚合。数据 2 秒刷新一次；上下文占用读官方输入框工具栏的窗口显示
+//（“已用 497,101 / 总量 1,000,000”），按官方同款格式渲染。
+import { t, rpc, getConfig, isZhLocale, DEFAULT_STATUS_ITEMS } from '../core.js';
+import { ensureStyle } from '../ui.js';
+
+let enabled = true;
+let items = DEFAULT_STATUS_ITEMS.map((x) => ({ ...x }));
+let barEl = null;
+let lastStats = null; // /stats/usage 响应缓存（失败保旧值）
+
+// —— 工具 ——
+
+// 官方输入框工具栏的上下文显示：title 形如“上下文已用 61,400 / 总量 1,000,000”，
+// 解析出已用与总量；读不到返回 null（ctx 项回退按会话记录估算 token 数）。
+// 直接在全文档找（该显示全局唯一），排除自己渲染的 title
+function readCtx() {
+  for (const el of document.querySelectorAll('[title], [aria-label]')) {
+    if (el.closest('.zcodepro-statusbar')) continue;
+    const text = el.getAttribute('title') || el.getAttribute('aria-label') || '';
+    if (!/上下文|context/i.test(text)) continue;
+    // 格式为「已用 497,101 / 总量 1,000,000」：斜杠后可能带“总量”等文字再接数字
+    const m = text.match(/([\d][\d,]*)\s*\/[^0-9]*([\d][\d,]*)/);
+    if (!m) continue;
+    const used = Number(m[1].replace(/,/g, ''));
+    const size = Number(m[2].replace(/,/g, ''));
+    if (used > 0 && size > used) return { used, size };
+  }
+  return null;
+}
+
+// 官方使用统计（设置 → 数据与统计 → 使用统计 的同款服务）：真累计/今日/任务数，
+// 比本地 rollout 聚合完整。云端接口低频刷新（5 分钟一次），失败静默回退本地数据
+let usageSvc = null;
+let official = null; // { todayTokens, totalTokens, totalSessions }
+let officialAt = 0;
+// 从 React fiber 树遍历（newtab-panels.js 同款）
+function eachFiber(visit) {
+  const rootEl = document.getElementById('root');
+  const key = rootEl && Object.keys(rootEl).find((k) => k.startsWith('__reactContainer$'));
+  if (!key) return;
+  let visited = 0;
+  const walk = (f) => {
+    if (!f || visited > 200000) return false;
+    visited++;
+    if (visit(f)) return true;
+    return walk(f.child) || walk(f.sibling);
+  };
+  walk(rootEl[key]);
+}
+
+function findUsageService() {
+  let found = null;
+  const seen = new Set();
+  const scan = (o) => {
+    if (!o || typeof o !== 'object' || seen.has(o) || found) return;
+    seen.add(o);
+    if (typeof o.usageStatsService === 'object' && o.usageStatsService) { found = o.usageStatsService; return; }
+    for (const v of Object.values(o)) if (v && typeof v === 'object') scan(v);
+  };
+  eachFiber((f) => {
+    for (const h of [f.memoizedProps, f.memoizedState]) {
+      if (!h || typeof h !== 'object') continue;
+      scan(h);
+      if (found) return true;
+    }
+    return false;
+  });
+  return found;
+}
+function refreshOfficial() {
+  // 成功后 5 分钟刷新一次；尚未成功（页面刚加载服务未就绪等）30 秒重试，
+  // 避免首次失败吃满冷却期
+  const period = official ? 5 * 60_000 : 30_000;
+  if (Date.now() - officialAt < period) return;
+  officialAt = Date.now();
+  void (async () => {
+    try {
+      if (!usageSvc) usageSvc = findUsageService();
+      if (!usageSvc || typeof usageSvc.getAppUsageSnapshot !== 'function') return;
+      const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+      const [all, d7] = await Promise.all([
+        usageSvc.getAppUsageSnapshot({ range: 'all', timeZone }),
+        usageSvc.getAppUsageSnapshot({ range: '7d', timeZone }),
+      ]);
+      const now = new Date();
+      const key = now.getFullYear() + '-' + String(now.getMonth() + 1).padStart(2, '0') + '-' + String(now.getDate()).padStart(2, '0');
+      let todayTokens = 0;
+      const day = ((d7 && Array.isArray(d7.dailyModelUsage)) ? d7.dailyModelUsage : []).find((d) => d.date === key);
+      if (day) for (const m of day.models || []) todayTokens += Number(m.totalTokens) || 0;
+      official = {
+        todayTokens,
+        totalTokens: Number(all && all.summary && all.summary.totalTokens) || 0,
+        totalSessions: Number(all && all.summary && all.summary.totalSessions) || 0,
+      };
+      renderBar();
+    } catch {
+      usageSvc = null; // 服务失效（页面重载等），下个周期重挖
+    }
+  })();
+}
+
+// 全局组统计项（会话组之外的都算会话级）：两组之间渲染竖线分隔
+const GLOBAL_GROUP = new Set(['todayTokens', 'totalTokens', 'tasks']);
+
+// 各统计项的 lucide 图标（12px 内联，描边风格与官方一致）
+const SB_ICONS = {
+  ctx: '<path d="M21.21 15.89A10 10 0 1 1 8 2.83"/><path d="M22 12A10 10 0 0 0 12 2v10z"/>',
+  asks: '<path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/>',
+  today: '<circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/>',
+  total: '<ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5V19A9 3 0 0 0 21 19V5"/><path d="M3 12A9 3 0 0 0 21 12"/>',
+  tasks: '<rect x="3" y="5" width="6" height="6" rx="1"/><path d="m3 17 2 2 4-4"/><path d="M13 6h8"/><path d="M13 12h8"/><path d="M13 18h8"/>',
+  coins: '<circle cx="8" cy="8" r="6"/><path d="M18.09 10.37A6 6 0 1 1 10.34 18"/><path d="M7 6h1v4"/><path d="m16.71 13.88.7.71-2.82 2.82"/>',
+};
+const sbIcon = (name) => `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="zcodepro-sb-icon">${SB_ICONS[name]}</svg>`;
+
+function fmtTokens(n) {
+  if (n >= 1e9) return (n / 1e9).toFixed(1) + 'B';
+  if (n >= 1e6) return (n / 1e6).toFixed(1) + 'M';
+  if (n >= 1e3) return (n / 1e3).toFixed(1) + 'k';
+  return String(n);
+}
+
+// 数值格式与官方“上下文容量”显示一致：中文界面按数量级用“万/亿”
+//（48.4万、900万、3.5亿），不足一万显示原数；其它语言沿用 k/M 缩写
+function fmtNum(n) {
+  if (!isZhLocale()) return fmtTokens(n);
+  if (n < 10000) return String(n);
+  if (n >= 100000000) {
+    const yi = Math.round((n / 100000000) * 10) / 10;
+    return (yi % 1 === 0 ? String(yi) : yi.toFixed(1)) + '亿';
+  }
+  const wan = Math.round((n / 10000) * 10) / 10;
+  return (wan % 1 === 0 ? String(wan) : wan.toFixed(1)) + '万';
+}
+
+// —— 渲染 ——
+
+// 生成一项的 { html, title, tone }；数据不可得返回 null（该项隐藏）。
+// 每项 = 图标 + 短标签 + 数值（标签跟随界面语言），悬停 title 给全名与明细
+function itemContent(id, L) {
+  const g = lastStats && lastStats.global;
+  const label = (text) => `<em>${text}</em>`;
+  switch (id) {
+    case 'ctx': {
+      const dom = readCtx();
+      if (dom) {
+        const pct = Math.round((dom.used / dom.size) * 1000) / 10;
+        const tone = pct >= 95 ? 'danger' : pct >= 80 ? 'warn' : '';
+        return {
+          html: sbIcon('ctx') + label(L.sbLabelCtx) + `<b>${fmtNum(dom.used)}/${fmtNum(dom.size)}${isZhLocale() ? '（' : '('}${pct}%${isZhLocale() ? '）' : ')'}</b>`,
+          title: `${L.sbItemCtx}：${dom.used.toLocaleString()} / ${dom.size.toLocaleString()}`,
+          tone,
+        };
+      }
+      return null; // 官方窗口数据不在（视图切换间隙等）时该项隐藏
+    }
+    case 'questions': {
+      // 官方“对话问题导航”的真实计数（当前会话的问题总数）
+      const nav = document.querySelector('[data-testid="v4-turn-navigator"]');
+      const n = nav ? Number(nav.getAttribute('data-item-count')) : 0;
+      return n > 0 ? { html: sbIcon('asks') + label(L.sbLabelQuestions) + String(n), title: L.sbItemQuestions } : null;
+    }
+    case 'todayTokens': {
+      const n = official ? official.todayTokens : (g ? g.todayTokens : 0);
+      return n > 0 ? { html: sbIcon('today') + label(L.sbLabelToday) + fmtNum(n), title: L.sbItemTodayTokens } : null;
+    }
+    case 'totalTokens': {
+      const n = official ? official.totalTokens : (g ? g.totalTokens : 0);
+      return n > 0 ? { html: sbIcon('total') + label(L.sbLabelTotal) + fmtNum(n), title: L.sbItemTotalTokens } : null;
+    }
+    case 'tasks': {
+      const n = official ? official.totalSessions : (g ? g.tasks : 0);
+      return n > 0 ? { html: sbIcon('tasks') + label(L.sbLabelTasks) + String(n), title: L.sbItemTasks } : null;
+    }
+    default:
+      return null;
+  }
+}
+
+function renderBar() {
+  // 3.16.1 的输入框是 contenteditable（旧版是 textarea），两种都认
+  const ta = document.querySelector('textarea, [contenteditable=true]');
+  const host = ta && (ta.closest('form') || ta.parentElement);
+  if (!enabled || !host || !host.parentElement) {
+    if (barEl) barEl.remove();
+    barEl = null;
+    return;
+  }
+  if (!barEl || !barEl.isConnected) {
+    if (!barEl) {
+      barEl = document.createElement('div');
+      barEl.className = 'zcodepro-statusbar';
+    }
+    host.parentElement.insertBefore(barEl, host.nextSibling);
+  }
+  // 新建会话视图（无选中会话）下方是官方的功能按钮区，不能往下压：上下对称
+  // 留 7px；普通会话视图下方是窗口底的官方留白，压进去贴底（同为约 7px）。
+  // 按选中会话判定视图（按钮区与状态条不在同一父容器，兄弟判断不可用）
+  const hasSession = !![...document.querySelectorAll('[data-task-item-key]')]
+    .find((e) => (e.className + '').includes('bg-selected'));
+  barEl.style.marginBottom = hasSession ? '-14px' : '0';
+  barEl.style.paddingBottom = hasSession ? '0' : '7px';
+  const L = t();
+  const parts = [];
+  let lastGroup = '';
+  for (const it of items) {
+    if (!it.on) continue;
+    const c = itemContent(it.id, L);
+    if (!c) continue;
+    const group = GLOBAL_GROUP.has(it.id) ? 'g' : 's';
+    // 会话项与全局项之间用竖线分隔（比项间的 · 更强的分界）
+    if (lastGroup && group !== lastGroup) parts.push('<span class="zcodepro-statusbar-groupsep"></span>');
+    lastGroup = group;
+    parts.push(`<span title="${c.title.replace(/"/g, '&quot;')}"${c.tone ? ` data-tone="${c.tone}"` : ''}>${c.html}</span>`);
+  }
+  // 组内项之间用 ·，跨组竖线两侧不再叠加 ·
+  const SEP = '<span class="zcodepro-statusbar-sep">·</span>';
+  const GROUPSEP = '<span class="zcodepro-statusbar-groupsep"></span>';
+  barEl.innerHTML = parts.reduce((acc, p, i) => {
+    if (i === 0) return p;
+    if (p === GROUPSEP || parts[i - 1] === GROUPSEP) return acc + p;
+    return acc + SEP + p;
+  }, '');
+  barEl.style.display = parts.length ? '' : 'none';
+}
+
+async function tick() {
+  if (!enabled || document.hidden) return;
+  refreshOfficial();
+  const res = await rpc('/stats/usage').catch(() => null);
+  if (res && res.ok) lastStats = res;
+  renderBar();
+}
+
+export function startStatusBar() {
+  ensureStyle();
+  const refreshCfg = () => {
+    void getConfig().then((cfg) => {
+      enabled = cfg.features ? cfg.features.statusBar !== false : true;
+      const saved = cfg.statusBar && Array.isArray(cfg.statusBar.items) ? cfg.statusBar.items : null;
+      if (saved) {
+        // 保存的顺序为准（会话组在前已由设置保存时归一化；这里再归一化一次
+        // 防御旧版本保存的交错顺序）；新版本新增的默认项按默认组位补齐
+        const byId = new Map(saved.map((x) => [x.id, x]));
+        const list = saved.filter((x) => DEFAULT_STATUS_ITEMS.some((d) => d.id === x.id)).map((x) => ({ ...x }));
+        const known = new Set(list.map((x) => x.id));
+        for (const d of DEFAULT_STATUS_ITEMS) {
+          if (!known.has(d.id)) list.push({ ...d });
+        }
+        items = [
+          ...list.filter((x) => !GLOBAL_GROUP.has(x.id)),
+          ...list.filter((x) => GLOBAL_GROUP.has(x.id)),
+        ];
+      } else {
+        items = DEFAULT_STATUS_ITEMS.map((x) => ({ ...x }));
+      }
+      renderBar();
+    }).catch(() => {});
+  };
+  refreshCfg();
+  window.addEventListener('zcodepro:config-changed', refreshCfg);
+  document.addEventListener('visibilitychange', () => { if (!document.hidden) void tick(); });
+  setInterval(() => { void tick(); }, 2000);
+  // 视图切换（进新建会话、换会话等）时 DOM 变动立即重渲染（去抖 300ms）：
+  // 否则状态条要等下一个 2 秒周期，期间残留上一个视图的统计项与间距
+  let rerenderTimer = 0;
+  new MutationObserver(() => {
+    if (rerenderTimer) return;
+    rerenderTimer = setTimeout(() => { rerenderTimer = 0; renderBar(); }, 300);
+  }).observe(document.body, { childList: true, subtree: true });
+}