@harness-mix/cli 0.1.5 → 0.1.7

package/src/native-ui/renderer-extension/src/settings/localization.ts

@@ -511,8 +511,10 @@ const ENGLISH_MESSAGES: RendererSettingsMessages = Object.freeze({
   pageLabels: Object.freeze({
     connections: "Connections",
     accounts: "Accounts",
-    integrations: 'MCP / Skills',
-    "session-import": "Session Import",
+    mcp: 'MCP',
+    skills: 'Skills',
+    "session-import": "Session Import",
+    storage: "Storage & verification",
     updates: "Updates",
     about: "About",
   }),
@@ -764,11 +766,13 @@ const CHINESE_MESSAGES: RendererSettingsMessages = Object.freeze({
   aboutOpenSource: "Harness Mix 是一个开源项目，开源地址：",
   aboutStarCallout: "⭐ 如果这个项目对你有帮助，请给我们一个 Star！⭐",
   aboutRepository: "开源仓库",
-  pageLabels: Object.freeze({
+  pageLabels: Object.freeze({
     connections: "连接",
     accounts: "账号",
-    integrations: 'MCP / Skills',
+    mcp: 'MCP',
+    skills: 'Skills',
     "session-import": "会话导入",
+    storage: "存储与验证",
     updates: "更新",
     about: "关于",
   }),

package/src/native-ui/renderer-extension/src/settings/pages.ts

@@ -27,9 +27,10 @@ import {
   type RendererImportedThreadOpener,
 } from "./session-import-page.js";
 import { createReleaseNotesElement } from "./release-notes.js";
-import { createIntegrationsSettingsPage } from './integrations-page.js';
+import { createMcpSettingsPage, createSkillsSettingsPage } from './integrations-page.js';
 import type { RendererIntegrationsClient } from '../renderer-integrations-client.js';
-import { createAccountsSettingsPage, type RendererCodexAccountClient } from "./accounts-page.js";
+import { createAccountsSettingsPage, type RendererCodexAccountClient } from "./accounts-page.js";
+import { createStorageSettingsPage, type RendererStorageClient } from './storage-page.js';
 
 export type {
   RendererConnectionAgentSnapshot,
@@ -74,8 +75,10 @@ function windowsInstallerDownloadUrl(window: Window | null | undefined, version:
 export const DEFAULT_RENDERER_SETTINGS_PAGE_IDS = [
   "connections",
   "accounts",
-  "integrations",
-  "session-import",
+  "mcp",
+  "skills",
+  "session-import",
+  "storage",
   "updates",
   "about",
 ] as const;
@@ -625,12 +628,15 @@ export function createDefaultRendererSettingsPages(
   openImportedThread: RendererImportedThreadOpener = () =>
     Promise.reject(new Error("Imported Thread navigation is unavailable")),
   getIntegrationsClient: () => RendererIntegrationsClient | null = () => null,
-): readonly RendererSettingsPageDefinition[] {
+  getStorageClient: () => RendererStorageClient | null = () => null,
+): readonly RendererSettingsPageDefinition[] {
   return Object.freeze([
     createConnectionsSettingsPage(messages, getDiagnostics),
     createAccountsSettingsPage(messages, getAccountClient),
-    createIntegrationsSettingsPage(messages, getIntegrationsClient),
-    createSessionImportSettingsPage(messages, getSessionImportClient, openImportedThread),
+    createMcpSettingsPage(messages, getIntegrationsClient),
+    createSkillsSettingsPage(messages, getIntegrationsClient),
+    createSessionImportSettingsPage(messages, getSessionImportClient, openImportedThread),
+    createStorageSettingsPage(messages, getStorageClient),
     updatesPage(messages, getUpdateClient),
     aboutPage(messages, getUpdateClient),
   ]);
@@ -644,6 +650,7 @@ export function createDefaultRendererSettingsRegistry(
   getSessionImportClient: () => RendererSessionImportClient | null = () => null,
   openImportedThread?: RendererImportedThreadOpener,
   getIntegrationsClient?: () => RendererIntegrationsClient | null,
+  getStorageClient?: () => RendererStorageClient | null,
 ): RendererSettingsPageRegistry {
   return createRendererSettingsPageRegistry(
     createDefaultRendererSettingsPages(
@@ -654,8 +661,10 @@ export function createDefaultRendererSettingsRegistry(
       getSessionImportClient,
       openImportedThread,
       getIntegrationsClient,
+      getStorageClient,
     ),
   );
 }
 
-export type { RendererCodexAccountClient } from "./accounts-page.js";
+export type { RendererCodexAccountClient } from "./accounts-page.js";
+export type { RendererStorageClient, RendererStorageInspection } from './storage-page.js';

package/src/native-ui/renderer-extension/src/settings/shell.css

@@ -1813,13 +1813,19 @@ button {
   outline-offset: -2px;
 }
 
-.settings-update-actions {
+.settings-update-actions {
   display: flex;
   align-items: center;
   min-width: 0;
   gap: 12px;
   flex-wrap: wrap;
-}
+}
+
+.settings-storage-block {
+  display: grid;
+  gap: 12px;
+  margin-bottom: 16px;
+}
 
 .settings-command-button,
 .settings-update-link {
@@ -2236,16 +2242,105 @@ button {
 .settings-install-steps li {
   margin-bottom: 2px;
 }
-/* MCP / Skills share the existing settings shell and its theme. */
-.settings-integrations-controls { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 18px 0; }
+/* MCP and Skills share native settings controls while keeping separate flows. */
+.settings-integrations-controls { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 18px 0 12px; }
 .settings-integrations-controls input { flex: 1; min-width: 180px; }
 .settings-integrations-controls input[hidden] { display: none; }
 .settings-integrations-controls select, .settings-integrations-controls input,
-.settings-integrations-field input, .settings-integrations-field textarea { box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--border, #8885); border-radius: 7px; color: inherit; background: transparent; font: inherit; }
+.settings-integrations-field input, .settings-integrations-toolbar input { box-sizing: border-box; padding: 9px 11px; border: 1px solid var(--settings-border, #8885); border-radius: 8px; color: inherit; background: var(--settings-input, transparent); font: inherit; }
+.settings-integrations-status { min-height: 18px; margin: 0 0 6px; color: var(--settings-muted); font-size: 12px; }
 .settings-integrations-body p { font-size: 12px; line-height: 1.6; opacity: .8; }
-.settings-integrations-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; border: 1px solid var(--border, #8885); padding: 14px; margin: 10px 0; border-radius: 10px; }
+.settings-integrations-toolbar { display: flex; gap: 10px; align-items: center; margin: 8px 0 16px; }
+.settings-integrations-toolbar input { flex: 1; }
+.settings-integrations-list { display: grid; gap: 8px; }
+.settings-integrations-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; border: 1px solid var(--settings-border, #8885); padding: 14px; border-radius: 10px; background: var(--settings-surface, transparent); }
 .settings-integrations-row > div { flex: 1; min-width: 180px; }
-.settings-integrations-row code { display: block; overflow-wrap: anywhere; font-size: 11px; }
-.settings-integrations-form { display: grid; gap: 12px; margin: 16px 0 28px; }
+.settings-integrations-row p { margin: 3px 0; }
+.settings-integrations-row code { display: block; overflow-wrap: anywhere; font-size: 11px; color: var(--settings-muted); }
+.settings-integrations-row--native { border-style: dashed; }
+.settings-integrations-empty { padding: 36px 18px; border: 1px dashed var(--settings-border, #8885); border-radius: 10px; text-align: center; color: var(--settings-muted); font-size: 12px; }
+.settings-integrations-editor-head { display: flex; align-items: center; gap: 12px; }
+.settings-integrations-editor-head h3 { margin: 0; }
+.settings-integrations-form { display: grid; gap: 14px; margin: 16px 0 28px; }
+.settings-integrations-form--card { padding: 16px; border: 1px solid var(--settings-border, #8885); border-radius: 12px; }
 .settings-integrations-field { display: grid; gap: 6px; font-size: 12px; }
 .settings-integrations-form > button { justify-self: start; }
+.settings-mcp-args { display: grid; gap: 7px; }
+.settings-mcp-arg { display: flex; gap: 8px; align-items: center; }
+.settings-mcp-arg input { flex: 1; }
+.settings-mcp-kv-row { display: flex; gap: 8px; align-items: center; }
+.settings-mcp-kv-row input { flex: 1; }
+.settings-mcp-add-arg { margin-top: 7px; }
+.settings-mcp-docs-link { display: inline-flex; align-items: center; gap: 4px; color: var(--settings-muted, #888); font-size: 13px; text-decoration: none; transition: color 150ms ease; }
+.settings-mcp-docs-link:hover { color: var(--settings-text, #fff); text-decoration: underline; }
+.settings-integrations-editor-head .settings-command-button--danger { margin-left: auto; }
+.settings-mcp-type-toggle { display: inline-flex; padding: 3px; border-radius: 8px; background: var(--settings-inset, rgba(255, 255, 255, 0.06)); border: 1px solid var(--settings-border, #8885); gap: 2px; width: fit-content; }
+.settings-mcp-type-btn { padding: 5px 14px; border-radius: 6px; border: none; background: transparent; color: var(--settings-muted, #888); font: inherit; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 120ms ease; }
+.settings-mcp-type-btn:hover { color: var(--settings-text, #fff); }
+.settings-mcp-type-btn[data-active="true"] { background: var(--settings-active, rgba(255, 255, 255, 0.15)); color: var(--settings-text, #fff); font-weight: 600; }
+.settings-mcp-notice { margin: 4px 0 0; color: var(--settings-muted, #888); font-size: 12px; line-height: 1.5; }
+.settings-mcp-section { display: grid; gap: 14px; }
+.settings-mcp-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 1px solid var(--settings-border, #8885); border-radius: 8px; background: var(--settings-input, transparent); color: var(--settings-muted, #888); cursor: pointer; flex: none; transition: all 120ms ease; }
+.settings-mcp-icon-btn:hover:not(:disabled) { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.4); color: #f87171; }
+.settings-mcp-icon-btn svg { width: 14px; height: 14px; display: block; }
+.settings-integrations-callout { margin: 0; padding: 10px 12px; border-radius: 8px; background: var(--settings-inset); }
+.settings-skill-dropzone { display: grid; justify-items: center; gap: 8px; padding: 34px 22px; margin: 8px 0 18px; border: 1.5px dashed var(--settings-border, #8887); border-radius: 14px; background: var(--settings-inset); text-align: center; transition: border-color 120ms ease, background 120ms ease, transform 120ms ease; }
+.settings-skill-dropzone > span { max-width: 520px; color: var(--settings-muted); font-size: 12px; line-height: 18px; }
+.settings-skill-dropzone[data-drag-over="true"] { border-color: var(--settings-accent, #10a37f); background: var(--settings-accent-subtle, rgba(16, 163, 127, .1)); transform: scale(.995); }
+.settings-skill-dropzone[data-disabled="true"] { opacity: .55; }
+.settings-skills-target-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; margin-top: 6px; }
+.settings-skills-target-row select { padding: 6px 10px; border: 1px solid var(--settings-border, #8885); border-radius: 8px; background: var(--settings-input, transparent); color: inherit; font: inherit; font-size: 12px; }
+.settings-skills-overview-stats { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 6px 0 10px; font-size: 12px; color: var(--settings-muted); }
+.settings-skills-tabs { display: inline-flex; padding: 3px; border-radius: 8px; background: var(--settings-inset, rgba(255, 255, 255, 0.06)); border: 1px solid var(--settings-border, #8885); gap: 2px; }
+.settings-skills-tab-btn { padding: 5px 14px; border-radius: 6px; border: none; background: transparent; color: var(--settings-muted, #888); font: inherit; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 120ms ease; }
+.settings-skills-tab-btn:hover { color: var(--settings-text, #fff); }
+.settings-skills-tab-btn[data-active="true"] { background: var(--settings-active, rgba(255, 255, 255, 0.15)); color: var(--settings-text, #fff); font-weight: 600; }
+.settings-skills-overview-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; margin-top: 10px; }
+.settings-skills-harness-card { border: 1px solid var(--settings-border, #8885); border-radius: 12px; padding: 14px; background: var(--settings-surface, transparent); display: flex; flex-direction: column; gap: 10px; }
+.settings-skills-harness-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--settings-border, #8883); padding-bottom: 8px; }
+.settings-skills-harness-head strong { font-size: 14px; }
+.settings-skills-badge { font-size: 11px; padding: 2px 8px; border-radius: 10px; background: var(--settings-inset, rgba(255, 255, 255, 0.08)); color: var(--settings-muted); }
+.settings-skills-badge--active { background: rgba(16, 163, 127, 0.15); color: #10a37f; }
+.settings-skills-list-compact { display: flex; flex-direction: column; gap: 8px; max-height: 280px; overflow-y: auto; }
+.settings-skills-item-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 6px; background: var(--settings-inset, rgba(255, 255, 255, 0.03)); font-size: 12px; }
+.settings-skills-item-row strong { font-size: 13px; }
+.settings-skills-item-row code { font-size: 10px; color: var(--settings-muted); overflow-wrap: anywhere; display: block; }
+.settings-skills-item-actions { display: flex; gap: 6px; align-items: center; flex: none; }
+.settings-skills-matrix-list { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
+.settings-skills-matrix-card { border: 1px solid var(--settings-border, #8885); border-radius: 10px; padding: 12px 14px; background: var(--settings-surface, transparent); display: flex; flex-direction: column; gap: 8px; }
+.settings-skills-matrix-head { display: flex; justify-content: space-between; align-items: center; }
+.settings-skills-matrix-head span { font-size: 11px; color: var(--settings-muted); }
+.settings-skills-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
+.settings-skills-tag { font-size: 11px; padding: 3px 8px; border-radius: 6px; background: rgba(16, 163, 127, 0.15); color: #10a37f; border: 1px solid rgba(16, 163, 127, 0.3); }
+.settings-skills-sync-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 4px; }
+.settings-skills-sync-modal { border: 1px solid var(--settings-border, #8885); border-radius: 12px; background: var(--settings-bg, #1e1e1e); color: inherit; padding: 20px 24px; max-width: 420px; box-shadow: 0 16px 32px rgba(0, 0, 0, 0.5); }
+.settings-skills-sync-modal::backdrop { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(2px); }
+.settings-skills-sync-modal h3 { margin: 0 0 8px; font-size: 16px; }
+.settings-skills-sync-modal p { margin: 0 0 12px; font-size: 12px; color: var(--settings-muted); }
+.settings-mcp-overview-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 14px; margin-top: 10px; }
+.settings-mcp-harness-card { border: 1px solid var(--settings-border, #8885); border-radius: 12px; padding: 14px; background: var(--settings-surface, transparent); display: flex; flex-direction: column; gap: 10px; }
+.settings-mcp-harness-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--settings-border, #8883); padding-bottom: 8px; }
+.settings-mcp-harness-head strong { font-size: 14px; }
+.settings-mcp-native-box { padding: 8px 10px; border-radius: 8px; background: rgba(16, 163, 127, 0.08); border: 1px dashed rgba(16, 163, 127, 0.3); font-size: 11px; display: flex; flex-direction: column; gap: 4px; }
+.settings-mcp-native-title { font-weight: 600; color: #10a37f; display: flex; align-items: center; gap: 6px; }
+.settings-mcp-native-item { display: flex; flex-direction: column; gap: 2px; color: var(--settings-muted); }
+.settings-mcp-native-item code { font-size: 10px; overflow-wrap: anywhere; }
+.settings-mcp-list-compact { display: flex; flex-direction: column; gap: 8px; max-height: 280px; overflow-y: auto; }
+.settings-mcp-item-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 6px; background: var(--settings-inset, rgba(255, 255, 255, 0.03)); font-size: 12px; }
+.settings-mcp-item-row strong { font-size: 13px; }
+.settings-mcp-item-row code { font-size: 10px; color: var(--settings-muted); overflow-wrap: anywhere; display: block; }
+.settings-mcp-item-actions { display: flex; gap: 6px; align-items: center; flex: none; }
+.settings-mcp-card-footer { display: flex; justify-content: flex-end; margin-top: auto; padding-top: 6px; border-top: 1px solid var(--settings-border, #8882); }
+.settings-mcp-matrix-list { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
+.settings-mcp-matrix-card { border: 1px solid var(--settings-border, #8885); border-radius: 10px; padding: 12px 14px; background: var(--settings-surface, transparent); display: flex; flex-direction: column; gap: 8px; }
+.settings-mcp-matrix-head { display: flex; justify-content: space-between; align-items: center; }
+.settings-mcp-matrix-head span { font-size: 11px; color: var(--settings-muted); }
+.settings-mcp-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
+.settings-mcp-tag { font-size: 11px; padding: 3px 8px; border-radius: 6px; background: rgba(16, 163, 127, 0.15); color: #10a37f; border: 1px solid rgba(16, 163, 127, 0.3); }
+.settings-mcp-tag--disabled { background: rgba(255, 255, 255, 0.05); color: var(--settings-muted); border-color: var(--settings-border, #8885); }
+.settings-mcp-sync-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 4px; }
+.settings-mcp-distribute-modal { border: 1px solid var(--settings-border, #8885); border-radius: 12px; background: var(--settings-bg, #1e1e1e); color: inherit; padding: 20px 24px; max-width: 540px; width: 92%; max-height: 85vh; overflow-y: auto; box-shadow: 0 16px 32px rgba(0, 0, 0, 0.5); }
+.settings-mcp-distribute-modal::backdrop { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(2px); }
+.settings-mcp-distribute-modal h3 { margin: 0 0 8px; font-size: 16px; }
+.settings-mcp-distribute-modal p { margin: 0 0 12px; font-size: 12px; color: var(--settings-muted); }
+

package/src/native-ui/renderer-extension/src/settings/storage-page.ts

@@ -0,0 +1,74 @@
+import type { RendererSettingsPageDefinition, RendererSettingsPageMountContext } from './core.js';
+import type { RendererSettingsMessages } from './localization.js';
+import { createRendererSettingsIcon } from './icons.js';
+
+export interface RendererStorageInspection {
+  readonly storageSchemaVersion: number;
+  readonly threadCount: number;
+  readonly loadedThreadCount: number;
+  readonly indexBytes: number;
+  readonly recordBytes: number;
+  readonly recordCount: number;
+  readonly legacyBytes: number;
+}
+
+export interface RendererStorageClient {
+  inspectStorage(): Promise<RendererStorageInspection>;
+  optimizeStorage(): Promise<{ before: RendererStorageInspection; after: RendererStorageInspection }>;
+}
+
+function bytes(value: number): string {
+  if (value < 1024) return `${value} B`;
+  const units = ['KB', 'MB', 'GB'];
+  let scaled = value;
+  let unit = 'B';
+  for (const next of units) { scaled /= 1024; unit = next; if (scaled < 1024) break; }
+  return `${scaled.toFixed(scaled >= 10 ? 0 : 1)} ${unit}`;
+}
+
+export function createStorageSettingsPage(messages: RendererSettingsMessages, getClient: () => RendererStorageClient | null): RendererSettingsPageDefinition {
+  const zh = messages.locale === 'zh-CN';
+  return Object.freeze({
+    id: 'storage', label: zh ? '存储与验证' : 'Storage & verification', icon: 'storage',
+    mount(context: RendererSettingsPageMountContext) {
+      const document = context.content.ownerDocument;
+      const heading = document.createElement('div'); heading.className = 'settings-section-label'; heading.textContent = zh ? '会话存储' : 'Session storage';
+      const storage = document.createElement('section'); storage.className = 'settings-storage-block';
+      const panel = document.createElement('section'); panel.className = 'settings-update-panel'; panel.setAttribute('aria-live', 'polite');
+      const actions = document.createElement('div'); actions.className = 'settings-update-actions';
+      const optimize = document.createElement('button'); optimize.type = 'button'; optimize.className = 'settings-command-button';
+      optimize.append(createRendererSettingsIcon('storage', 16), zh ? '优化存储' : 'Optimize storage');
+      actions.append(optimize);
+      const render = (value: RendererStorageInspection): void => {
+        panel.replaceChildren();
+        const title = document.createElement('strong'); title.className = 'settings-update-panel__title'; title.textContent = `Schema v${value.storageSchemaVersion}`;
+        const copy = document.createElement('p'); copy.className = 'settings-update-summary';
+        copy.textContent = zh
+          ? `${value.threadCount} 个任务，冷启动仅载入 ${value.loadedThreadCount} 个完整任务；索引 ${bytes(value.indexBytes)}，分片 ${bytes(value.recordBytes)}。`
+          : `${value.threadCount} tasks; ${value.loadedThreadCount} full tasks loaded at cold start. Index ${bytes(value.indexBytes)}, shards ${bytes(value.recordBytes)}.`;
+        panel.append(title, copy);
+      };
+      const client = getClient();
+      if (!client) { panel.textContent = zh ? '当前 Host 不支持存储治理。' : 'Storage governance is unavailable on this Host.'; optimize.disabled = true; }
+      else {
+        void context.runLatest(() => client.inspectStorage(), { success: render, failure(error) { panel.textContent = error instanceof Error ? error.message : String(error); } });
+        optimize.addEventListener('click', () => {
+          optimize.disabled = true;
+          void context.runLatest(() => client.optimizeStorage(), {
+            success(result) { optimize.disabled = false; render(result.after); },
+            failure(error) { optimize.disabled = false; panel.textContent = error instanceof Error ? error.message : String(error); },
+          });
+        });
+      }
+      const gate = document.createElement('section'); gate.className = 'settings-about-panel';
+      const gateTitle = document.createElement('strong'); gateTitle.textContent = zh ? '任务验证门禁' : 'Task verification gates';
+      const gateCopy = document.createElement('p'); gateCopy.textContent = zh
+        ? '在任务命令面板使用 /gate 配置策略，使用 /verify 立即运行。验证报告会显示在对应回合并随接力证据传递。'
+        : 'Use /gate in a task command palette to configure policy and /verify to run it. Reports appear on the Turn and travel with handoff evidence.';
+      gate.append(gateTitle, gateCopy);
+      storage.append(panel, actions);
+      context.content.append(heading, storage, gate);
+      return undefined;
+    },
+  });
+}

package/src/native-ui/renderer-extension/test/renderer-chatgpt-context.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from "vitest";
-import { CHATGPT_CONTEXT_MAX_LENGTH, buildChatGptContextDraft, redactChatGptContextText, sanitizeChatGptSourceUrl } from "../src/renderer-chatgpt-context.js";
+import { CHATGPT_CONTEXT_MAX_LENGTH, buildChatGptContextDraft, isChatGptQuickChatEditor, redactChatGptContextText, sanitizeChatGptSourceUrl } from "../src/renderer-chatgpt-context.js";
 
 describe("ChatGPT context package", () => {
   it("marks imported text as untrusted context", () => {
@@ -15,4 +15,7 @@ describe("ChatGPT context package", () => {
     expect(sanitizeChatGptSourceUrl("https://chatgpt.com/c/abc?token=nope#part")).toBe("https://chatgpt.com/c/abc");
     expect(sanitizeChatGptSourceUrl("http://chatgpt.com/c/abc")).toBeUndefined(); expect(sanitizeChatGptSourceUrl("https://example.com/c/abc")).toBeUndefined();
   });
+  it("ignores partial DOM fixtures that are not browser Elements", () => {
+    expect(isChatGptQuickChatEditor({} as Element)).toBe(false);
+  });
 });

package/src/native-ui/renderer-extension/test/renderer-model-client.test.ts

@@ -296,6 +296,7 @@ describe("Renderer fixed Model request client", () => {
       "inspectCodexAccountUsage",
       "inspectHarness",
       "inspectHarnessCommands",
+      "inspectStorage",
       "inspectThread",
       "inspectThreadCommands",
       "inspectThreadUsage",
@@ -313,6 +314,7 @@ describe("Renderer fixed Model request client", () => {
       "logoutCodexAccount",
       "messageThread",
       "openHarnessWebUi",
+      "optimizeStorage",
       "readCurrentVersion",
       "readUpdateStatus",
       "refreshCodexAccounts",

package/src/native-ui/renderer-extension/test/settings/harness-settings.test.ts

@@ -15,8 +15,13 @@ import { rendererSettingsMessages } from "../../src/settings/localization.js";
 import { RendererSettingsPageScope } from "../../src/settings/core.js";
 import { KNOWN_RENDERER_AGENTS, type ExternalRendererAgent } from "../../src/agent-selection-state.js";
 import { installRendererSettingsLifecycle } from "../../src/harness-mix-settings.js";
+import { installRendererSettingsLifecycle as installCanonicalRendererSettingsLifecycle } from "../../src/renderer-settings-lifecycle.js";
 
 describe("Harness Mix Settings & Model Configuration", () => {
+  it("uses the canonical settings lifecycle from the live renderer entrypoint", () => {
+    expect(installRendererSettingsLifecycle).toBe(installCanonicalRendererSettingsLifecycle);
+  });
+
   it("provides known install commands without guessing npm packages for native CLIs", () => {
     const externalAgents = KNOWN_RENDERER_AGENTS.filter(
       (agent): agent is ExternalRendererAgent => agent !== "codex",

package/src/native-ui/renderer-extension/test/settings/localization.test.ts

@@ -75,6 +75,6 @@ describe("Renderer settings localization", () => {
       createDefaultRendererSettingsPages(rendererSettingsMessages("zh-CN")).map(
         ({ label }) => label,
       ),
-    ).toEqual(["连接", "账号", "MCP / Skills", "会话导入", "更新", "关于"]);
+    ).toEqual(["连接", "账号", "MCP", "Skills", "会话导入", "存储与验证", "更新", "关于"]);
   });
 });

package/src/native-ui/renderer-extension/test/settings/pages.test.ts

@@ -2030,7 +2030,7 @@ describe("Renderer Session Import page", () => {
     scope.dispose();
   });
 
-  it("ignores a Session list that resolves after the settings page is disposed", async () => {
+  it("ignores a Session list that resolves after the settings page is disposed", async () => {
     const listed = deferred<{ candidates: never[]; total: number }>();
     const client = {
       listSessionImportSources: vi.fn(async () => ({
@@ -2064,6 +2064,52 @@ describe("Renderer Session Import page", () => {
     await Promise.resolve();
     await Promise.resolve();
 
-    expect(visibleText(content)).toBe(before);
-  });
-});
+    expect(visibleText(content)).toBe(before);
+  });
+
+  it("shows sharded storage metrics and optimizes loaded task data", async () => {
+    const inspection = {
+      storageSchemaVersion: 3,
+      threadCount: 12,
+      loadedThreadCount: 2,
+      indexBytes: 2048,
+      recordBytes: 5 * 1024 * 1024,
+      recordCount: 12,
+      legacyBytes: 0,
+    };
+    const client = {
+      inspectStorage: vi.fn(async () => inspection),
+      optimizeStorage: vi.fn(async () => ({ before: inspection, after: { ...inspection, recordBytes: 4 * 1024 * 1024 } })),
+    };
+    const page = createDefaultRendererSettingsPages(
+      rendererSettingsMessages("zh-CN"),
+      () => null,
+      () => null,
+      () => null,
+      () => null,
+      undefined,
+      () => null,
+      () => client,
+    ).find(({ id }) => id === "storage");
+    if (!page) throw new Error("Storage page is not registered");
+    const document = new FakeDocument();
+    const content = document.createElement("main");
+    const scope = new RendererSettingsPageScope();
+    page.mount({
+      content: content as unknown as HTMLElement,
+      signal: scope.signal,
+      runLatest: (operation, handlers) => scope.runLatest(operation, handlers),
+    });
+
+    await vi.waitFor(() => expect(visibleText(content)).toContain("12 个任务"));
+    expect(visibleText(content)).toContain("Schema v3");
+    expect(visibleText(content)).toContain("2.0 KB");
+    expect(visibleText(content)).toContain("5.0 MB");
+    const optimize = descendants(content).find((element) => element.className === "settings-command-button");
+    if (!optimize) throw new Error("Optimize storage action is not rendered");
+    optimize.dispatch("click");
+    await vi.waitFor(() => expect(client.optimizeStorage).toHaveBeenCalledOnce());
+    await vi.waitFor(() => expect(visibleText(content)).toContain("4.0 MB"));
+    scope.dispose();
+  });
+});

package/src/native-ui/renderer-extension/test/settings/shell.test.ts

@@ -23,8 +23,10 @@ describe("Renderer settings foundation", () => {
     expect(pages.map(({ label }) => label)).toEqual([
       "Connections",
       "Accounts",
-      "MCP / Skills",
+      "MCP",
+      "Skills",
       "Session Import",
+      "Storage & verification",
       "Updates",
       "About",
     ]);
@@ -33,6 +35,8 @@ describe("Renderer settings foundation", () => {
       "accounts",
       "connections",
       "session-import",
+      "session-import",
+      "storage",
       "updates",
       "about",
     ]);
@@ -65,8 +69,10 @@ describe("Renderer settings foundation", () => {
     expect(pages.map(({ id }) => id)).toEqual([
       "connections",
       "accounts",
-      "integrations",
+      "mcp",
+      "skills",
       "session-import",
+      "storage",
       "updates",
       "about",
     ]);