@harness-mix/cli 0.1.6 → 0.1.7

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-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

@@ -26,6 +26,7 @@ describe("Renderer settings foundation", () => {
       "MCP",
       "Skills",
       "Session Import",
+      "Storage & verification",
       "Updates",
       "About",
     ]);
@@ -35,6 +36,7 @@ describe("Renderer settings foundation", () => {
       "connections",
       "session-import",
       "session-import",
+      "storage",
       "updates",
       "about",
     ]);
@@ -70,6 +72,7 @@ describe("Renderer settings foundation", () => {
       "mcp",
       "skills",
       "session-import",
+      "storage",
       "updates",
       "about",
     ]);