@harness-mix/cli 0.1.4 → 0.1.6

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

@@ -88,7 +88,12 @@ export interface RendererSettingsMessages {
   readonly accountDeleteFailed: string;
   readonly accountActive: string;
   readonly accountUse: string;
-  readonly accountSignIn: string;
+  readonly accountSignIn: string;
+  readonly accountSignOut: string;
+  readonly accountSignOutConfirm: string;
+  readonly accountSigningOut: string;
+  readonly accountSignedOut: string;
+  readonly accountSignOutFailed: string;
   readonly accountSigningIn: string;
   readonly accountDeviceCodePrerequisite: string;
   readonly accountVerificationDescription: string;
@@ -299,9 +304,9 @@ const ENGLISH_MESSAGES: RendererSettingsMessages = Object.freeze({
   sessionImportRetrying: "Opening...",
   connectionsDescription:
     "View runtime status by Host. Select an item to inspect details or complete its setup.",
-  accountsDescription: "Choose the default account for new Codex tasks and check account limits.",
-  accountTaskHint:
-    "Existing tasks keep the account they were created with. Multi-account is currently available for Codex.",
+  accountsDescription: "Manage isolated native Codex accounts and compare each account's live limits.",
+  accountTaskHint:
+    "Signing in or switching accounts does not affect tasks already running. New tasks use the selected account.",
   accountConnected: "Connected accounts",
   accountDefaultBadge: "Default",
   accountAdd: "Add Account",
@@ -327,7 +332,12 @@ const ENGLISH_MESSAGES: RendererSettingsMessages = Object.freeze({
   accountDeleteFailed: "Could not delete the Account.",
   accountActive: "Default",
   accountUse: "Set as default",
-  accountSignIn: "Sign in",
+  accountSignIn: "Sign in",
+  accountSignOut: "Sign out",
+  accountSignOutConfirm: "Sign out of the current official Codex account?",
+  accountSigningOut: "Signing out of official Codex...",
+  accountSignedOut: "Signed out of official Codex.",
+  accountSignOutFailed: "Could not sign out of official Codex.",
   accountSigningIn: "Starting device sign-in...",
   accountDeviceCodePrerequisite:
     "Before signing in, enable “Enable device code authorization for Codex” in Web Settings → Account security & sign-in.",
@@ -498,9 +508,11 @@ const ENGLISH_MESSAGES: RendererSettingsMessages = Object.freeze({
   aboutOpenSource: "Harness Mix is an open-source project. The source code is available at:",
   aboutStarCallout: "⭐ If this project helps you, please give us a Star! ⭐",
   aboutRepository: "Open-source repository",
-  pageLabels: Object.freeze({
-    connections: "Connections",
-    accounts: "Accounts",
+  pageLabels: Object.freeze({
+    connections: "Connections",
+    accounts: "Accounts",
+    mcp: 'MCP',
+    skills: 'Skills',
     "session-import": "Session Import",
     updates: "Updates",
     about: "About",
@@ -554,8 +566,8 @@ const CHINESE_MESSAGES: RendererSettingsMessages = Object.freeze({
   sessionImportRetryOpen: "重试打开",
   sessionImportRetrying: "正在打开……",
   connectionsDescription: "按 Host 查看运行时状态。选择一项，在右侧检查详情或完成配置。",
-  accountsDescription: "选择新建 Codex 任务的默认账号，并查看各账号额度。",
-  accountTaskHint: "切换默认账号不会影响已开始的任务。目前仅支持 Codex 多账号。",
+  accountsDescription: "管理相互隔离的原生 Codex 账号，并对比每个账号的实时额度。",
+  accountTaskHint: "登录或切换账号不会影响已开始的任务；新任务使用当前选中的账号。",
   accountConnected: "已连接账号",
   accountDefaultBadge: "默认",
   accountAdd: "添加账号",
@@ -581,7 +593,12 @@ const CHINESE_MESSAGES: RendererSettingsMessages = Object.freeze({
   accountDeleteFailed: "删除账号失败。",
   accountActive: "默认账号",
   accountUse: "设为默认",
-  accountSignIn: "登录",
+  accountSignIn: "登录",
+  accountSignOut: "退出登录",
+  accountSignOutConfirm: "确定退出当前官方 Codex 账号吗？",
+  accountSigningOut: "正在退出官方 Codex...",
+  accountSignedOut: "已退出官方 Codex。",
+  accountSignOutFailed: "退出官方 Codex 失败。",
   accountSigningIn: "正在启动设备登录...",
   accountDeviceCodePrerequisite:
     "登录前，请先在 Web 端的“设置 → 账号安全与登录”中开启“为 Codex 启用设备代码授权”。",
@@ -750,8 +767,10 @@ const CHINESE_MESSAGES: RendererSettingsMessages = Object.freeze({
   aboutRepository: "开源仓库",
   pageLabels: Object.freeze({
     connections: "连接",
-    accounts: "账号",
-    "session-import": "会话导入",
+    accounts: "账号",
+    mcp: 'MCP',
+    skills: 'Skills',
+    "session-import": "会话导入",
     updates: "更新",
     about: "关于",
   }),

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

@@ -26,7 +26,9 @@ import {
   type RendererSessionImportClient,
   type RendererImportedThreadOpener,
 } from "./session-import-page.js";
-import { createReleaseNotesElement } from "./release-notes.js";
+import { createReleaseNotesElement } from "./release-notes.js";
+import { createMcpSettingsPage, createSkillsSettingsPage } from './integrations-page.js';
+import type { RendererIntegrationsClient } from '../renderer-integrations-client.js';
 import { createAccountsSettingsPage, type RendererCodexAccountClient } from "./accounts-page.js";
 
 export type {
@@ -71,7 +73,9 @@ function windowsInstallerDownloadUrl(window: Window | null | undefined, version:
 
 export const DEFAULT_RENDERER_SETTINGS_PAGE_IDS = [
   "connections",
-  "accounts",
+  "accounts",
+  "mcp",
+  "skills",
   "session-import",
   "updates",
   "about",
@@ -79,11 +83,12 @@ export const DEFAULT_RENDERER_SETTINGS_PAGE_IDS = [
 
 export type DefaultRendererSettingsPageId = (typeof DEFAULT_RENDERER_SETTINGS_PAGE_IDS)[number];
 
-export interface RendererUpdateClient {
-  checkUpdate(): Promise<UpdateCheckResult>;
-  startUpdate(): Promise<UpdateStartResult>;
-  readUpdateStatus(): Promise<UpdateStatusResult>;
-}
+export interface RendererUpdateClient {
+  checkUpdate(): Promise<UpdateCheckResult>;
+  startUpdate(): Promise<UpdateStartResult>;
+  readUpdateStatus(): Promise<UpdateStatusResult>;
+  readCurrentVersion?(): Promise<{ version: string }>;
+}
 
 function panelIconName(view: string): RendererSettingsIconName {
   if (view === "failed" || view === "error") return "alert";
@@ -154,7 +159,10 @@ function formatUpdateBytes(value: number): string {
   return `${scaled.toFixed(scaled >= 10 ? 0 : 1)} ${unit}`;
 }
 
-export function aboutPage(messages: RendererSettingsMessages): RendererSettingsPageDefinition {
+export function aboutPage(
+  messages: RendererSettingsMessages,
+  getClient: () => RendererUpdateClient | null = () => null,
+): RendererSettingsPageDefinition {
   return Object.freeze({
     id: "about",
     label: messages.pageLabels.about,
@@ -177,7 +185,7 @@ export function aboutPage(messages: RendererSettingsMessages): RendererSettingsP
       versionRow.className = "settings-about-version-row";
       const versionBadge = document.createElement("span");
       versionBadge.className = "settings-about-version-badge";
-      versionBadge.textContent = "v0.1.2";
+      versionBadge.textContent = "v…";
       const checkUpdateBtn = document.createElement("button");
       checkUpdateBtn.type = "button";
       checkUpdateBtn.className = "settings-command-button settings-command-button--secondary";
@@ -217,9 +225,27 @@ export function aboutPage(messages: RendererSettingsMessages): RendererSettingsP
         repositoryUrl,
       );
       repositorySection.append(openSource, repository);
-      panel.append(product, tagline, versionRow, introduction, starCallout, repositorySection);
-      context.content.append(heading, panel);
-      return undefined;
+      panel.append(product, tagline, versionRow, introduction, starCallout, repositorySection);
+      context.content.append(heading, panel);
+      const client = getClient();
+      const readVersion = client?.readCurrentVersion
+        ? () => client.readCurrentVersion!()
+        : client
+          ? () => client.checkUpdate().then(({ currentVersion }) => ({ version: currentVersion }))
+          : null;
+      if (readVersion) {
+        void context.runLatest(readVersion, {
+          success(result) {
+            versionBadge.textContent = `v${result.version}`;
+          },
+          failure() {
+            versionBadge.textContent = "v—";
+          },
+        });
+      } else {
+        versionBadge.textContent = "v—";
+      }
+      return undefined;
     },
   });
 }
@@ -597,15 +623,18 @@ export function createDefaultRendererSettingsPages(
   getDiagnostics: () => RendererConnectionDiagnostics | null = () => null,
   getAccountClient: () => RendererCodexAccountClient | null = () => null,
   getSessionImportClient: () => RendererSessionImportClient | null = () => null,
-  openImportedThread: RendererImportedThreadOpener = () =>
-    Promise.reject(new Error("Imported Thread navigation is unavailable")),
+  openImportedThread: RendererImportedThreadOpener = () =>
+    Promise.reject(new Error("Imported Thread navigation is unavailable")),
+  getIntegrationsClient: () => RendererIntegrationsClient | null = () => null,
 ): readonly RendererSettingsPageDefinition[] {
   return Object.freeze([
     createConnectionsSettingsPage(messages, getDiagnostics),
-    createAccountsSettingsPage(messages, getAccountClient),
+    createAccountsSettingsPage(messages, getAccountClient),
+    createMcpSettingsPage(messages, getIntegrationsClient),
+    createSkillsSettingsPage(messages, getIntegrationsClient),
     createSessionImportSettingsPage(messages, getSessionImportClient, openImportedThread),
     updatesPage(messages, getUpdateClient),
-    aboutPage(messages),
+    aboutPage(messages, getUpdateClient),
   ]);
 }
 
@@ -615,7 +644,8 @@ export function createDefaultRendererSettingsRegistry(
   getDiagnostics: () => RendererConnectionDiagnostics | null = () => null,
   getAccountClient: () => RendererCodexAccountClient | null = () => null,
   getSessionImportClient: () => RendererSessionImportClient | null = () => null,
-  openImportedThread?: RendererImportedThreadOpener,
+  openImportedThread?: RendererImportedThreadOpener,
+  getIntegrationsClient?: () => RendererIntegrationsClient | null,
 ): RendererSettingsPageRegistry {
   return createRendererSettingsPageRegistry(
     createDefaultRendererSettingsPages(
@@ -624,7 +654,8 @@ export function createDefaultRendererSettingsRegistry(
       getDiagnostics,
       getAccountClient,
       getSessionImportClient,
-      openImportedThread,
+      openImportedThread,
+      getIntegrationsClient,
     ),
   );
 }

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

@@ -2236,3 +2236,106 @@ button {
 .settings-install-steps li {
   margin-bottom: 2px;
 }
+/* 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-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-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 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/test/renderer-agent-picker.test.ts

@@ -79,7 +79,7 @@ describe("Renderer Agent picker presentation", () => {
           isDefault: false,
         },
       ),
-    ).toBe("Agent: Codex · reviewer@example.com (locked)");
+    ).toBe("Agent: Codex（官方原生） · reviewer@example.com (locked)");
     expect(rendererAgentPickerTooltip({ agent: "claude-code", phase: "locked" }, undefined)).toBe(
       "Agent: Claude Code (locked)",
     );
@@ -94,7 +94,7 @@ describe("Renderer Agent picker presentation", () => {
         "grok",
       ]),
     ).toEqual({
-      label: "Codex",
+      label: "Codex（官方原生）",
       triggerDisabled: false,
       nativeModelHidden: false,
       optionDisabled: { codex: false, pi: true, "claude-code": true, grok: true },
@@ -107,27 +107,58 @@ describe("Renderer Agent picker presentation", () => {
     expect(
       rendererAgentPickerView({ agent: "codex", phase: "draft" }, "ready", false, ["codex"], {}, 2),
     ).toMatchObject({
-      label: "Codex",
+      label: "Codex（官方原生）",
       triggerDisabled: false,
       optionDisabled: { codex: false },
     });
   });
 
-  it("hides the native Model for an external Agent and locks submitted selection", () => {
+  it("turns a submitted external Agent picker into a Harness handoff picker", () => {
     expect(
-      rendererAgentPickerView({ agent: "pi", phase: "locked" }, "ready", false, ["codex", "pi"], {
-        pi: "ready",
-      }),
+      rendererAgentPickerView(
+        { agent: "pi", phase: "locked" },
+        "ready",
+        false,
+        ["codex", "pi", "claude-code"],
+        { pi: "ready", "claude-code": "ready" },
+      ),
     ).toEqual({
       label: "Pi",
-      triggerDisabled: true,
+      triggerDisabled: false,
       nativeModelHidden: true,
-      optionDisabled: { codex: true, pi: true },
-      downloadVisible: { pi: false },
-      errorVisible: { pi: false },
+      optionDisabled: { codex: true, pi: true, "claude-code": false },
+      downloadVisible: { pi: false, "claude-code": false },
+      errorVisible: { pi: false, "claude-code": false },
     });
   });
 
+  it("offers another ready external Harness while keeping official Codex unavailable", () => {
+    expect(
+      rendererAgentPickerView(
+        { agent: "pi", phase: "locked" },
+        "ready",
+        false,
+        ["codex", "pi", "claude-code", "grok"],
+        { pi: "ready", "claude-code": "ready", grok: "unavailable" },
+      ),
+    ).toMatchObject({
+      triggerDisabled: false,
+      optionDisabled: { codex: true, pi: true, "claude-code": false, grok: true },
+    });
+  });
+
+  it("keeps an official Codex conversation locked because HostRuntime does not own it", () => {
+    expect(
+      rendererAgentPickerView(
+        { agent: "codex", phase: "locked" },
+        "ready",
+        false,
+        ["codex", "pi"],
+        { pi: "ready" },
+      ),
+    ).toMatchObject({ triggerDisabled: true, optionDisabled: { codex: true, pi: true } });
+  });
+
   it("hides the native Model and disables all choices while switching", () => {
     expect(
       rendererAgentPickerView({ agent: "codex", phase: "draft" }, "ready", true, ["codex", "pi"]),
@@ -145,7 +176,7 @@ describe("Renderer Agent picker presentation", () => {
         pi: "notInstalled",
       }),
     ).toEqual({
-      label: "Codex",
+      label: "Codex（官方原生）",
       triggerDisabled: false,
       nativeModelHidden: false,
       optionDisabled: { codex: false, pi: true },
@@ -160,7 +191,7 @@ describe("Renderer Agent picker presentation", () => {
         pi: "error",
       }),
     ).toEqual({
-      label: "Codex",
+      label: "Codex（官方原生）",
       triggerDisabled: false,
       nativeModelHidden: false,
       optionDisabled: { codex: false, pi: true },

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

@@ -0,0 +1,21 @@
+import { describe, expect, it } from "vitest";
+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", () => {
+    const draft = buildChatGptContextDraft({ title: "架构讨论", sourceUrl: "https://chatgpt.com/c/example?utm_source=secret#turn", mode: "loaded-messages", messages: [{ role: "user", text: "给一个迁移方案" }, { role: "assistant", text: "先建立共享契约" }], truncated: false });
+    expect(draft).toContain("不可信历史资料"); expect(draft).toContain("不恢复原聊天"); expect(draft).toContain("User: 给一个迁移方案"); expect(draft).toContain("Assistant: 先建立共享契约"); expect(draft).toContain("https://chatgpt.com/c/example"); expect(draft).not.toContain("utm_source");
+  });
+  it("redacts credentials and caps the package", () => {
+    expect(redactChatGptContextText("Authorization: Bearer abcdefghijklmnopqrstuvwxyz sk-abcdefghijklmnopqrstuvwxyz123456")).not.toContain("abcdefghijklmnopqrstuvwxyz");
+    const draft = buildChatGptContextDraft({ title: "大段聊天", mode: "selection", messages: [{ role: "user", text: "x".repeat(CHATGPT_CONTEXT_MAX_LENGTH * 2) }], truncated: true });
+    expect(draft.length).toBeLessThanOrEqual(CHATGPT_CONTEXT_MAX_LENGTH); expect(draft).toContain("已截断");
+  });
+  it("accepts only sanitized HTTPS ChatGPT links", () => {
+    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-codex-account-state.test.ts

@@ -1,5 +1,8 @@
 import { describe, expect, it, vi } from "vitest";
-import { RendererCodexAccountState } from "../src/renderer-codex-account-state.js";
+import {
+  codexAccountRouteOverride,
+  RendererCodexAccountState,
+} from "../src/renderer-codex-account-state.js";
 import { createRendererModelClient } from "../src/renderer-model-client.js";
 
 const account = (accountId: string, active = false) => ({
@@ -17,6 +20,15 @@ function createState(sendRequest: (method: string, params: unknown) => Promise<u
 }
 
 describe("Host-scoped Codex Account state", () => {
+  it("routes isolated Accounts through Harness Mix even when they are the active default", () => {
+    const accounts = [
+      { ...account("official"), management: "native" as const },
+      { ...account("work", true), management: "isolated" as const },
+    ];
+    expect(codexAccountRouteOverride(accounts, "work")).toBe("work");
+    expect(codexAccountRouteOverride(accounts, "official")).toBeNull();
+  });
+
   it("coalesces concurrent refreshes on the same concrete client", async () => {
     const response = Promise.withResolvers<unknown>();
     const sendRequest = vi.fn(() => response.promise);

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

@@ -0,0 +1,20 @@
+import { describe, expect, it } from "vitest";
+
+import {
+  HARNESS_HANDOFF_NOTE_MAX_LENGTH,
+  rendererHarnessHandoffMessages,
+} from "../src/renderer-harness-handoff.js";
+
+describe("Renderer Harness handoff", () => {
+  it("uses a bounded note compatible with the Host switch contract", () => {
+    expect(HARNESS_HANDOFF_NOTE_MAX_LENGTH).toBe(2000);
+  });
+
+  it("explains that the task and working tree stay in place", () => {
+    const messages = rendererHarnessHandoffMessages("zh-CN");
+    expect(messages.title).toBe("接力当前任务");
+    expect(messages.description).toMatch(/任务窗口.*对话记录.*文件现场/);
+    expect(messages.context).toMatch(/近期对话.*最新方案.*计划.*变更文件/);
+    expect(messages.running).toMatch(/先停止或等待完成/);
+  });
+});

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

@@ -278,12 +278,13 @@ describe("Renderer fixed Model request client", () => {
         },
       })
       .mockResolvedValueOnce({ status: null })
-      .mockResolvedValueOnce({ threadId: "thread-1" });
+      .mockResolvedValueOnce({ threadId: "thread-1", checkpointId: "handoff-1" });
     const client = createRendererModelClient([{ addNotificationCallback, sendRequest }]);
     if (!client) throw new Error("Synthetic Model client was not created");
     expect(Object.keys(client).sort()).toEqual([
       "activateCodexAccount",
       "cancelCodexAccountLogin",
+      "changeSkill",
       "checkUpdate",
       "consumeCodexAccountResetCredit",
       "createCodexAccount",
@@ -299,18 +300,24 @@ describe("Renderer fixed Model request client", () => {
       "inspectThreadCommands",
       "inspectThreadUsage",
       "installHarness",
+      "integrationCatalog",
       "listCodexAccounts",
       "listCollaborationAgents",
       "listHarnessAccounts",
       "listHarnessPlugins",
       "listHarnessSessions",
+      "listIntegrations",
       "listSessionImportSources",
       "listThreadOwnership",
       "loginHarnessAccount",
+      "logoutCodexAccount",
       "messageThread",
       "openHarnessWebUi",
+      "readCurrentVersion",
       "readUpdateStatus",
       "refreshCodexAccounts",
+      "removeMcp",
+      "saveMcp",
       "selectThreadModel",
       "selectThreadPermissionMode",
       "selectThreadThinking",
@@ -444,7 +451,7 @@ describe("Renderer fixed Model request client", () => {
         harnessId: "claude-code",
         note: "继续补测试",
       }),
-    ).resolves.toEqual({ threadId: "thread-1" });
+    ).resolves.toEqual({ threadId: "thread-1", checkpointId: "handoff-1" });
     expect(sendRequest).toHaveBeenNthCalledWith(13, THREAD_HARNESS_SWITCH_METHOD, {
       threadId: "thread-1",
       harnessId: "claude-code",

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(["连接", "账号", "会话导入", "更新", "关于"]);
+    ).toEqual(["连接", "账号", "MCP", "Skills", "会话导入", "更新", "关于"]);
   });
 });