@harness-mix/cli 0.1.10 → 0.1.12

package/output/native-build/renderer-extension.js

@@ -49,7 +49,7 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
     "codex-harness"
   ];
   function defaultIdFactory(sequence) {
-    return `codexhost-composer-${Date.now().toString(36)}-${sequence.toString(36)}`;
+    return `harnessmix-composer-${Date.now().toString(36)}-${sequence.toString(36)}`;
   }
   function isDefaultTarget(target) {
     return target?.[0] === "default";
@@ -74,6 +74,7 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
     #modelRequestGenerations = /* @__PURE__ */ new WeakMap();
     #ownershipRequestGenerations = /* @__PURE__ */ new WeakMap();
     #states = /* @__PURE__ */ new WeakMap();
+    #interactedDrafts = /* @__PURE__ */ new WeakSet();
     #switching = /* @__PURE__ */ new Set();
     #pendingSubmissions = /* @__PURE__ */ new Set();
     #composerSequence = 0;
@@ -137,17 +138,22 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
     rebindTarget(composer, target, preferredNewThreadAgent) {
       if (!isComposerTarget(target)) return null;
       const previous = this.#state(composer);
-      this.#pendingSubmissions.delete(previous);
+      const pendingSubmission = this.#pendingSubmissions.delete(previous);
       this.#modelRequestGenerations.set(previous, ++this.#modelRequestSequence);
       this.#ownershipRequestGenerations.set(previous, ++this.#ownershipRequestSequence);
       let state = this.#targetState(target);
       if (!state) {
-        const preferredAgent = isDefaultTarget(target) && preferredNewThreadAgent && this.#enabledAgents.has(preferredNewThreadAgent) ? preferredNewThreadAgent : isDefaultTarget(target) ? this.#lastSubmittedAgent : "codex";
-        state = {
-          agent: preferredAgent,
-          phase: "draft",
-          composerId: this.#idFactory(++this.#composerSequence)
-        };
+        if (isDefaultTarget(target) && previous.phase === "draft" && this.#interactedDrafts.has(previous)) {
+          state = previous;
+          if (pendingSubmission) this.#pendingSubmissions.add(state);
+        } else {
+          const preferredAgent = isDefaultTarget(target) && preferredNewThreadAgent && this.#enabledAgents.has(preferredNewThreadAgent) ? preferredNewThreadAgent : isDefaultTarget(target) ? this.#lastSubmittedAgent : "codex";
+          state = {
+            agent: preferredAgent,
+            phase: "draft",
+            composerId: this.#idFactory(++this.#composerSequence)
+          };
+        }
         if (isRestorableTarget(target)) this.#targetStates.push({ target, state });
       }
       this.#states.set(composer, state);
@@ -307,6 +313,7 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
         ...state.permissionModeByAgent,
         [agent]: permissionModeId
       };
+      if (state.phase === "draft") this.#interactedDrafts.add(state);
       return state;
     }
     setExternalModel(composer, agent, model) {
@@ -328,6 +335,7 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
       else if (agent === "cursor-cli") state.cursorModel = model;
       else if (agent === "cline") state.clineModel = model;
       else if (agent === "codex-harness") state.codexHarnessModel = model;
+      if (state.phase === "draft") this.#interactedDrafts.add(state);
       return state;
     }
     setPiConfiguration(composer, model, thinkingOptionId) {
@@ -335,6 +343,7 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
       state.piModel = model;
       if (thinkingOptionId) state.piThinkingOptionId = thinkingOptionId;
       else delete state.piThinkingOptionId;
+      if (state.phase === "draft") this.#interactedDrafts.add(state);
       return state;
     }
     setPiModel(composer, model) {
@@ -405,6 +414,7 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
       } else if (agent === "codex-harness") {
         delete state.codexHarnessThinkingOptionId;
       }
+      if (state.phase === "draft") this.#interactedDrafts.add(state);
       return state;
     }
     setPiThinkingOption(composer, thinkingOptionId) {
@@ -479,6 +489,7 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
           return false;
         }
         state.agent = nextAgent;
+        this.#interactedDrafts.add(state);
         return true;
       } finally {
         this.#switching.delete(state);
@@ -1752,7 +1763,7 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
   function cleanEnum(obj) {
     return Object.entries(obj).filter(([k, _]) => {
       return Number.isNaN(Number.parseInt(k, 10));
-    }).map((el) => el[1]);
+    }).map((el2) => el2[1]);
   }
   function base64ToUint8Array(base643) {
     const binaryString = atob(base643);
@@ -1846,15 +1857,15 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
             let curr = fieldErrors;
             let i = 0;
             while (i < fullpath.length) {
-              const el = fullpath[i];
+              const el2 = fullpath[i];
               const terminal = i === fullpath.length - 1;
               if (!terminal) {
-                curr[el] = curr[el] || { _errors: [] };
+                curr[el2] = curr[el2] || { _errors: [] };
               } else {
-                curr[el] = curr[el] || { _errors: [] };
-                curr[el]._errors.push(mapper(issue2));
+                curr[el2] = curr[el2] || { _errors: [] };
+                curr[el2]._errors.push(mapper(issue2));
               }
-              curr = curr[el];
+              curr = curr[el2];
               i++;
             }
           }
@@ -1884,16 +1895,16 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
           let curr = result;
           let i = 0;
           while (i < fullpath.length) {
-            const el = fullpath[i];
+            const el2 = fullpath[i];
             const terminal = i === fullpath.length - 1;
-            if (typeof el === "string") {
+            if (typeof el2 === "string") {
               curr.properties ?? (curr.properties = {});
-              (_a3 = curr.properties)[el] ?? (_a3[el] = { errors: [] });
-              curr = curr.properties[el];
+              (_a3 = curr.properties)[el2] ?? (_a3[el2] = { errors: [] });
+              curr = curr.properties[el2];
             } else {
               curr.items ?? (curr.items = []);
-              (_b = curr.items)[el] ?? (_b[el] = { errors: [] });
-              curr = curr.items[el];
+              (_b = curr.items)[el2] ?? (_b[el2] = { errors: [] });
+              curr = curr.items[el2];
             }
             if (terminal) {
               curr.errors.push(mapper(issue2));
@@ -3558,10 +3569,10 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
       const proms = [];
       const shape = value.shape;
       for (const key of value.keys) {
-        const el = shape[key];
-        const isOptionalIn = el._zod.optin === "optional";
-        const isOptionalOut = el._zod.optout === "optional";
-        const r = el._zod.run({ value: input[key], issues: [] }, ctx);
+        const el2 = shape[key];
+        const isOptionalIn = el2._zod.optin === "optional";
+        const isOptionalOut = el2._zod.optout === "optional";
+        const r = el2._zod.run({ value: input[key], issues: [] }, ctx);
         if (r instanceof Promise) {
           proms.push(r.then((r2) => handlePropertyResult(r2, payload, key, input, isOptionalIn, isOptionalOut)));
         } else {
@@ -4039,9 +4050,9 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
       if (def.rest) {
         let i = items.length - 1;
         const rest = input.slice(items.length);
-        for (const el of rest) {
+        for (const el2 of rest) {
           i++;
-          const result = def.rest._zod.run({ value: el, issues: [] }, ctx);
+          const result = def.rest._zod.run({ value: el2, issues: [] }, ctx);
           if (result instanceof Promise) {
             proms.push(result.then((r) => handleTupleResult(r, payload, i)));
           } else {
@@ -8139,8 +8150,8 @@ globalThis.__HARNESS_MIX_ICONS__={"models":{"gemini":{"label":"Gemini","svg":"<s
   }
 
   // node_modules/zod/v4/locales/lt.js
-  var capitalizeFirstCharacter = (text) => {
-    return text.charAt(0).toUpperCase() + text.slice(1);
+  var capitalizeFirstCharacter = (text2) => {
+    return text2.charAt(0).toUpperCase() + text2.slice(1);
   };
   function getUnitTypeFromNumber(number4) {
     const abs = Math.abs(number4);
@@ -15198,7 +15209,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   );
 
   // src/native-ui/shared-contracts/src/errors.ts
-  var codexhostErrorSchema = external_exports.strictObject({
+  var harnessmixErrorSchema = external_exports.strictObject({
     code: external_exports.string().min(1),
     message: external_exports.string().min(1),
     retryable: external_exports.boolean(),
@@ -15361,6 +15372,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       permissionModeScope: harnessPermissionModeScopeSchema.default("live")
     }).strict(),
     history: harnessHistoryCapabilitiesSchema,
+    workspace: external_exports.object({
+      git: external_exports.literal(true),
+      worktree: external_exports.literal(true),
+      finalDiff: external_exports.literal(true),
+      nativeDiff: external_exports.boolean(),
+      nativePatch: external_exports.boolean()
+    }).strict().optional(),
     subagents: external_exports.object({
       observe: external_exports.boolean(),
       readTranscript: external_exports.boolean()
@@ -15406,7 +15424,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   });
   var failedHarnessInspectionSchema = external_exports.object({
     status: external_exports.enum(["notInstalled", "unavailable", "error"]),
-    error: codexhostErrorSchema
+    error: harnessmixErrorSchema
   }).strict();
   var harnessInspectionSchema = external_exports.union([
     readyHarnessInspectionSchema,
@@ -15447,6 +15465,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     availableThinkingOptions: harnessThinkingOptionsSchema.optional(),
     effectivePermissionModeId: harnessPermissionModeIdSchema.optional(),
     history: harnessHistoryCapabilitiesSchema,
+    workspace: external_exports.object({
+      hostManaged: external_exports.literal(true),
+      git: external_exports.object({ available: external_exports.boolean(), root: external_exports.string().optional(), head: external_exports.string().optional(), branch: external_exports.string().nullable().optional(), dirty: external_exports.boolean().optional(), reason: external_exports.enum(["not-a-git-repository", "git-unavailable"]).optional() }).strict(),
+      worktree: external_exports.object({ available: external_exports.boolean(), active: external_exports.boolean(), branch: external_exports.string().optional(), root: external_exports.string().optional() }).strict(),
+      finalDiff: external_exports.object({ available: external_exports.literal(true), source: external_exports.literal("snapshot") }).strict(),
+      nativeDiff: external_exports.boolean(),
+      nativePatch: external_exports.boolean()
+    }).strict().optional(),
     usage: threadUsageSnapshotSchema.optional(),
     accountCredits: accountCreditsSnapshotSchema.optional(),
     locked: external_exports.literal(true)
@@ -15546,7 +15572,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   });
 
   // src/native-ui/shared-contracts/src/harness-route.ts
-  var HARNESS_PLUGIN_ROUTE_PREFIX = "codexhost/plugin-v1@";
+  var HARNESS_PLUGIN_ROUTE_PREFIX = "harnessmix/plugin-v1@";
   var MAX_ROUTE_LENGTH = 4096;
   var harnessPluginRouteSchema = external_exports.object({
     harnessId: harnessPluginIdSchema,
@@ -15919,7 +15945,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   });
   var updateEmptyParamsSchema = external_exports.strictObject({});
   var githubReleaseNotesUrlSchema = external_exports.string().max(300).regex(
-    /^https:\/\/github\.com\/(?:BytePioneer-AI\/codex-host|emo-xiaoyu\/harness-mix)\/releases\/tag\/v[0-9A-Za-z.+-]+$/u,
+    /^https:\/\/github\.com\/emo-xiaoyu\/harness-mix\/releases\/tag\/v[0-9A-Za-z.+-]+$/u,
     "release notes URL must identify a Harness Mix GitHub Release"
   );
   var updateCheckResultSchema = external_exports.strictObject({
@@ -15944,7 +15970,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var workspaceContractVersionSchema = external_exports.literal(WORKSPACE_CONTRACT_VERSION);
 
   // src/native-ui/renderer-extension/src/agent-group-preference.ts
-  var AGENT_GROUP_PREFERENCE_STORAGE_KEY = "codexhost.agentGroupPreference.v1";
+  var AGENT_GROUP_PREFERENCE_STORAGE_KEY = "harnessmix.agentGroupPreference.v1";
   var EXTERNAL_AGENTS = KNOWN_RENDERER_AGENTS.filter(
     (agent) => agent !== "codex"
   );
@@ -16433,7 +16459,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
 
   // src/native-ui/renderer-extension/src/renderer-new-thread-preference.ts
-  var RENDERER_NEW_THREAD_PREFERENCE_KEY = "codexhost.new-thread-preference.v1";
+  var RENDERER_NEW_THREAD_PREFERENCE_KEY = "harnessmix.new-thread-preference.v1";
   function rendererStorage() {
     try {
       return window.localStorage;
@@ -16970,7 +16996,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       "aria-hidden": "true",
       focusable: "false"
     });
-    icon2.classList.add("codexhost-settings-icon");
+    icon2.classList.add("harnessmix-settings-icon");
     return icon2;
   }
   function createRendererSettingsBrandIcon(size = 22, ownerDocument) {
@@ -16986,12 +17012,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     icon2.style.width = `${size}px`;
     icon2.style.height = `${size}px`;
     icon2.style.objectFit = "contain";
-    icon2.classList.add("codexhost-settings-icon");
+    icon2.classList.add("harnessmix-settings-icon");
     return icon2;
   }
 
   // src/native-ui/renderer-extension/src/settings/connections-page.ts
-  var CODEXHOST_GITHUB_ISSUES_NEW_URL = "https://github.com/emo-xiaoyu/harness-mix/issues/new";
+  var HARNESSMIX_GITHUB_ISSUES_NEW_URL = "https://github.com/emo-xiaoyu/harness-mix/issues/new";
   var HARNESS_INSTALL_COMMANDS = Object.freeze({
     qoder: { command: "npm install -g @qoder-ai/qodercli" },
     codex: { command: "npm install -g @openai/codex" },
@@ -17046,7 +17072,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   function diagnosticText(hostId, item) {
     const error51 = item.error;
     return [
-      "codexhost connection diagnostics",
+      "harnessmix connection diagnostics",
       `host: ${hostId}`,
       `agent: ${item.name}`,
       `status: ${item.availability}`,
@@ -17352,10 +17378,10 @@ ${error51.stderrTail}`] : []
     copyBtn.className = "settings-command-button settings-command-button--secondary";
     copyBtn.append(createRendererSettingsIcon("copy", 15), messages.copyInstallCommand);
     copyBtn.addEventListener("click", () => {
-      const text = commandInfo.command;
+      const text2 = commandInfo.command;
       const clipboard = document2.defaultView?.navigator?.clipboard;
       if (clipboard) {
-        void clipboard.writeText(text).then(() => {
+        void clipboard.writeText(text2).then(() => {
           copyBtn.replaceChildren(createRendererSettingsIcon("check", 15), messages.installCommandCopied);
           document2.defaultView?.setTimeout(() => {
             copyBtn.replaceChildren(createRendererSettingsIcon("copy", 15), messages.copyInstallCommand);
@@ -17378,8 +17404,8 @@ ${error51.stderrTail}`] : []
       feedback.className = "settings-install-feedback";
       const run = async () => {
         if (!diagnostics?.installHarness) {
-          const text = commandInfo.command;
-          await document2.defaultView?.navigator?.clipboard?.writeText(text);
+          const text2 = commandInfo.command;
+          await document2.defaultView?.navigator?.clipboard?.writeText(text2);
           feedback.className = "settings-install-feedback settings-feedback-warning";
           feedback.textContent = messages.oneClickInstallFailed;
           installBtn.disabled = false;
@@ -17618,7 +17644,7 @@ ${error51.stderrTail}`] : []
       actions.className = "settings-connection-error-actions";
       const issue2 = document2.createElement("a");
       issue2.className = "settings-command-button settings-command-button--secondary";
-      issue2.href = CODEXHOST_GITHUB_ISSUES_NEW_URL;
+      issue2.href = HARNESSMIX_GITHUB_ISSUES_NEW_URL;
       issue2.target = "_blank";
       issue2.rel = "noopener noreferrer";
       issue2.append(messages.connectionOpenIssue, createRendererSettingsIcon("external-link", 14));
@@ -17821,7 +17847,7 @@ ${error51.stderrTail}`] : []
           tabs.setAttribute("role", "tablist");
           tabs.setAttribute("aria-label", messages.connectionHosts);
           const scrollRight = createHostScrollButton(document2, "right", messages);
-          const panelId = "codexhost-settings-connection-host-panel";
+          const panelId = "harnessmix-settings-connection-host-panel";
           snapshot.hosts.forEach((host, index) => {
             const tab = document2.createElement("button");
             tab.type = "button";
@@ -18611,7 +18637,7 @@ ${error51.stderrTail}`] : []
     };
   }
   function openSettingsPage(pageId, opener) {
-    const shell = window.__codexhostSettingsShellV1;
+    const shell = window.__harnessmixSettingsShellV1;
     shell?.openSettings(opener, pageId);
   }
   function openConnectionsSettings(opener) {
@@ -18636,7 +18662,7 @@ ${error51.stderrTail}`] : []
     cline: "https://docs.cline.bot/usage/cli-overview",
     "codex-harness": "https://developers.openai.com/codex/"
   };
-  var CONTROL_ATTRIBUTE = "data-codexhost-agent-control";
+  var CONTROL_ATTRIBUTE = "data-harnessmix-agent-control";
   var AGENT_MENU_WIDTH = 224;
   var AGENT_GROUP_CTA_THRESHOLD = 5;
   function rendererAgentMenuPlacement(triggerRect, viewport, windowZoom) {
@@ -19055,7 +19081,7 @@ ${error51.stderrTail}`] : []
       }
       mainGroup.replaceChildren(...mainChildren);
       moreRows.replaceChildren(
-        ...moreAgents.map((agent) => rowsByAgent.get(agent)).filter((el) => !!el)
+        ...moreAgents.map((agent) => rowsByAgent.get(agent)).filter((el2) => !!el2)
       );
       const showMoreGroup = moreAgents.length > 0;
       const showCta = !showMoreGroup && enabledAgents.length > AGENT_GROUP_CTA_THRESHOLD;
@@ -19268,8 +19294,8 @@ ${error51.stderrTail}`] : []
   }
 
   // src/native-ui/renderer-extension/src/renderer-trigger-chip-style.ts
-  var STYLE_ATTRIBUTE = "data-codexhost-trigger-chip-style";
-  var TRIGGER_CHIP_CLASS = "codexhost-trigger-chip";
+  var STYLE_ATTRIBUTE = "data-harnessmix-trigger-chip-style";
+  var TRIGGER_CHIP_CLASS = "harnessmix-trigger-chip";
   function ensureRendererTriggerChipStyle(ownerDocument) {
     if (ownerDocument.querySelector(`style[${STYLE_ATTRIBUTE}]`)) return;
     const style = ownerDocument.createElement("style");
@@ -19310,7 +19336,7 @@ ${error51.stderrTail}`] : []
   var OPTION_CLASSES = "flex w-full cursor-interaction items-center gap-2 rounded-lg px-2 py-2 text-left text-sm text-token-foreground outline-none enabled:hover:bg-token-list-hover-background enabled:active:bg-token-foreground/15 disabled:cursor-not-allowed disabled:opacity-40";
   var HEADING_CLASSES = "px-2 pb-1 pt-1.5 text-sm text-token-text-tertiary";
   var MODEL_TRIGGER_MAX_WIDTH = "min(200px, 26vw)";
-  var MODEL_SCROLLBAR_STYLE_ATTRIBUTE = "data-codexhost-model-picker-scrollbar";
+  var MODEL_SCROLLBAR_STYLE_ATTRIBUTE = "data-harnessmix-model-picker-scrollbar";
   function popoverOpen2(menu) {
     return menu.matches(":popover-open");
   }
@@ -19319,28 +19345,28 @@ ${error51.stderrTail}`] : []
     const style = ownerDocument.createElement("style");
     style.setAttribute(MODEL_SCROLLBAR_STYLE_ATTRIBUTE, "true");
     style.textContent = `
-    [data-codexhost-model-scrollable] {
+    [data-harnessmix-model-scrollable] {
       scrollbar-width: thin;
       scrollbar-color: rgba(255, 255, 255, 0.28) transparent;
     }
-    [data-codexhost-model-scrollable]::-webkit-scrollbar {
+    [data-harnessmix-model-scrollable]::-webkit-scrollbar {
       width: 6px;
       height: 6px;
     }
-    [data-codexhost-model-scrollable]::-webkit-scrollbar-track {
+    [data-harnessmix-model-scrollable]::-webkit-scrollbar-track {
       background: transparent;
     }
-    [data-codexhost-model-scrollable]::-webkit-scrollbar-thumb {
+    [data-harnessmix-model-scrollable]::-webkit-scrollbar-thumb {
       min-height: 28px;
       border: 1px solid transparent;
       border-radius: 999px;
       background: rgba(255, 255, 255, 0.28);
       background-clip: padding-box;
     }
-    [data-codexhost-model-scrollable]::-webkit-scrollbar-thumb:hover {
+    [data-harnessmix-model-scrollable]::-webkit-scrollbar-thumb:hover {
       background: rgba(255, 255, 255, 0.42);
     }
-    [data-codexhost-model-scrollable]::-webkit-scrollbar-button {
+    [data-harnessmix-model-scrollable]::-webkit-scrollbar-button {
       display: none;
       width: 0;
       height: 0;
@@ -19388,7 +19414,7 @@ ${error51.stderrTail}`] : []
   }
   function positionMenu(control) {
     const triggerRect = control.trigger.getBoundingClientRect();
-    const thinkingColumn = control.menu.querySelector("[data-codexhost-thinking-column]");
+    const thinkingColumn = control.menu.querySelector("[data-harnessmix-thinking-column]");
     const twoColumn = control.thinkingExpanded && thinkingColumn !== null;
     if (thinkingColumn) thinkingColumn.style.display = twoColumn ? "flex" : "none";
     control.menu.dataset.twoColumn = String(twoColumn);
@@ -19405,7 +19431,7 @@ ${error51.stderrTail}`] : []
     control.menu.style.top = "auto";
     control.menu.style.bottom = `${placement.bottom}px`;
     const listMaxHeight = placement.maxHeight ?? 320;
-    for (const column of control.menu.querySelectorAll("[data-codexhost-model-scrollable]")) {
+    for (const column of control.menu.querySelectorAll("[data-harnessmix-model-scrollable]")) {
       column.style.maxHeight = `${listMaxHeight}px`;
     }
   }
@@ -19423,16 +19449,16 @@ ${error51.stderrTail}`] : []
     check2.style.flex = "none";
     return check2;
   }
-  function createHeading(text) {
+  function createHeading(text2) {
     const heading = document.createElement("div");
-    heading.textContent = text;
+    heading.textContent = text2;
     heading.className = HEADING_CLASSES;
     heading.setAttribute("role", "presentation");
     return heading;
   }
-  function syncRendererLabelText(element, text) {
-    if (element.textContent === text) return false;
-    element.textContent = text;
+  function syncRendererLabelText(element, text2) {
+    if (element.textContent === text2) return false;
+    element.textContent = text2;
     return true;
   }
   function applyModelSearchFilter(control) {
@@ -19448,7 +19474,7 @@ ${error51.stderrTail}`] : []
   function mountRendererModelPicker(composerId, onSelectModel, onSelectThinking) {
     ensureRendererTriggerChipStyle(document);
     const root = document.createElement("div");
-    root.setAttribute("data-codexhost-model-control", composerId);
+    root.setAttribute("data-harnessmix-model-control", composerId);
     root.className = "relative min-w-0";
     root.style.display = "none";
     const trigger = document.createElement("button");
@@ -19506,7 +19532,7 @@ ${error51.stderrTail}`] : []
     searchHeader.style.padding = "4px";
     searchHeader.style.backgroundColor = "Canvas";
     const searchEmpty = document.createElement("div");
-    searchEmpty.dataset.codexhostModelSearchEmpty = "true";
+    searchEmpty.dataset.harnessmixModelSearchEmpty = "true";
     searchEmpty.textContent = "No matching models";
     searchEmpty.className = "block px-2 py-2 text-sm text-token-text-tertiary";
     searchEmpty.hidden = true;
@@ -19657,7 +19683,7 @@ ${error51.stderrTail}`] : []
     modelColumn.style.width = `${RENDERER_MODEL_PICKER_MAIN_MENU_WIDTH}px`;
     modelColumn.style.minWidth = "0";
     const modelList = document.createElement("div");
-    modelList.setAttribute("data-codexhost-model-scrollable", "true");
+    modelList.setAttribute("data-harnessmix-model-scrollable", "true");
     modelList.style.overflowY = "auto";
     modelList.style.minHeight = "0";
     modelColumn.append(createHeading("Model"), control.searchHeader, control.searchEmpty, modelList);
@@ -19667,12 +19693,12 @@ ${error51.stderrTail}`] : []
       button.dataset.modelId = model.ref.id;
       button.setAttribute("role", "menuitemradio");
       button.className = OPTION_CLASSES;
-      const text = document.createElement("span");
-      text.textContent = model.label;
-      text.className = "min-w-0 flex-1 truncate";
-      text.title = model.label;
+      const text2 = document.createElement("span");
+      text2.textContent = model.label;
+      text2.className = "min-w-0 flex-1 truncate";
+      text2.title = model.label;
       const check2 = createCheck();
-      button.append(projectModelIcon(model.label, button.ownerDocument), text, check2);
+      button.append(projectModelIcon(model.label, button.ownerDocument), text2, check2);
       control.options.set(model.ref.id, {
         button,
         check: check2,
@@ -19687,7 +19713,7 @@ ${error51.stderrTail}`] : []
     columns.append(modelColumn);
     if (presentation.showThinkingSection) {
       const thinkingColumn = document.createElement("div");
-      thinkingColumn.dataset.codexhostThinkingColumn = "true";
+      thinkingColumn.dataset.harnessmixThinkingColumn = "true";
       thinkingColumn.className = "flex min-w-0 flex-col";
       thinkingColumn.style.display = control.thinkingExpanded ? "flex" : "none";
       thinkingColumn.style.flexDirection = "column";
@@ -19697,7 +19723,7 @@ ${error51.stderrTail}`] : []
       thinkingColumn.style.paddingLeft = "4px";
       thinkingColumn.append(createHeading("Thinking"));
       const thinkingList = document.createElement("div");
-      thinkingList.setAttribute("data-codexhost-model-scrollable", "true");
+      thinkingList.setAttribute("data-harnessmix-model-scrollable", "true");
       thinkingList.style.overflowY = "auto";
       thinkingList.style.minHeight = "0";
       for (const option of presentation.thinkingOptions) {
@@ -19706,11 +19732,11 @@ ${error51.stderrTail}`] : []
         button.dataset.thinkingOptionId = option.id;
         button.setAttribute("role", "menuitemradio");
         button.className = OPTION_CLASSES;
-        const text = document.createElement("span");
-        text.textContent = option.label;
-        text.className = "min-w-0 flex-1 truncate";
+        const text2 = document.createElement("span");
+        text2.textContent = option.label;
+        text2.className = "min-w-0 flex-1 truncate";
         const check2 = createCheck();
-        button.append(text, check2);
+        button.append(text2, check2);
         control.thinkingOptions.set(option.id, { button, check: check2 });
         thinkingList.append(button);
       }
@@ -19981,7 +20007,7 @@ ${error51.stderrTail}`] : []
   function mountRendererPermissionModePicker(composerId, onSelect, locale = "en") {
     ensureRendererTriggerChipStyle(document);
     const root = document.createElement("div");
-    root.setAttribute("data-codexhost-permission-mode-control", composerId);
+    root.setAttribute("data-harnessmix-permission-mode-control", composerId);
     root.className = "relative min-w-0";
     root.style.display = "none";
     const trigger = document.createElement("button");
@@ -20450,7 +20476,7 @@ ${error51.stderrTail}`] : []
     ensureRendererTriggerChipStyle(document);
     const messages = rendererUsageMessages(locale);
     const root = document.createElement("div");
-    root.dataset.codexhostUsageControl = composerId;
+    root.dataset.harnessmixUsageControl = composerId;
     root.className = "relative min-w-0";
     root.style.display = "none";
     root.style.alignItems = "center";
@@ -20477,7 +20503,7 @@ ${error51.stderrTail}`] : []
     trigger.style.fontVariantNumeric = "tabular-nums";
     trigger.style.letterSpacing = "0";
     const ringSlot = document.createElement("span");
-    ringSlot.dataset.codexhostUsageRing = "";
+    ringSlot.dataset.harnessmixUsageRing = "";
     ringSlot.style.display = "inline-flex";
     ringSlot.style.flex = "0 0 auto";
     ringSlot.style.alignItems = "center";
@@ -20583,7 +20609,7 @@ ${error51.stderrTail}`] : []
       closePopover(control);
       return false;
     }
-    const ringSlot = control.trigger.querySelector("[data-codexhost-usage-ring]");
+    const ringSlot = control.trigger.querySelector("[data-harnessmix-usage-ring]");
     const contextPercent = usage?.contextUsagePercent !== void 0 ? usage.contextUsagePercent : hasContext && usage?.contextWindowTokens !== void 0 && usage.contextWindowTokens > 0 ? Math.round(100 * (usage.contextUsedTokens ?? 0) / usage.contextWindowTokens * 10) / 10 : void 0;
     if (contextPercent !== void 0) {
       const tone = contextPercent >= 90 ? "hot" : contextPercent >= 70 ? "warn" : "ok";
@@ -20719,7 +20745,7 @@ ${error51.stderrTail}`] : []
   }
   function renderCreditsBar(usagePercent, color) {
     const track = document.createElement("div");
-    track.dataset.codexhostCreditsBar = "";
+    track.dataset.harnessmixCreditsBar = "";
     track.style.height = "6px";
     track.style.borderRadius = "9999px";
     track.style.background = "color-mix(in srgb, currentColor 12%, transparent)";
@@ -20886,7 +20912,7 @@ ${error51.stderrTail}`] : []
   function mountRendererCreditsControl(composerId) {
     ensureRendererTriggerChipStyle(document);
     const root = document.createElement("div");
-    root.dataset.codexhostCreditsControl = composerId;
+    root.dataset.harnessmixCreditsControl = composerId;
     root.className = "relative min-w-0";
     root.style.display = "none";
     root.style.alignItems = "center";
@@ -20912,11 +20938,11 @@ ${error51.stderrTail}`] : []
     trigger.style.fontVariantNumeric = "tabular-nums";
     trigger.style.letterSpacing = "0";
     const ringSlot = document.createElement("span");
-    ringSlot.dataset.codexhostCreditsRing = "";
+    ringSlot.dataset.harnessmixCreditsRing = "";
     ringSlot.style.display = "inline-flex";
     ringSlot.style.flex = "0 0 auto";
     const label = document.createElement("span");
-    label.dataset.codexhostCreditsLabel = "";
+    label.dataset.harnessmixCreditsLabel = "";
     label.style.display = "inline-block";
     label.style.maxWidth = "100%";
     label.style.overflow = "hidden";
@@ -21007,8 +21033,8 @@ ${error51.stderrTail}`] : []
     const percent = formatRendererCreditsPercent(remaining);
     const title = `${creditsPeriodLabel(accountCredits.periodType)} ${percent}`;
     const tone = rendererCreditsTone(accountCredits.usedPercent);
-    const ringSlot = control.trigger.querySelector("[data-codexhost-credits-ring]");
-    const label = control.trigger.querySelector("[data-codexhost-credits-label]");
+    const ringSlot = control.trigger.querySelector("[data-harnessmix-credits-ring]");
+    const label = control.trigger.querySelector("[data-harnessmix-credits-label]");
     if (ringSlot) {
       ringSlot.replaceChildren(
         createRendererUsageRing(remaining, {
@@ -21027,12 +21053,12 @@ ${error51.stderrTail}`] : []
   }
 
   // src/native-ui/renderer-extension/src/renderer-harness-command-claim.ts
-  function inputEvent(editor, text) {
+  function inputEvent(editor, text2) {
     const view = editor.ownerDocument.defaultView;
     return view?.InputEvent ? new view.InputEvent("input", {
       bubbles: true,
       composed: true,
-      data: text,
+      data: text2,
       inputType: "insertText"
     }) : new (view?.Event ?? Event)("input", { bubbles: true, composed: true });
   }
@@ -21079,8 +21105,8 @@ ${error51.stderrTail}`] : []
   }
 
   // src/native-ui/renderer-extension/src/renderer-harness-command-control.ts
-  var CONTROL_ATTRIBUTE2 = "data-codexhost-harness-command-control";
-  var MENU_ATTRIBUTE = "data-codexhost-harness-command-menu";
+  var CONTROL_ATTRIBUTE2 = "data-harnessmix-harness-command-control";
+  var MENU_ATTRIBUTE = "data-harnessmix-harness-command-menu";
   var MENU_WIDTH = 320;
   var VIEWPORT_MARGIN = 8;
   var MENU_GAP = 8;
@@ -21557,11 +21583,11 @@ ${error51.stderrTail}`] : []
       const input = document.createElement("input");
       input.type = "checkbox";
       input.checked = true;
-      const text = document.createTextNode("");
-      row.append(input, text);
+      const text2 = document.createTextNode("");
+      row.append(input, text2);
       includeGrid.append(row);
       includeInputs[key] = input;
-      includeLabels[key] = text;
+      includeLabels[key] = text2;
     }
     includeSection.append(includeGrid);
     const label = document.createElement("label");
@@ -21623,9 +21649,9 @@ ${error51.stderrTail}`] : []
       labelText.textContent = messages.noteLabel;
       intentLabelText.textContent = messages.intentLabel;
       includeLegend.textContent = messages.includeLabel;
-      for (const [value, text] of Object.entries(messages.intentOptions)) {
+      for (const [value, text2] of Object.entries(messages.intentOptions)) {
         const option = [...intent.options].find((candidate) => candidate.value === value);
-        if (option) option.textContent = text;
+        if (option) option.textContent = text2;
       }
       for (const key of Object.keys(includeInputs)) includeLabels[key].data = messages.includeOptions[key];
       note.placeholder = messages.notePlaceholder;
@@ -21725,7 +21751,7 @@ ${error51.stderrTail}`] : []
     return controlDescription(button);
   }
   function isOwnedRendererControl(element) {
-    return element.hasAttribute(CONTROL_ATTRIBUTE) || element.hasAttribute("data-codexhost-model-control") || element.hasAttribute("data-codexhost-permission-mode-control") || element.hasAttribute("data-codexhost-usage-control") || element.hasAttribute("data-codexhost-credits-control") || element.hasAttribute("data-codexhost-harness-command-control");
+    return element.hasAttribute(CONTROL_ATTRIBUTE) || element.hasAttribute("data-harnessmix-model-control") || element.hasAttribute("data-harnessmix-permission-mode-control") || element.hasAttribute("data-harnessmix-usage-control") || element.hasAttribute("data-harnessmix-credits-control") || element.hasAttribute("data-harnessmix-harness-command-control");
   }
   function isComposerSubmitButton(button) {
     if (button.type === "submit") return true;
@@ -21805,7 +21831,7 @@ ${error51.stderrTail}`] : []
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
   function isNativeModelControlCandidate(element) {
-    if (element.hasAttribute(CONTROL_ATTRIBUTE) || element.hasAttribute("data-codexhost-model-control") || !element.matches('button[aria-haspopup="menu"]')) {
+    if (element.hasAttribute(CONTROL_ATTRIBUTE) || element.hasAttribute("data-harnessmix-model-control") || !element.matches('button[aria-haspopup="menu"]')) {
       return false;
     }
     if (element.getAttribute("data-codex-intelligence-trigger") === "true" && element.getAttribute("data-composer-navigation-target") === "reasoning") {
@@ -21826,7 +21852,7 @@ ${error51.stderrTail}`] : []
     return false;
   }
   function isNativePermissionModeControlCandidate(element) {
-    if (element.hasAttribute(CONTROL_ATTRIBUTE) || element.hasAttribute("data-codexhost-permission-mode-control") || !element.matches('button[aria-haspopup="menu"][data-composer-navigation-target="permissions"]')) {
+    if (element.hasAttribute(CONTROL_ATTRIBUTE) || element.hasAttribute("data-harnessmix-permission-mode-control") || !element.matches('button[aria-haspopup="menu"][data-composer-navigation-target="permissions"]')) {
       return false;
     }
     const fiberName = Object.getOwnPropertyNames(element).find(
@@ -21855,7 +21881,7 @@ ${error51.stderrTail}`] : []
       ...composer.querySelectorAll(
         'button[aria-haspopup="menu"][data-composer-navigation-target="permissions"]'
       )
-    ].filter((element) => !element.hasAttribute("data-codexhost-permission-mode-control"));
+    ].filter((element) => !element.hasAttribute("data-harnessmix-permission-mode-control"));
     return candidates.length === 1 ? candidates[0] ?? null : null;
   }
   function nativePermissionModeControlForComposer(composer) {
@@ -21869,7 +21895,7 @@ ${error51.stderrTail}`] : []
     return candidates.length === 1 ? candidates[0] ?? null : null;
   }
   function isNativeContextUsageControlCandidate(element) {
-    if (element.hasAttribute("data-codexhost-usage-control") || element.hasAttribute("data-codexhost-credits-control")) {
+    if (element.hasAttribute("data-harnessmix-usage-control") || element.hasAttribute("data-harnessmix-credits-control")) {
       return false;
     }
     return element.matches('span[role="img"][aria-label]') && element.querySelectorAll("svg > circle").length === 2;
@@ -22179,21 +22205,49 @@ ${error51.stderrTail}`] : []
     method;
     code = -32601;
   };
+  var RendererRequestTimeoutError = class extends Error {
+    constructor(method, timeoutMs) {
+      super(`${method} did not answer within ${timeoutMs} ms`, { cause: void 0 });
+      this.method = method;
+      this.timeoutMs = timeoutMs;
+      this.name = "RendererRequestTimeoutError";
+    }
+    method;
+    timeoutMs;
+    code = -32098;
+  };
+  var RENDERER_REQUEST_TIMEOUT_DEFAULT_MS = 2e4;
   function isUnsupportedMethod(error51, method) {
     if (typeof error51 !== "object" || error51 === null) return false;
     const code = "code" in error51 ? error51.code : void 0;
     const message = "message" in error51 ? error51.message : void 0;
     return code === -32601 || code === -32600 && typeof message === "string" && message.startsWith(`Invalid request: unknown variant \`${method}\``);
   }
-  function createRendererRequestSender(send) {
+  function createRendererRequestSender(send, options = {}) {
     const unsupported = /* @__PURE__ */ new Map();
+    const timeoutMs = options.timeoutMs ?? RENDERER_REQUEST_TIMEOUT_DEFAULT_MS;
     return async (method, params) => {
       const known = unsupported.get(method);
       if (known) throw known;
       try {
-        return await send(method, params);
+        const attempt = Promise.resolve(send(method, params));
+        if (timeoutMs <= 0 || options.isTimeoutExempt?.(method)) return await attempt;
+        let timer;
+        try {
+          return await Promise.race([
+            attempt,
+            new Promise((_resolve, reject) => {
+              timer = setTimeout(
+                () => reject(new RendererRequestTimeoutError(method, timeoutMs)),
+                timeoutMs
+              );
+            })
+          ]);
+        } finally {
+          if (timer !== void 0) clearTimeout(timer);
+        }
       } catch (error51) {
-        if (!method.startsWith("codexhost/") || !isUnsupportedMethod(error51, method)) throw error51;
+        if (!method.startsWith("harnessmix/") || !isUnsupportedMethod(error51, method)) throw error51;
         const unavailable = new RendererMethodUnavailableError(method, error51);
         unsupported.set(method, unavailable);
         throw unavailable;
@@ -22206,7 +22260,7 @@ ${error51.stderrTail}`] : []
   var SIDEBAR_THREAD_ROW_SELECTOR = `[${SIDEBAR_THREAD_ROW_ATTRIBUTE}]`;
   var SIDEBAR_THREAD_ID_ATTRIBUTE = "data-app-action-sidebar-thread-id";
   var SIDEBAR_THREAD_HOST_ID_ATTRIBUTE = "data-app-action-sidebar-thread-host-id";
-  var SIDEBAR_AGENT_ICON_ATTRIBUTE = "data-codexhost-sidebar-agent-icon";
+  var SIDEBAR_AGENT_ICON_ATTRIBUTE = "data-harnessmix-sidebar-agent-icon";
   var OWNERSHIP_RETRY_DELAYS_MS = [100, 300, 800, 1500, 3e3];
   function isRecord3(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -22232,22 +22286,23 @@ ${error51.stderrTail}`] : []
     const fiberNames = Object.getOwnPropertyNames(element).filter(
       (name) => name.startsWith("__reactFiber$")
     );
-    const fiberName = fiberNames[0];
-    if (fiberNames.length !== 1 || !fiberName) return null;
-    const firstFiber2 = Object.getOwnPropertyDescriptor(element, fiberName)?.value;
-    if (!isRecord3(firstFiber2)) return null;
+    if (fiberNames.length === 0) return null;
     const candidates = /* @__PURE__ */ new Set();
-    let fiber = firstFiber2;
-    for (let depth = 0; fiber && depth < 12; depth += 1) {
-      const props = fiber.memoizedProps;
-      if (isRecord3(props) && isRecord3(props.dataAttributes)) {
-        const dataAttributes = props.dataAttributes;
-        const threadId = hostThreadIdSchema.safeParse(props.conversationId);
-        if (threadId.success && dataAttributes[SIDEBAR_THREAD_ROW_ATTRIBUTE] === rowMarker && dataAttributes[SIDEBAR_THREAD_ID_ATTRIBUTE] === taskKey && dataAttributes[SIDEBAR_THREAD_HOST_ID_ATTRIBUTE] === hostId) {
-          candidates.add(threadId.data);
+    for (const fiberName of fiberNames) {
+      const firstFiber2 = Object.getOwnPropertyDescriptor(element, fiberName)?.value;
+      if (!isRecord3(firstFiber2)) continue;
+      let fiber = firstFiber2;
+      for (let depth = 0; fiber && depth < 16; depth += 1) {
+        const props = fiber.memoizedProps;
+        if (isRecord3(props) && isRecord3(props.dataAttributes)) {
+          const dataAttributes = props.dataAttributes;
+          const threadId = hostThreadIdSchema.safeParse(props.conversationId);
+          if (threadId.success && dataAttributes[SIDEBAR_THREAD_ROW_ATTRIBUTE] === rowMarker && dataAttributes[SIDEBAR_THREAD_ID_ATTRIBUTE] === taskKey && dataAttributes[SIDEBAR_THREAD_HOST_ID_ATTRIBUTE] === hostId) {
+            candidates.add(threadId.data);
+          }
         }
+        fiber = isRecord3(fiber.return) ? fiber.return : null;
       }
-      fiber = isRecord3(fiber.return) ? fiber.return : null;
     }
     return candidates.size === 1 ? candidates.values().next().value ?? null : null;
   }
@@ -22855,7 +22910,7 @@ ${error51.stderrTail}`] : []
       } catch {
       }
       const ownership = threadOwnershipListResultSchema.parse(
-        await originalSend.call(manager, "codexhost/thread/ownership/list", {
+        await originalSend.call(manager, "harnessmix/thread/ownership/list", {
           threadIds: [threadId]
         })
       );
@@ -22927,7 +22982,7 @@ ${error51.stderrTail}`] : []
         try {
           resumeQueue();
         } catch {
-          console.error("codexhost could not restore follow-up queue state after steering");
+          console.error("harnessmix could not restore follow-up queue state after steering");
         }
         return { turnId: response.turn.id };
       }).finally(() => {
@@ -22976,11 +23031,11 @@ ${error51.stderrTail}`] : []
   var catalogSchema = external_exports.object({ harnesses: external_exports.array(external_exports.object({ id: external_exports.string(), name: external_exports.string(), available: external_exports.boolean(), mcp: external_exports.boolean(), skills: external_exports.boolean() })) });
   function createRendererIntegrationsClient(send) {
     return {
-      integrationCatalog: async () => catalogSchema.parse(await send("codexhost/integrations/catalog", {})),
-      listIntegrations: async (input) => snapshotSchema.parse(await send("codexhost/integrations/list", input)),
-      saveMcp: (input) => send("codexhost/integrations/mcp/save", input),
-      removeMcp: (input) => send("codexhost/integrations/mcp/remove", input),
-      changeSkill: (input) => send("codexhost/integrations/skill/change", input)
+      integrationCatalog: async () => catalogSchema.parse(await send("harnessmix/integrations/catalog", {})),
+      listIntegrations: async (input) => snapshotSchema.parse(await send("harnessmix/integrations/list", input)),
+      saveMcp: (input) => send("harnessmix/integrations/mcp/save", input),
+      removeMcp: (input) => send("harnessmix/integrations/mcp/remove", input),
+      changeSkill: (input) => send("harnessmix/integrations/skill/change", input)
     };
   }
 
@@ -23005,13 +23060,13 @@ ${error51.stderrTail}`] : []
     return {
       async listSessionImportSources() {
         return harnessSessionImportSourcesResultSchema.parse(
-          await request("codexhost/harness/session-import/sources", {})
+          await request("harnessmix/harness/session-import/sources", {})
         );
       },
       async listHarnessSessions(input) {
         const params = harnessSessionListParamsSchema.parse(input);
         return harnessSessionListResultSchema.parse(
-          await request("codexhost/harness/session-import/list", params)
+          await request("harnessmix/harness/session-import/list", params)
         );
       },
       async importHarnessSession(input) {
@@ -23019,7 +23074,7 @@ ${error51.stderrTail}`] : []
         const key = JSON.stringify([params.harnessId, params.nativeSessionId]);
         const existing = pending.get(key);
         if (existing) return existing;
-        const operation = request("codexhost/harness/session-import/import", params).then((value) => harnessSessionImportResultSchema.parse(value)).finally(() => {
+        const operation = request("harnessmix/harness/session-import/import", params).then((value) => harnessSessionImportResultSchema.parse(value)).finally(() => {
           if (pending.get(key) === operation) pending.delete(key);
         });
         pending.set(key, operation);
@@ -23031,47 +23086,48 @@ ${error51.stderrTail}`] : []
   // src/native-ui/renderer-extension/src/settings/pets-client.ts
   function createRendererPetsClient(send) {
     return {
-      catalog: async () => await send("codexhost/pets/catalog", {}),
-      community: async (query = {}) => await send("codexhost/pets/community", query),
-      preview: async (id) => await send("codexhost/pets/preview", { id }),
-      install: async (params) => await send("codexhost/pets/install", params),
-      uninstall: async (id) => await send("codexhost/pets/uninstall", { id })
+      catalog: async () => await send("harnessmix/pets/catalog", {}),
+      community: async (query = {}) => await send("harnessmix/pets/community", query),
+      preview: async (id) => await send("harnessmix/pets/preview", { id }),
+      install: async (params) => await send("harnessmix/pets/install", params),
+      uninstall: async (id) => await send("harnessmix/pets/uninstall", { id })
     };
   }
 
   // src/native-ui/renderer-extension/src/renderer-model-client.ts
-  var HARNESS_INSPECT_METHOD = "codexhost/harness/inspect";
-  var HARNESS_INSTALL_METHOD = "codexhost/harness/install";
-  var HARNESS_PLUGIN_LIST_METHOD = "codexhost/harness/plugins/list";
-  var HARNESS_WEB_UI_OPEN_METHOD = "codexhost/harness/web-ui/open";
-  var THREAD_FORK_METHOD = "codexhost/thread/fork";
-  var THREAD_HARNESS_SWITCH_METHOD = "codexhost/thread/harness/switch";
-  var THREAD_INSPECT_METHOD = "codexhost/thread/inspect";
-  var HARNESS_COMMANDS_INSPECT_METHOD = "codexhost/harness/commands/inspect";
-  var THREAD_COMMANDS_INSPECT_METHOD = "codexhost/thread/commands/inspect";
-  var THREAD_COMMAND_EXECUTE_METHOD = "codexhost/thread/command/execute";
-  var THREAD_DELEGATE_METHOD = "codexhost/thread/delegate";
-  var THREAD_MESSAGE_METHOD = "codexhost/thread/message";
-  var THREAD_MODEL_SELECT_METHOD = "codexhost/thread/model/select";
-  var THREAD_THINKING_SELECT_METHOD = "codexhost/thread/thinking/select";
-  var THREAD_PERMISSION_MODE_SELECT_METHOD = "codexhost/thread/permission-mode/select";
-  var THREAD_OWNERSHIP_LIST_METHOD = "codexhost/thread/ownership/list";
-  var THREAD_USAGE_INSPECT_METHOD = "codexhost/thread/usage/inspect";
-  var THREAD_USAGE_UPDATED_METHOD = "codexhost/thread/usage/updated";
+  var HARNESS_INSPECT_METHOD = "harnessmix/harness/inspect";
+  var HARNESS_INSTALL_METHOD = "harnessmix/harness/install";
+  var HARNESS_PLUGIN_LIST_METHOD = "harnessmix/harness/plugins/list";
+  var HARNESS_WEB_UI_OPEN_METHOD = "harnessmix/harness/web-ui/open";
+  var THREAD_FORK_METHOD = "harnessmix/thread/fork";
+  var THREAD_HARNESS_SWITCH_METHOD = "harnessmix/thread/harness/switch";
+  var THREAD_INSPECT_METHOD = "harnessmix/thread/inspect";
+  var HARNESS_COMMANDS_INSPECT_METHOD = "harnessmix/harness/commands/inspect";
+  var THREAD_COMMANDS_INSPECT_METHOD = "harnessmix/thread/commands/inspect";
+  var THREAD_COMMAND_EXECUTE_METHOD = "harnessmix/thread/command/execute";
+  var THREAD_DELEGATE_METHOD = "harnessmix/thread/delegate";
+  var THREAD_MESSAGE_METHOD = "harnessmix/thread/message";
+  var THREAD_MODEL_SELECT_METHOD = "harnessmix/thread/model/select";
+  var THREAD_THINKING_SELECT_METHOD = "harnessmix/thread/thinking/select";
+  var THREAD_PERMISSION_MODE_SELECT_METHOD = "harnessmix/thread/permission-mode/select";
+  var THREAD_OWNERSHIP_LIST_METHOD = "harnessmix/thread/ownership/list";
+  var THREAD_USAGE_INSPECT_METHOD = "harnessmix/thread/usage/inspect";
+  var THREAD_TEAM_INSPECT_METHOD = "harnessmix/thread/team/inspect";
+  var THREAD_USAGE_UPDATED_METHOD = "harnessmix/thread/usage/updated";
   var THREAD_TOKEN_USAGE_UPDATED_METHOD = "thread/tokenUsage/updated";
-  var UPDATE_CHECK_METHOD = "codexhost/update/check";
-  var UPDATE_START_METHOD = "codexhost/update/start";
-  var UPDATE_STATUS_METHOD = "codexhost/update/status";
+  var UPDATE_CHECK_METHOD = "harnessmix/update/check";
+  var UPDATE_START_METHOD = "harnessmix/update/start";
+  var UPDATE_STATUS_METHOD = "harnessmix/update/status";
   var RUNTIME_VERSION_METHOD = "harness-mix/runtime/version";
-  var CODEX_ACCOUNT_LIST_METHOD = "codexhost/account/list";
-  var CODEX_ACCOUNT_REFRESH_METHOD = "codexhost/account/refresh";
-  var CODEX_ACCOUNT_CREATE_METHOD = "codexhost/account/create";
-  var CODEX_ACCOUNT_DELETE_METHOD = "codexhost/account/delete";
-  var CODEX_ACCOUNT_ACTIVATE_METHOD = "codexhost/account/activate";
-  var CODEX_ACCOUNT_LOGIN_START_METHOD = "codexhost/account/login/start";
-  var CODEX_ACCOUNT_LOGIN_CANCEL_METHOD = "codexhost/account/login/cancel";
-  var CODEX_ACCOUNT_LOGIN_COMPLETED_METHOD = "codexhost/account/login/completed";
-  var CODEX_ACCOUNT_RESET_CREDIT_CONSUME_METHOD = "codexhost/account/rate-limit-reset/consume";
+  var CODEX_ACCOUNT_LIST_METHOD = "harnessmix/account/list";
+  var CODEX_ACCOUNT_REFRESH_METHOD = "harnessmix/account/refresh";
+  var CODEX_ACCOUNT_CREATE_METHOD = "harnessmix/account/create";
+  var CODEX_ACCOUNT_DELETE_METHOD = "harnessmix/account/delete";
+  var CODEX_ACCOUNT_ACTIVATE_METHOD = "harnessmix/account/activate";
+  var CODEX_ACCOUNT_LOGIN_START_METHOD = "harnessmix/account/login/start";
+  var CODEX_ACCOUNT_LOGIN_CANCEL_METHOD = "harnessmix/account/login/cancel";
+  var CODEX_ACCOUNT_LOGIN_COMPLETED_METHOD = "harnessmix/account/login/completed";
+  var CODEX_ACCOUNT_RESET_CREDIT_CONSUME_METHOD = "harnessmix/account/rate-limit-reset/consume";
   function isRecord6(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
@@ -23119,6 +23175,16 @@ ${error51.stderrTail}`] : []
       }
     };
   }
+  var REQUEST_TIMEOUT_EXEMPT_METHODS = /* @__PURE__ */ new Set([
+    HARNESS_INSTALL_METHOD,
+    THREAD_FORK_METHOD,
+    THREAD_HARNESS_SWITCH_METHOD,
+    THREAD_COMMAND_EXECUTE_METHOD,
+    THREAD_DELEGATE_METHOD,
+    THREAD_MESSAGE_METHOD,
+    UPDATE_START_METHOD,
+    CODEX_ACCOUNT_LOGIN_START_METHOD
+  ]);
   function createRendererModelClient(candidates) {
     const managers = candidates.filter(
       (candidate) => typeof candidate.sendRequest === "function"
@@ -23127,7 +23193,8 @@ ${error51.stderrTail}`] : []
     if (managers.length !== 1 || !source) return null;
     const manager = {
       sendRequest: createRendererRequestSender(
-        (method, params) => source.sendRequest(method, params)
+        (method, params) => source.sendRequest(method, params),
+        { isTimeoutExempt: (method) => REQUEST_TIMEOUT_EXEMPT_METHODS.has(method) }
       )
     };
     const inspectHarness = async (input) => {
@@ -23172,13 +23239,13 @@ ${error51.stderrTail}`] : []
     };
     return Object.freeze({
       async inspectStorage() {
-        return await manager.sendRequest("codexhost/storage/inspect", {});
+        return await manager.sendRequest("harnessmix/storage/inspect", {});
       },
       async optimizeStorage() {
-        return await manager.sendRequest("codexhost/storage/optimize", {});
+        return await manager.sendRequest("harnessmix/storage/optimize", {});
       },
       async listCollaborationAgents() {
-        const result = await manager.sendRequest("codexhost/collaboration/agents", {});
+        const result = await manager.sendRequest("harnessmix/collaboration/agents", {});
         if (!Array.isArray(result) || !result.every((a) => a && typeof a.id === "string" && typeof a.name === "string" && typeof a.available === "boolean" && typeof a.lead === "boolean")) throw new Error("Invalid collaboration catalog");
         return result;
       },
@@ -23215,7 +23282,7 @@ ${error51.stderrTail}`] : []
         return result;
       },
       async loginHarnessAccount(input) {
-        const result = await manager.sendRequest("codexhost/harness/account/login", input);
+        const result = await manager.sendRequest("harnessmix/harness/account/login", input);
         return result;
       },
       async listHarnessPlugins() {
@@ -23240,7 +23307,7 @@ ${error51.stderrTail}`] : []
             includeTurns: false
           });
           const thread = isRecord6(native) ? native.thread : null;
-          if (!isRecord6(thread) || thread.id !== params.threadId || typeof thread.modelProvider !== "string" || !thread.modelProvider || thread.modelProvider === "codexhost" || typeof thread.cliVersion !== "string" || !thread.cliVersion || thread.cliVersion === "codexhost") {
+          if (!isRecord6(thread) || thread.id !== params.threadId || typeof thread.modelProvider !== "string" || !thread.modelProvider || thread.modelProvider === "harnessmix" || typeof thread.cliVersion !== "string" || !thread.cliVersion || thread.cliVersion === "harnessmix") {
             throw new Error("Native Thread response cannot establish Codex ownership");
           }
           return { owner: "codex", locked: true };
@@ -23260,6 +23327,10 @@ ${error51.stderrTail}`] : []
         return result;
       },
       inspectThreadUsage,
+      async inspectThreadTeam(input) {
+        const threadId = hostThreadIdSchema.parse(input.threadId);
+        return manager.sendRequest(THREAD_TEAM_INSPECT_METHOD, { threadId, ...input.teamId ? { teamId: input.teamId } : {} });
+      },
       subscribeThreadUsage(listener) {
         const notifications = notificationTarget(source);
         if (!notifications?.addNotificationCallback) {
@@ -23319,7 +23390,7 @@ ${error51.stderrTail}`] : []
       },
       async inspectCodexAccountUsage(input) {
         const result = await manager.sendRequest(
-          "codexhost/account/usage/inspect",
+          "harnessmix/account/usage/inspect",
           codexAccountUsageParamsSchema.parse(input)
         );
         return codexAccountUsageResultSchema.parse(result);
@@ -23333,7 +23404,7 @@ ${error51.stderrTail}`] : []
       },
       async listHarnessAccounts() {
         return harnessAccountListResultSchema.parse(
-          await manager.sendRequest("codexhost/harness/accounts/list", {})
+          await manager.sendRequest("harnessmix/harness/accounts/list", {})
         );
       },
       async listCodexAccounts() {
@@ -23380,7 +23451,7 @@ ${error51.stderrTail}`] : []
         return codexAccountLoginCancelResultSchema.parse(result);
       },
       async logoutCodexAccount() {
-        const result = await manager.sendRequest("codexhost/account/logout", {});
+        const result = await manager.sendRequest("harnessmix/account/logout", {});
         return codexAccountMutationResultSchema.parse(result);
       },
       subscribeCodexAccountLogin(listener) {
@@ -23403,19 +23474,19 @@ ${error51.stderrTail}`] : []
   }
 
   // src/native-ui/renderer-extension/src/versioned-renderer-adapter.ts
-  var PI_TRANSPORT_MODEL_ID = "codexhost/pi-native";
+  var PI_TRANSPORT_MODEL_ID = "harnessmix/pi-native";
   var PI_TRANSPORT_MODEL_PREFIX = `${PI_TRANSPORT_MODEL_ID}@`;
-  var CLAUDE_CODE_TRANSPORT_MODEL_ID = "codexhost/claude-code-native";
+  var CLAUDE_CODE_TRANSPORT_MODEL_ID = "harnessmix/claude-code-native";
   var CLAUDE_CODE_TRANSPORT_MODEL_PREFIX = `${CLAUDE_CODE_TRANSPORT_MODEL_ID}@`;
-  var DEEPSEEK_HARNESS_TRANSPORT_MODEL_ID = "codexhost/deepseek-harness-native";
+  var DEEPSEEK_HARNESS_TRANSPORT_MODEL_ID = "harnessmix/deepseek-harness-native";
   var DEEPSEEK_HARNESS_TRANSPORT_MODEL_PREFIX = `${DEEPSEEK_HARNESS_TRANSPORT_MODEL_ID}@`;
-  var OPENCODE_TRANSPORT_MODEL_ID = "codexhost/opencode-native";
+  var OPENCODE_TRANSPORT_MODEL_ID = "harnessmix/opencode-native";
   var OPENCODE_TRANSPORT_MODEL_PREFIX = `${OPENCODE_TRANSPORT_MODEL_ID}@`;
-  var GROK_TRANSPORT_MODEL_ID = "codexhost/grok-native";
+  var GROK_TRANSPORT_MODEL_ID = "harnessmix/grok-native";
   var GROK_TRANSPORT_MODEL_PREFIX = `${GROK_TRANSPORT_MODEL_ID}@`;
-  var OMP_TRANSPORT_MODEL_ID = "codexhost/omp-native";
+  var OMP_TRANSPORT_MODEL_ID = "harnessmix/omp-native";
   var OMP_TRANSPORT_MODEL_PREFIX = `${OMP_TRANSPORT_MODEL_ID}@`;
-  var ANTIGRAVITY_TRANSPORT_MODEL_ID = "codexhost/antigravity-native";
+  var ANTIGRAVITY_TRANSPORT_MODEL_ID = "harnessmix/antigravity-native";
   var ANTIGRAVITY_TRANSPORT_MODEL_PREFIX = `${ANTIGRAVITY_TRANSPORT_MODEL_ID}@`;
   function transitionRendererAdapterStatus(current, next, publish) {
     if (current.state === next.state && current.reason === next.reason && current.hook === next.hook) {
@@ -23885,7 +23956,7 @@ ${error51.stderrTail}`] : []
   async function waitForRendererDraftPrewarmPolicy(target) {
     const deadline = Date.now() + DRAFT_PREWARM_POLICY_WAIT_TIMEOUT_MS;
     while (true) {
-      const policy = target.__codexhostDraftPrewarmPolicyV1;
+      const policy = target.__harnessmixDraftPrewarmPolicyV1;
       if (isDraftPrewarmPolicyReady(policy)) return policy;
       const remaining = deadline - Date.now();
       if (remaining <= 0) throw new Error("Renderer draft prewarm policy is unavailable");
@@ -23920,12 +23991,12 @@ ${error51.stderrTail}`] : []
     const updateStatus = (state, reason, hook) => {
       liveStatus.modelUpdates = modelUpdates;
       transitionRendererAdapterStatus(liveStatus, { state, reason, hook }, () => {
-        window.dispatchEvent(new CustomEvent("codexhost:renderer-adapter-status"));
+        window.dispatchEvent(new CustomEvent("harnessmix:renderer-adapter-status"));
       });
     };
     const usageSubscription = createThreadUsageSubscriptionRelay();
     const requestRouteResolver = createRendererRequestRouteResolver(
-      () => window.__codexhostDraftPrewarmPolicyV1,
+      () => window.__harnessmixDraftPrewarmPolicyV1,
       () => findActivePrewarmTargets(document)
     );
     const clientsByTarget = /* @__PURE__ */ new WeakMap();
@@ -23973,7 +24044,7 @@ ${error51.stderrTail}`] : []
         const route = currentRequestRoute();
         if (route?.policy.hostId === hostId)
           return modelClientForTargets(route.targets, route.policy);
-        const policy = window.__codexhostDraftPrewarmPolicyV1;
+        const policy = window.__harnessmixDraftPrewarmPolicyV1;
         if (isDraftPrewarmPolicyReady(policy) && hasPolicyRequestTarget(policy)) return null;
         const targets = rendererRequestTargetsForHost(findActivePrewarmTargets(document), hostId);
         return modelClientForTargets(targets ?? []);
@@ -24032,7 +24103,7 @@ ${error51.stderrTail}`] : []
       getClient: () => modelControl,
       reportError: (error51) => {
         console.error(
-          "codexhost external Thread Fork failed",
+          "harnessmix external Thread Fork failed",
           error51 instanceof Error ? error51.name : "UnknownError"
         );
       }
@@ -24092,7 +24163,7 @@ ${error51.stderrTail}`] : []
     };
     if (!captureRoutingPolicy()) {
       updateStatus("installing", "draft-routing-policy-unavailable", null);
-      const policy = window.__codexhostDraftPrewarmPolicyV1;
+      const policy = window.__harnessmixDraftPrewarmPolicyV1;
       if (!isDraftPrewarmPolicyReady(policy) || !hasPolicyRequestTarget(policy)) {
         startPolicyCapture();
       }
@@ -24100,7 +24171,7 @@ ${error51.stderrTail}`] : []
     const handleRoutingPolicyChange = () => {
       stopPolicyRecapture();
       if (captureRoutingPolicy()) return;
-      const policy = window.__codexhostDraftPrewarmPolicyV1;
+      const policy = window.__harnessmixDraftPrewarmPolicyV1;
       if (isDraftPrewarmPolicyReady(policy) && hasPolicyRequestTarget(policy)) {
         stopPolicyCapture();
       }
@@ -24110,7 +24181,7 @@ ${error51.stderrTail}`] : []
         startPolicyRecapture();
       }
     };
-    window.addEventListener("codexhost:draft-prewarm-policy-changed", handleRoutingPolicyChange);
+    window.addEventListener("harnessmix:draft-prewarm-policy-changed", handleRoutingPolicyChange);
     const applyAgent = (agent, model, thinkingOptionId, permissionModeId) => {
       if (disposed) return false;
       const selection = modelSelectionForAgent(
@@ -24150,7 +24221,7 @@ ${error51.stderrTail}`] : []
         stopPolicyCapture();
         stopPolicyRecapture();
         window.removeEventListener(
-          "codexhost:draft-prewarm-policy-changed",
+          "harnessmix:draft-prewarm-policy-changed",
           handleRoutingPolicyChange
         );
         const activeRoutingPolicy = routingPolicy;
@@ -24174,7 +24245,7 @@ ${error51.stderrTail}`] : []
   }
 
   // src/native-ui/renderer-extension/src/renderer-permission-mode-preference.ts
-  var CLAUDE_PERMISSION_MODE_PREFERENCE_KEY = "codexhost.claude-code.permission-mode.v1";
+  var CLAUDE_PERMISSION_MODE_PREFERENCE_KEY = "harnessmix.claude-code.permission-mode.v1";
   function rendererStorage2() {
     try {
       return window.localStorage;
@@ -24713,11 +24784,11 @@ ${error51.stderrTail}`] : []
     const injectMentionsInto = (target) => {
       const perEditor = selectionsFor(target);
       if (!perEditor || perEditor.size === 0) return false;
-      const text = [...perEditor.values()].map(entryLiteral).join("");
-      if (!text) return false;
+      const text2 = [...perEditor.values()].map(entryLiteral).join("");
+      if (!text2) return false;
       target.focus();
       if (target instanceof HTMLTextAreaElement) {
-        target.value = `${text}${target.value}`;
+        target.value = `${text2}${target.value}`;
         target.dispatchEvent(new Event("input", { bubbles: true }));
         target.dispatchEvent(new Event("change", { bubbles: true }));
       } else {
@@ -24728,7 +24799,7 @@ ${error51.stderrTail}`] : []
         selection?.removeAllRanges();
         selection?.addRange(fresh);
         document.dispatchEvent(new Event("selectionchange"));
-        document.execCommand("insertText", false, text);
+        document.execCommand("insertText", false, text2);
       }
       perEditor.clear();
       syncBadges(target);
@@ -24763,8 +24834,8 @@ ${error51.stderrTail}`] : []
       if (!shouldSync) return;
       const composers = document.querySelectorAll("[data-codex-composer-root]");
       for (const composer of composers) {
-        const el = findEditorIn(composer);
-        if (el) syncBadges(el);
+        const el2 = findEditorIn(composer);
+        if (el2) syncBadges(el2);
       }
     });
     try {
@@ -24786,14 +24857,18 @@ ${error51.stderrTail}`] : []
       sync(target) {
         syncBadges(target);
       },
+      prepareSubmission(composer) {
+        const editorEl = findEditorIn(composer);
+        return !!editorEl && injectMentionsInto(editorEl);
+      },
       dispose() {
         disposed = true;
         close();
         menu.remove();
         style.remove();
         observer.disconnect();
-        for (const el of document.querySelectorAll("[data-harness-mix-has-mentions]")) {
-          el.removeAttribute("data-harness-mix-has-mentions");
+        for (const el2 of document.querySelectorAll("[data-harness-mix-has-mentions]")) {
+          el2.removeAttribute("data-harness-mix-has-mentions");
         }
         for (const strip of badges.values()) strip.remove();
         badges.clear();
@@ -24809,11 +24884,11 @@ ${error51.stderrTail}`] : []
   }
 
   // src/native-ui/renderer-extension/src/renderer-collab-cards.ts
-  function parseCollabPayload(text) {
-    if (!text || !text.includes("child_thread_id") && !text.includes("task_id") && !text.includes("Agent \u534F\u4F5C")) {
+  function parseCollabPayload(text2) {
+    if (!text2 || !text2.includes("child_thread_id") && !text2.includes("task_id") && !text2.includes("Agent \u534F\u4F5C")) {
       return null;
     }
-    const match = /\{[\s\S]*?"task_id"[\s\S]*?\}/.exec(text);
+    const match = /\{[\s\S]*?"task_id"[\s\S]*?\}/.exec(text2);
     if (!match) return null;
     try {
       const parsed = JSON.parse(match[0]);
@@ -24947,12 +25022,12 @@ ${error51.stderrTail}`] : []
       const candidates = document.querySelectorAll(
         '[data-local-conversation-item-target-ids], [data-turn-key], [data-testid*="tool"], .prose, pre'
       );
-      for (const el of candidates) {
-        if (enhancedElements.has(el)) continue;
-        const text = el.textContent || "";
-        const payload = parseCollabPayload(text);
+      for (const el2 of candidates) {
+        if (enhancedElements.has(el2)) continue;
+        const text2 = el2.textContent || "";
+        const payload = parseCollabPayload(text2);
         if (payload) {
-          enhanceElement(el, payload);
+          enhanceElement(el2, payload);
         }
       }
     };
@@ -24967,9 +25042,523 @@ ${error51.stderrTail}`] : []
       dispose() {
         disposed = true;
         observer.disconnect();
-        document.querySelectorAll(".harness-mix-collab-actions").forEach((el) => el.remove());
+        document.querySelectorAll(".harness-mix-collab-actions").forEach((el2) => el2.remove());
+      }
+    };
+  }
+
+  // src/native-ui/renderer-extension/src/renderer-team-cards.ts
+  function jsonObjectAt(value, start) {
+    let depth = 0, quoted = false, escaped = false;
+    for (let index = start; index < value.length; index++) {
+      const char = value[index];
+      if (quoted) {
+        if (escaped) escaped = false;
+        else if (char === "\\") escaped = true;
+        else if (char === '"') quoted = false;
+        continue;
+      }
+      if (char === '"') quoted = true;
+      else if (char === "{") depth++;
+      else if (char === "}" && --depth === 0) return value.slice(start, index + 1);
+    }
+    return null;
+  }
+  function isTeam(value) {
+    if (!value || typeof value !== "object") return false;
+    const team = value;
+    return typeof team.team_id === "string" && typeof team.name === "string" && Array.isArray(team.members) && Array.isArray(team.tasks) && Array.isArray(team.messages);
+  }
+  function parseTeamPayload(value) {
+    if (!value.includes('"team_id"') || !value.includes('"members"') || !value.includes('"tasks"')) return null;
+    for (let start = value.indexOf("{"); start >= 0; start = value.indexOf("{", start + 1)) {
+      const candidate = jsonObjectAt(value, start);
+      if (!candidate?.includes('"team_id"')) continue;
+      try {
+        const parsed = JSON.parse(candidate);
+        if (isTeam(parsed)) return parsed;
+      } catch {
+      }
+    }
+    return null;
+  }
+  function parseInspection(value) {
+    if (!value || typeof value !== "object") return null;
+    const result = value;
+    if (!isTeam(result.team) || !Array.isArray(result.snapshots)) return null;
+    return { team: result.team, snapshots: result.snapshots.filter((entry) => entry && typeof entry === "object" && isTeam(entry.team)) };
+  }
+  var stateColor = (status) => ({ ready: "#8b8b8b", pending: "#8b8b8b", working: "#2878e3", in_progress: "#2878e3", active: "#2878e3", completed: "#1f9d68", blocked: "#c17022", failed: "#d14343", interrupted: "#c17022" })[status ?? ""] ?? "#8b8b8b";
+  var stateLabel = (status) => ({ ready: "\u5C31\u7EEA", pending: "\u5F85\u5F00\u59CB", working: "\u5DE5\u4F5C\u4E2D", in_progress: "\u8FDB\u884C\u4E2D", completed: "\u5DF2\u5B8C\u6210", blocked: "\u7B49\u5F85\u4F9D\u8D56", failed: "\u5931\u8D25", interrupted: "\u5DF2\u4E2D\u65AD", active: "\u534F\u4F5C\u4E2D" })[status ?? ""] ?? status ?? "\u672A\u77E5";
+  var actionLabel = (action) => ({ team_created: "\u56E2\u961F\u5EFA\u7ACB", task_assigned: "\u4EFB\u52A1\u5206\u914D", task_updated: "\u4EFB\u52A1\u66F4\u65B0", message_sent: "\u56E2\u961F\u901A\u4FE1", task_started: "\u5F00\u59CB\u6267\u884C", member_session_ready: "\u4F1A\u8BDD\u5C31\u7EEA", task_settled: "\u4EFB\u52A1\u7ED3\u7B97", task_failed: "\u4EFB\u52A1\u5931\u8D25", task_cancelled: "\u4EFB\u52A1\u53D6\u6D88", task_interrupted: "\u4EFB\u52A1\u4E2D\u65AD", task_resumed: "\u6062\u590D\u6267\u884C", task_followup: "\u7EE7\u7EED\u6267\u884C" })[action ?? ""] ?? action ?? "\u5B9E\u65F6\u72B6\u6001";
+  var memberPalette = ["#3b82f6", "#f59e0b", "#10b981", "#8b5cf6", "#f97316", "#ec4899", "#14b8a6", "#6366f1"];
+  var memberColor = (index) => memberPalette[index % memberPalette.length];
+  function el(tag, className, css) {
+    const node = document.createElement(tag);
+    if (className) node.className = className;
+    if (css) node.style.cssText = css;
+    return node;
+  }
+  function text(tag, value, css) {
+    const node = el(tag, void 0, css);
+    node.textContent = value;
+    return node;
+  }
+  var TEAM_STYLE = `
+.harness-mix-team-scroll{scrollbar-width:none}
+.harness-mix-team-scroll::-webkit-scrollbar{display:none}
+.harness-mix-team-workbench{container-type:inline-size}
+.harness-mix-team-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(228px,24vw,300px);min-height:0;overflow:hidden}
+.harness-mix-team-lanes{display:flex;gap:16px;min-height:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding:18px 16px 10px;justify-content:safe center;scroll-snap-type:x proximity}
+.harness-mix-team-lane{position:relative;flex:1 1 0;min-width:216px;max-width:300px;display:flex;flex-direction:column;min-height:0;padding-top:16px;scroll-snap-align:start}
+.harness-mix-team-lane::before{content:'';position:absolute;top:0;left:50%;height:16px;border-left:2px dashed color-mix(in srgb,currentColor 20%,transparent)}
+.harness-mix-team-lane::after{content:'';position:absolute;top:0;left:-9px;right:-9px;border-top:2px dashed color-mix(in srgb,currentColor 20%,transparent)}
+.harness-mix-team-lane:first-child::after{left:calc(50% - 1px)}
+.harness-mix-team-lane:last-child::after{right:calc(50% - 1px)}
+.harness-mix-team-lane:only-child::after{display:none}
+.harness-mix-team-task-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow-y:auto;padding:2px 8px 8px;scrollbar-width:none}
+.harness-mix-team-task-list::-webkit-scrollbar{display:none}
+.harness-mix-team-feed{display:flex;flex-direction:column;min-height:0;min-width:0;border-left:1px solid color-mix(in srgb,currentColor 9%,transparent)}
+.harness-mix-team-feed-list{flex:1;min-height:0;overflow-y:auto;padding:0 12px 10px;scrollbar-width:thin}
+.harness-mix-team-clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
+.harness-mix-team-clickable{transition:border-color .15s ease,box-shadow .15s ease}
+.harness-mix-team-clickable:hover{border-color:color-mix(in srgb,currentColor 28%,transparent)!important;box-shadow:0 4px 14px color-mix(in srgb,#000 10%,transparent)!important}
+@container (max-width:720px){
+  .harness-mix-team-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
+  .harness-mix-team-feed{border-left:0;border-top:1px solid color-mix(in srgb,currentColor 9%,transparent);max-height:136px}
+}`;
+  function metrics(payload) {
+    const node = el("div", "harness-mix-team-metrics", "display:flex;gap:18px;align-items:center");
+    const values = [[`${payload.tasks.filter((task) => task.status === "completed").length}/${payload.tasks.length}`, "\u5B8C\u6210", "#1f9d68"], [`${payload.tasks.filter((task) => task.status === "in_progress").length}`, "\u8FDB\u884C\u4E2D", "#2878e3"], [`${payload.tasks.filter((task) => task.status === "blocked").length}`, "\u7B49\u5F85", "#c17022"]];
+    for (const [value, label, color] of values) {
+      const item = el("span", void 0, "display:grid;justify-items:center;line-height:1.1");
+      item.append(text("strong", value, `font-size:14px;color:${color}`), text("small", label, "font-size:10px;margin-top:3px;opacity:.55"));
+      node.append(item);
+    }
+    return node;
+  }
+  var completionOf = (payload) => {
+    const total = payload.tasks.length;
+    const done = payload.tasks.filter((task) => task.status === "completed").length;
+    return { done, total, pct: total ? Math.round(done / total * 100) : 0 };
+  };
+  function statItem(value, label, color) {
+    const item = el("span", void 0, "display:grid;justify-items:center;line-height:1.1;min-width:30px");
+    item.append(text("strong", value, `font-size:15px;font-weight:750;color:${color}`), text("small", label, "font-size:8.5px;margin-top:2px;opacity:.55;white-space:nowrap"));
+    return item;
+  }
+  function headerStats(payload) {
+    const items = [
+      statItem(String(payload.tasks.length), "\u4EFB\u52A1\u603B\u6570", "inherit"),
+      statItem(String(payload.tasks.filter((task) => task.status === "in_progress").length), "\u8FDB\u884C\u4E2D", "#2878e3"),
+      statItem(String(completionOf(payload).done), "\u5DF2\u5B8C\u6210", "#1f9d68"),
+      statItem(String(payload.tasks.filter((task) => task.status === "blocked" || task.status === "pending").length), "\u7B49\u5F85", "#c17022")
+    ];
+    const failed = payload.tasks.filter((task) => task.status === "failed").length;
+    if (failed) items.push(statItem(String(failed), "\u5931\u8D25", "#d14343"));
+    return items;
+  }
+  var pillCss = (status) => {
+    const color = stateColor(status);
+    return `font-size:8px;font-weight:750;padding:2px 7px;border-radius:99px;white-space:nowrap;color:${color};background:color-mix(in srgb,${color} 15%,transparent)`;
+  };
+  function statusPill(status) {
+    return text("span", stateLabel(status), pillCss(status));
+  }
+  function statusDot(status, size = 7) {
+    return el("span", void 0, `width:${size}px;height:${size}px;border-radius:50%;flex:none;background:${stateColor(status)}`);
+  }
+  function renderBoard(payload, openThread) {
+    const board = el("main", "harness-mix-team-board harness-mix-team-body", "height:100%;min-height:0;color:inherit");
+    const lead = payload.lead ?? { id: "lead", name: "Team Lead", role: "\u534F\u8C03\u4E0E\u9A8C\u6536", agent: "codex", display_status: "working" };
+    const tasksOf = (memberId) => payload.tasks.filter((task) => task.assignee === memberId);
+    const leadCard = () => {
+      const button = el("button", "harness-mix-team-lead", "appearance:none;border:1px solid color-mix(in srgb,#c35b24 34%,transparent);background:color-mix(in srgb,#c35b24 7%,transparent);box-shadow:0 2px 10px color-mix(in srgb,#c35b24 10%,transparent);color:inherit;font:inherit;display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:13px;cursor:default");
+      button.type = "button";
+      button.dataset.agent = lead.agent;
+      const childId = lead.childId ?? lead.child_thread_id;
+      if (childId && openThread) {
+        button.style.cursor = "pointer";
+        button.classList.add("harness-mix-team-clickable");
+        button.title = `\u6253\u5F00 ${lead.name} \u7684\u539F\u751F Harness \u4F1A\u8BDD`;
+        button.addEventListener("click", () => void openThread(childId));
+      }
+      const avatar = el("span", void 0, "position:relative;display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;border:2px solid color-mix(in srgb,#c35b24 45%,transparent);background:Canvas");
+      avatar.append(collaborationIcon(lead.agent, lead.name, 32), text("span", "\u{1F451}", "position:absolute;top:-12px;right:-10px;font-size:13px;filter:drop-shadow(0 1px 1px rgb(0 0 0/.25))"));
+      const copy = el("span", void 0, "display:grid;min-width:0;text-align:left;line-height:1.3");
+      copy.append(text("span", "\u4E3B\u5BFC\u8005", "font-size:8.5px;font-weight:800;letter-spacing:.14em;color:#c35b24"), text("strong", lead.name, "font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"));
+      const status = el("span", void 0, "display:flex;align-items:center;gap:5px;margin-top:1px");
+      status.append(statusDot(lead.display_status), text("span", stateLabel(lead.display_status), `font-size:9px;color:${stateColor(lead.display_status)}`));
+      copy.append(status);
+      button.append(avatar, copy);
+      return button;
+    };
+    const memberCard = (member, index) => {
+      const color = memberColor(index), assigned = tasksOf(member.id), done = assigned.filter((task) => task.status === "completed").length;
+      const button = el("button", "harness-mix-team-member", "appearance:none;width:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,currentColor 10%,transparent);background:color-mix(in srgb,Canvas 92%,transparent);box-shadow:0 2px 8px color-mix(in srgb,#000 6%,transparent);color:inherit;font:inherit;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;border-radius:12px;text-align:left;cursor:default");
+      button.type = "button";
+      button.dataset.agent = member.agent;
+      const childId = member.childId ?? member.child_thread_id;
+      if (childId && openThread) {
+        button.style.cursor = "pointer";
+        button.classList.add("harness-mix-team-clickable");
+        button.title = `\u6253\u5F00 ${member.name} \u7684\u539F\u751F Harness \u4F1A\u8BDD`;
+        button.addEventListener("click", () => void openThread(childId));
+      }
+      const avatar = el("span", void 0, `position:relative;display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:11px;border:2px solid ${color};background:Canvas`);
+      avatar.append(collaborationIcon(member.agent, member.name, 30), el("span", void 0, `position:absolute;right:-4px;bottom:-4px;width:11px;height:11px;box-sizing:border-box;border-radius:50%;background:${stateColor(member.display_status)};border:2.5px solid Canvas`));
+      const copy = el("span", void 0, "display:grid;min-width:0;line-height:1.25;gap:2px");
+      copy.append(text("strong", member.name, "font-size:12px;font-weight:680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"));
+      const status = el("span", void 0, "display:flex;align-items:center;gap:5px;min-width:0");
+      status.append(text("span", stateLabel(member.display_status), `font-size:9px;color:${stateColor(member.display_status)};white-space:nowrap`), text("span", `${done}/${assigned.length}`, "font-size:9px;font-weight:650;opacity:.5;margin-left:auto"));
+      copy.append(status);
+      const progress = el("progress");
+      progress.max = Math.max(1, assigned.length);
+      progress.value = done;
+      progress.style.cssText = `width:100%;height:4px;margin:0;accent-color:${color}`;
+      progress.title = `${done}/${assigned.length} \u4E2A\u4EFB\u52A1\u5B8C\u6210`;
+      copy.append(progress);
+      button.append(avatar, copy);
+      return button;
+    };
+    const laneOf = (member, index) => {
+      const color = memberColor(index), assigned = tasksOf(member.id), done = assigned.filter((task) => task.status === "completed").length;
+      const lane = el("div", "harness-mix-team-lane");
+      lane.dataset.memberId = member.id;
+      lane.append(memberCard(member, index));
+      const column = el("div", void 0, `margin-top:9px;flex:1;min-height:0;display:flex;flex-direction:column;border-radius:12px;border:1px solid color-mix(in srgb,${color} 30%,transparent);background:color-mix(in srgb,${color} 7%,transparent)`);
+      const columnHead = el("div", void 0, "display:flex;align-items:flex-start;gap:6px;padding:8px 10px 5px");
+      const role = text("span", member.role, "font-size:9.5px;font-weight:650;line-height:1.35;min-width:0;opacity:.78");
+      role.className = "harness-mix-team-clamp2";
+      role.title = member.role;
+      columnHead.append(el("span", void 0, `width:7px;height:7px;border-radius:2.5px;background:${color};flex:none;margin-top:3px`), role, text("span", `${done}/${assigned.length}`, `margin-left:auto;font-size:8.5px;font-weight:750;color:${color};background:color-mix(in srgb,${color} 15%,transparent);padding:1px 6px;border-radius:99px;white-space:nowrap`));
+      column.append(columnHead);
+      const list = el("div", "harness-mix-team-task-list");
+      for (const task of assigned) {
+        const card = el("article", "harness-mix-team-task", "display:grid;gap:5px;padding:7px 8px;border-radius:9px;border:1px solid color-mix(in srgb,currentColor 8%,transparent);background:color-mix(in srgb,Canvas 94%,transparent)");
+        card.dataset.taskId = task.id;
+        card.dataset.taskStatus = task.status;
+        const topRow = el("div", void 0, "display:flex;align-items:center;gap:6px;min-width:0");
+        const pill = statusPill(task.status);
+        pill.style.marginLeft = "auto";
+        topRow.append(text("span", `#${task.id}`, "font-family:ui-monospace,monospace;font-size:8px;opacity:.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:92px"), pill);
+        const title = text("div", task.title, "font-size:10.5px;font-weight:620;line-height:1.35");
+        title.className = "harness-mix-team-clamp2";
+        title.title = task.title;
+        card.append(topRow, title);
+        if ((task.dependsOn?.length ?? 0) > 0) card.append(text("div", `\u4F9D\u8D56 ${task.dependsOn.length} \u9879\u4EFB\u52A1`, "font-size:8px;opacity:.45"));
+        list.append(card);
+      }
+      if (!assigned.length) list.append(text("div", "\u7B49\u5F85\u4E3B\u5BFC\u8005\u5206\u914D\u4EFB\u52A1", "font-size:9px;opacity:.42;padding:10px 2px;text-align:center"));
+      column.append(list);
+      lane.append(column);
+      return lane;
+    };
+    const left = el("section", void 0, "display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0");
+    const org = el("div", "harness-mix-team-org", "display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 14px 0");
+    org.append(leadCard(), text("div", "\u4EFB\u52A1\u62C6\u89E3 \xB7 \u8FDB\u5EA6\u534F\u8C03 \xB7 \u8D28\u91CF\u9A8C\u6536 \xB7 \u6700\u7EC8\u4EA4\u4ED8", "font-size:8.5px;opacity:.45;letter-spacing:.04em"));
+    const lanes = el("div", "harness-mix-team-lanes harness-mix-team-scroll");
+    if (payload.members.length) payload.members.forEach((member, index) => lanes.append(laneOf(member, index)));
+    else lanes.append(text("div", "\u5C1A\u672A\u6DFB\u52A0\u56E2\u961F\u6210\u5458\u3002", "font-size:11px;opacity:.5"));
+    left.append(org, lanes);
+    const feed = el("aside", "harness-mix-team-feed");
+    const feedHead = el("div", void 0, "display:flex;align-items:center;gap:6px;padding:11px 12px 8px;flex:none");
+    feedHead.append(text("span", "\u56E2\u961F\u52A8\u6001", "font-size:10px;font-weight:720;letter-spacing:.06em;opacity:.55"), text("span", String(payload.messages.length), "font-size:8.5px;font-weight:700;opacity:.6;background:color-mix(in srgb,currentColor 8%,transparent);border-radius:99px;padding:1px 7px"));
+    const feedList = el("div", "harness-mix-team-feed-list");
+    for (const message of payload.messages.slice().reverse()) {
+      const item = el("article", void 0, "padding:9px 0;border-top:1px solid color-mix(in srgb,currentColor 7%,transparent)");
+      const sender = message.from === "lead" ? lead : payload.members.find((member) => member.id === message.from), receiver = message.to === "lead" ? lead : payload.members.find((member) => member.id === message.to);
+      const route = el("div", void 0, "display:flex;align-items:center;gap:5px;min-width:0;font-size:10.5px;font-weight:700");
+      if (sender) route.append(collaborationIcon(sender.agent, sender.name, 16));
+      route.append(text("span", message.fromName ?? sender?.name ?? message.from, "opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"), text("span", "\u2192", "opacity:.4;font-weight:400"));
+      if (receiver) route.append(collaborationIcon(receiver.agent, receiver.name, 16));
+      route.append(text("span", message.to === "*" ? "\u5168\u4F53" : receiver?.name ?? message.to, "opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"));
+      if (message.at > 0) route.append(text("span", new Date(message.at).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }), "margin-left:auto;font-size:8.5px;font-weight:400;opacity:.4;flex:none"));
+      item.append(route, text("div", message.body, "font-size:11px;line-height:1.5;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere;opacity:.88"));
+      feedList.append(item);
+    }
+    if (!payload.messages.length) feedList.append(text("div", "\u6210\u5458\u4EA4\u63A5\u3001\u5BA1\u67E5\u8BF7\u6C42\u548C\u7ED3\u679C\u4F1A\u5B9E\u65F6\u663E\u793A\u5728\u8FD9\u91CC\u3002", "font-size:10px;line-height:1.5;opacity:.45;padding:10px 0"));
+    feed.append(feedHead, feedList);
+    board.append(left, feed);
+    return board;
+  }
+  function renderSummary(payload, open) {
+    const panel = el("section", "harness-mix-team-panel", 'box-sizing:border-box;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:14px;background:color-mix(in srgb,Canvas 90%,transparent);box-shadow:0 8px 28px color-mix(in srgb,#000 7%,transparent);backdrop-filter:blur(18px);color:inherit;font:13px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;padding:12px 14px;display:grid;gap:10px;min-width:0');
+    panel.dataset.teamId = payload.team_id;
+    panel.dataset.teamStatus = payload.status;
+    const top = el("div", void 0, "display:flex;align-items:center;gap:12px;min-width:0");
+    const identity = el("div", void 0, "display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0;flex:1");
+    const lead = payload.lead ?? { id: "lead", name: "Team Lead", role: "\u534F\u8C03\u4E0E\u9A8C\u6536", agent: "codex", display_status: "working" };
+    const leadIcon = el("span", void 0, "position:relative;display:grid;place-items:center;width:38px;height:38px;flex:none;border:2px solid color-mix(in srgb,#c35b24 40%,transparent);border-radius:11px;background:Canvas");
+    leadIcon.append(collaborationIcon(lead.agent, lead.name, 28), text("span", "\u{1F451}", "position:absolute;top:-11px;right:-9px;font-size:11px"));
+    const copy = el("span", void 0, "display:grid;min-width:0;gap:1px"), eyebrow = text("span", `AGENT TEAM \xB7 ${stateLabel(payload.status)}`, `font-size:9px;font-weight:760;letter-spacing:.11em;color:${stateColor(payload.status)}`), title = text("strong", payload.name, "font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap");
+    title.className = "harness-mix-team-name";
+    const goal = text("span", payload.goal, "font-size:10px;opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap");
+    goal.title = payload.goal;
+    copy.append(eyebrow, title, goal);
+    identity.append(leadIcon, copy);
+    const button = el("button", "harness-mix-team-open", "border:1px solid color-mix(in srgb,currentColor 13%,transparent);border-radius:8px;background:color-mix(in srgb,currentColor 5%,transparent);color:inherit;font:650 11px system-ui;padding:7px 10px;cursor:pointer;white-space:nowrap");
+    button.type = "button";
+    button.textContent = "\u5C55\u5F00\u8BE6\u60C5";
+    button.addEventListener("click", open);
+    top.append(identity, metrics(payload), button);
+    const members = el("div", "harness-mix-team-summary-members harness-mix-team-scroll", "display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;padding-bottom:1px");
+    payload.members.forEach((member, index) => {
+      const color = memberColor(index);
+      const chip = el("span", void 0, "display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;min-width:128px;max-width:190px;padding:5px 9px;border-radius:10px;border:1px solid color-mix(in srgb,currentColor 8%,transparent);background:color-mix(in srgb,currentColor 3%,transparent)");
+      chip.title = `${member.name} \xB7 ${member.role}`;
+      const icon2 = el("span", void 0, `position:relative;display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:8px;border:1.5px solid ${color};background:Canvas`);
+      icon2.append(collaborationIcon(member.agent, member.name, 18), el("span", void 0, `position:absolute;right:-3px;bottom:-3px;width:8px;height:8px;box-sizing:border-box;border-radius:50%;background:${stateColor(member.display_status)};border:2px solid Canvas`));
+      const label = el("span", void 0, "display:grid;min-width:0;line-height:1.2");
+      label.append(text("strong", member.name, "font-size:10px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"), text("span", member.role, "font-size:8.5px;opacity:.52;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"), text("span", stateLabel(member.display_status), `font-size:8.5px;color:${stateColor(member.display_status)}`));
+      chip.append(icon2, label);
+      members.append(chip);
+    });
+    const completed = payload.tasks.filter((task) => task.status === "completed").length, progress = el("progress");
+    progress.max = Math.max(1, payload.tasks.length);
+    progress.value = completed;
+    progress.style.cssText = "width:72px;height:5px;accent-color:#1f9d68;margin-left:auto;flex:none";
+    progress.title = `${completed}/${payload.tasks.length} \u4E2A\u4EFB\u52A1\u5B8C\u6210`;
+    members.append(progress, text("span", `${completed}/${payload.tasks.length}`, "font-size:9px;font-weight:700;opacity:.52;white-space:nowrap"));
+    panel.append(top, members);
+    return panel;
+  }
+  function installTeamCards(options = {}) {
+    if (typeof document === "undefined") return { scan: () => {
+    }, dispose: () => {
+    } };
+    const style = el("style");
+    style.dataset.harnessMixTeamStyle = "true";
+    style.textContent = TEAM_STYLE;
+    (document.head || document.documentElement).append(style);
+    let disposed = false, workbench = null, refreshTimer = null, playTimer = null, activeTimer = null;
+    let activePanel = null, activeSignature = "", activeThreadId = "", activeRefreshPending = false;
+    const signatures = /* @__PURE__ */ new WeakMap();
+    const close = () => {
+      workbench?.remove();
+      workbench = null;
+      if (refreshTimer) clearInterval(refreshTimer);
+      refreshTimer = null;
+      if (playTimer) clearInterval(playTimer);
+      playTimer = null;
+    };
+    const open = (seed) => {
+      if (workbench?.dataset.teamId === seed.team_id) {
+        close();
+        return;
+      }
+      close();
+      const source = [...document.querySelectorAll(".harness-mix-team-panel")].find((node) => node.dataset.teamId === seed.team_id);
+      if (!source?.parentElement) return;
+      workbench = el("section", "harness-mix-team-workbench", 'box-sizing:border-box;margin:8px 0 12px;border:1px solid color-mix(in srgb,currentColor 11%,transparent);border-radius:14px;background:color-mix(in srgb,Canvas 94%,transparent);box-shadow:0 12px 34px color-mix(in srgb,#000 8%,transparent);backdrop-filter:blur(20px);color:inherit;font:13px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;display:grid;grid-template-rows:auto minmax(0,1fr);height:clamp(340px,64vh,660px);min-height:300px;overflow:hidden');
+      workbench.dataset.teamId = seed.team_id;
+      workbench.dataset.teamSource = source.dataset.teamSource ?? "tool";
+      let current = seed, snapshots = [], index = -1;
+      const header = el("header", void 0, "display:flex;align-items:center;gap:14px;flex-wrap:wrap;row-gap:8px;min-height:56px;padding:8px 14px;border-bottom:1px solid color-mix(in srgb,currentColor 9%,transparent);background:color-mix(in srgb,currentColor 2%,transparent)");
+      const title = el("div", void 0, "display:grid;gap:1px;min-width:150px;max-width:min(320px,30vw)");
+      const nameRow = el("div", void 0, "display:flex;align-items:center;gap:7px;min-width:0");
+      const teamName = text("strong", current.name, "font-size:13px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap");
+      teamName.className = "harness-mix-team-name";
+      const teamPill = statusPill(current.status);
+      nameRow.append(teamName, teamPill);
+      const subtitle = text("div", current.goal, "font-size:9px;opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap");
+      subtitle.title = current.goal;
+      title.append(nameRow, subtitle);
+      const statsWrap = el("div", void 0, "display:flex;align-items:center;gap:15px;flex-wrap:wrap");
+      const progressWrap = el("div", void 0, "display:flex;align-items:center;gap:7px;flex:none");
+      progressWrap.append(text("span", "\u6574\u4F53\u8FDB\u5EA6", "font-size:9px;opacity:.55;white-space:nowrap"));
+      const progressBar = el("progress");
+      progressBar.style.cssText = "width:92px;height:5px;accent-color:#1f9d68";
+      const progressPct = text("strong", "0%", "font-size:11px;font-weight:750;color:#1f9d68;min-width:30px");
+      progressWrap.append(progressBar, progressPct);
+      const timeline = el("div", "harness-mix-team-timeline", "display:flex;align-items:center;gap:6px;margin-left:auto;min-width:0"), event = text("span", "\u5B9E\u65F6\u72B6\u6001", "font-size:9px;opacity:.55;min-width:60px;text-align:right"), range = el("input");
+      range.type = "range";
+      range.min = "0";
+      range.max = "0";
+      range.value = "0";
+      range.style.cssText = "width:min(120px,16vw);accent-color:#2878e3";
+      const live = el("button", void 0, "border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:7px;background:transparent;color:inherit;font:600 10px system-ui;padding:5px 7px;cursor:pointer");
+      live.type = "button";
+      live.textContent = "\u5B9E\u65F6";
+      const play = el("button", void 0, "border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:7px;background:color-mix(in srgb,currentColor 6%,transparent);color:inherit;font:600 10px system-ui;padding:5px 8px;cursor:pointer");
+      play.type = "button";
+      play.textContent = "\u56DE\u653E";
+      const collapse = el("button", "harness-mix-team-back", "border:0;background:transparent;color:inherit;font:650 10px system-ui;cursor:pointer;padding:6px 7px;opacity:.68");
+      collapse.type = "button";
+      collapse.textContent = "\u6536\u8D77\u8BE6\u60C5";
+      collapse.addEventListener("click", close);
+      timeline.append(event, range, live, play, collapse);
+      header.append(title, statsWrap, progressWrap, timeline);
+      const content = el("div", void 0, "min-height:0");
+      workbench.append(header, content);
+      source.after(workbench);
+      const render = () => {
+        const snapshot = index >= 0 ? snapshots[index] : void 0;
+        const visible = snapshot?.team ?? current;
+        content.replaceChildren(renderBoard(visible, async (threadId) => {
+          close();
+          await options.openThread?.(threadId);
+        }));
+        teamName.textContent = visible.name;
+        subtitle.textContent = visible.goal;
+        subtitle.title = visible.goal;
+        teamPill.textContent = stateLabel(visible.status);
+        teamPill.style.cssText = pillCss(visible.status);
+        statsWrap.replaceChildren(...headerStats(visible));
+        const completion = completionOf(visible);
+        progressBar.max = Math.max(1, completion.total);
+        progressBar.value = completion.done;
+        progressPct.textContent = `${completion.pct}%`;
+        range.max = String(Math.max(0, snapshots.length - 1));
+        range.value = String(index >= 0 ? index : Math.max(0, snapshots.length - 1));
+        event.textContent = snapshot ? `${actionLabel(snapshot.action)} \xB7 ${new Date(snapshot.at).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}` : "\u25CF \u5B9E\u65F6\u72B6\u6001";
+      };
+      range.addEventListener("input", () => {
+        index = Number(range.value);
+        render();
+      });
+      live.addEventListener("click", () => {
+        index = -1;
+        render();
+      });
+      play.addEventListener("click", () => {
+        if (playTimer) {
+          clearInterval(playTimer);
+          playTimer = null;
+          play.textContent = "\u56DE\u653E";
+          return;
+        }
+        index = index < 0 ? 0 : index;
+        play.textContent = "\u6682\u505C";
+        render();
+        playTimer = setInterval(() => {
+          if (index >= snapshots.length - 1) {
+            if (playTimer) clearInterval(playTimer);
+            playTimer = null;
+            index = -1;
+            play.textContent = "\u56DE\u653E";
+          } else index++;
+          render();
+        }, 800);
+      });
+      const refresh = async () => {
+        if (!options.inspectTeam || !seed.lead_thread_id || !workbench) return;
+        try {
+          const result = parseInspection(await options.inspectTeam(seed.lead_thread_id, seed.team_id));
+          if (!result || !workbench) return;
+          current = result.team;
+          snapshots = result.snapshots;
+          render();
+        } catch {
+        }
+      };
+      render();
+      void refresh();
+      refreshTimer = setInterval(() => void refresh(), 1500);
+    };
+    const onKey = (event) => {
+      if (event.key === "Escape" && workbench) close();
+    };
+    document.addEventListener("keydown", onKey);
+    const scan = () => {
+      if (disposed) return;
+      const selector = '[data-testid*="tool"], [data-turn-key], [data-local-conversation-item-target-ids], pre[data-testid*="tool"]';
+      for (const candidate of document.querySelectorAll(selector)) {
+        if (candidate.closest(".harness-mix-team-panel,.harness-mix-team-workbench")) continue;
+        const payload = parseTeamPayload(candidate.textContent ?? "");
+        if (!payload) continue;
+        if ([...candidate.querySelectorAll(selector)].some((child) => parseTeamPayload(child.textContent ?? ""))) continue;
+        const signature = `${payload.updated_at ?? 0}:${payload.tasks.length}:${payload.messages.length}`;
+        if (signatures.get(candidate) === signature) continue;
+        const panel = renderSummary(payload, () => open(payload));
+        if (candidate.tagName === "PRE") {
+          if (!candidate.dataset.harnessMixTeamDisplay) candidate.dataset.harnessMixTeamDisplay = candidate.style.display || "__empty__";
+          candidate.style.display = "none";
+          if (candidate.nextElementSibling?.classList.contains("harness-mix-team-panel")) candidate.nextElementSibling.remove();
+          candidate.after(panel);
+        } else {
+          candidate.querySelector(":scope > .harness-mix-team-panel")?.remove();
+          candidate.append(panel);
+        }
+        signatures.set(candidate, signature);
+      }
+    };
+    const removeActivePanel = () => {
+      if (workbench?.dataset.teamSource === "active-thread") close();
+      activePanel?.remove();
+      activePanel = null;
+      activeSignature = "";
+      activeThreadId = "";
+    };
+    const refreshActiveTeam = async () => {
+      if (disposed || activeRefreshPending || !options.inspectTeam || !options.activeThread) return;
+      const context = options.activeThread();
+      if (!context?.anchor.isConnected) {
+        removeActivePanel();
+        return;
+      }
+      activeRefreshPending = true;
+      try {
+        const result = parseInspection(await options.inspectTeam(context.threadId));
+        if (disposed) return;
+        const latest = options.activeThread();
+        if (!latest || latest.threadId !== context.threadId || !latest.anchor.isConnected) {
+          removeActivePanel();
+          return;
+        }
+        if (!result) {
+          removeActivePanel();
+          return;
+        }
+        const payload = result.team;
+        const signature = `${context.threadId}:${payload.team_id}:${payload.updated_at ?? 0}:${payload.tasks.length}:${payload.messages.length}`;
+        const inlinePanel = [...document.querySelectorAll(".harness-mix-team-panel")].find((node) => node !== activePanel && node.dataset.teamId === payload.team_id);
+        if (inlinePanel) {
+          removeActivePanel();
+          return;
+        }
+        if (activePanel?.isConnected && activeSignature === signature && activeThreadId === context.threadId) return;
+        const reopen = workbench?.dataset.teamId === payload.team_id && workbench.dataset.teamSource === "active-thread";
+        removeActivePanel();
+        activePanel = renderSummary(payload, () => open(payload));
+        activePanel.classList.add("harness-mix-team-launcher");
+        activePanel.dataset.teamSource = "active-thread";
+        activePanel.style.cssText += ";margin:8px 16px 0;flex:none;position:relative;z-index:11";
+        const parent = latest.anchor.parentElement;
+        if (!parent) {
+          removeActivePanel();
+          return;
+        }
+        parent.insertBefore(activePanel, latest.anchor);
+        activeSignature = signature;
+        activeThreadId = context.threadId;
+        if (reopen) open(payload);
+      } catch {
+        removeActivePanel();
+      } finally {
+        activeRefreshPending = false;
       }
     };
+    const observer = new MutationObserver(scan);
+    observer.observe(document.body || document.documentElement, { childList: true, subtree: true, characterData: true });
+    scan();
+    void refreshActiveTeam();
+    activeTimer = setInterval(() => void refreshActiveTeam(), 1500);
+    return { scan, close, dispose() {
+      disposed = true;
+      observer.disconnect();
+      if (activeTimer) clearInterval(activeTimer);
+      activeTimer = null;
+      removeActivePanel();
+      close();
+      style.remove();
+      document.removeEventListener("keydown", onKey);
+      document.querySelectorAll(".harness-mix-team-panel").forEach((node) => node.remove());
+      document.querySelectorAll("[data-harness-mix-team-display]").forEach((node) => {
+        node.style.display = node.dataset.harnessMixTeamDisplay === "__empty__" ? "" : node.dataset.harnessMixTeamDisplay ?? "";
+        delete node.dataset.harnessMixTeamDisplay;
+      });
+    } };
   }
 
   // src/native-ui/renderer-extension/src/codex-locale-adapter.ts
@@ -25382,10 +25971,10 @@ ${error51.stderrTail}`] : []
     return status;
   }
   function createAccessibleText(document2, message) {
-    const text = document2.createElement("span");
-    text.className = "settings-visually-hidden";
-    text.textContent = message;
-    return text;
+    const text2 = document2.createElement("span");
+    text2.className = "settings-visually-hidden";
+    text2.textContent = message;
+    return text2;
   }
   function createSessionImportSettingsPage(messages, getClient, openImportedThread) {
     return Object.freeze({
@@ -25901,11 +26490,11 @@ ${error51.stderrTail}`] : []
     root.append(paragraph);
     return index;
   }
-  function appendInline(document2, parent, text) {
+  function appendInline(document2, parent, text2) {
     let lastIndex = 0;
-    for (const match of text.matchAll(INLINE_PATTERN)) {
+    for (const match of text2.matchAll(INLINE_PATTERN)) {
       const index = match.index ?? 0;
-      if (index > lastIndex) parent.append(text.slice(lastIndex, index));
+      if (index > lastIndex) parent.append(text2.slice(lastIndex, index));
       if (match[2] !== void 0) {
         const code = document2.createElement("code");
         code.textContent = match[2];
@@ -25929,11 +26518,11 @@ ${error51.stderrTail}`] : []
       }
       lastIndex = index + match[0].length;
     }
-    if (lastIndex < text.length) parent.append(text.slice(lastIndex));
+    if (lastIndex < text2.length) parent.append(text2.slice(lastIndex));
   }
   function isSafeLink(href) {
     try {
-      const url2 = new URL(href, "https://codexhost.invalid");
+      const url2 = new URL(href, "https://harnessmix.invalid");
       return url2.protocol === "http:" || url2.protocol === "https:";
     } catch {
       return false;
@@ -25954,37 +26543,37 @@ ${error51.stderrTail}`] : []
           return context.signal.aborted;
         } };
         const doc = content.ownerDocument;
-        const el = (tag, text = "") => {
+        const el2 = (tag, text2 = "") => {
           const node = doc.createElement(tag);
-          node.textContent = text;
+          node.textContent = text2;
           return node;
         };
-        const title = el("h2", kind === "mcp" ? "MCP" : "Skills");
-        const note = el("p", kind === "mcp" ? tr("\u6309 Harness \u7BA1\u7406 MCP \u670D\u52A1\u5668\u3002\u914D\u7F6E\u4F1A\u5728\u4E0B\u6B21\u6253\u5F00\u539F\u751F\u4F1A\u8BDD\u65F6\u4F20\u5165\u3002", "Manage MCP servers per Harness. Configuration is passed to the next native session.") : tr("\u628A\u6280\u80FD\u6587\u4EF6\u6216\u5B8C\u6574\u6280\u80FD\u6587\u4EF6\u5939\u62D6\u5230\u8FD9\u91CC\uFF0C\u76F4\u63A5\u5B89\u88C5\u5230\u539F\u751F\u6280\u80FD\u76EE\u5F55\u3002", "Drop a skill file or a complete skill folder here to install it in the native skill directory."));
+        const title = el2("h2", kind === "mcp" ? "MCP" : "Skills");
+        const note = el2("p", kind === "mcp" ? tr("\u6309 Harness \u7BA1\u7406 MCP \u670D\u52A1\u5668\u3002\u914D\u7F6E\u4F1A\u5728\u4E0B\u6B21\u6253\u5F00\u539F\u751F\u4F1A\u8BDD\u65F6\u4F20\u5165\u3002", "Manage MCP servers per Harness. Configuration is passed to the next native session.") : tr("\u628A\u6280\u80FD\u6587\u4EF6\u6216\u5B8C\u6574\u6280\u80FD\u6587\u4EF6\u5939\u62D6\u5230\u8FD9\u91CC\uFF0C\u76F4\u63A5\u5B89\u88C5\u5230\u539F\u751F\u6280\u80FD\u76EE\u5F55\u3002", "Drop a skill file or a complete skill folder here to install it in the native skill directory."));
         note.className = "settings-page-description";
-        const controls = el("div");
+        const controls = el2("div");
         controls.className = "settings-integrations-controls";
-        const harness = el("select");
+        const harness = el2("select");
         harness.setAttribute("aria-label", "Harness");
-        const level = el("select");
+        const level = el2("select");
         level.setAttribute("aria-label", tr("\u4F5C\u7528\u8303\u56F4", "Scope"));
         for (const [value, label] of [["global", tr("\u5168\u5C40", "Global")], ["project", tr("\u9879\u76EE", "Project")]]) {
-          const option = el("option", label);
+          const option = el2("option", label);
           option.value = value;
           level.append(option);
         }
-        const cwd = el("input");
+        const cwd = el2("input");
         cwd.placeholder = tr("\u9879\u76EE\u7EDD\u5BF9\u8DEF\u5F84", "Absolute project path");
         cwd.setAttribute("aria-label", cwd.placeholder);
         cwd.hidden = true;
-        const refreshButton = el("button", tr("\u5237\u65B0", "Refresh"));
+        const refreshButton = el2("button", tr("\u5237\u65B0", "Refresh"));
         refreshButton.type = "button";
         refreshButton.className = "settings-command-button settings-command-button--secondary";
-        const status = el("p");
+        const status = el2("p");
         status.className = "settings-integrations-status";
         status.setAttribute("role", "status");
         status.setAttribute("aria-live", "polite");
-        const body = el("div");
+        const body = el2("div");
         body.className = "settings-integrations-body";
         let busy = false;
         const selectedScope = () => ({ harnessId: harness.value, scope: level.value === "project" ? "project" : "global", ...level.value === "project" ? { cwd: cwd.value.trim() } : {} });
@@ -26003,7 +26592,7 @@ ${error51.stderrTail}`] : []
           for (const node of content.querySelectorAll("button, input, select, textarea")) node.disabled = value || node.dataset.readonly === "true";
         };
         const button = (label, action, primary = false) => {
-          const node = el("button", label);
+          const node = el2("button", label);
           node.type = "button";
           node.className = `settings-command-button ${primary ? "settings-command-button--primary" : "settings-command-button--secondary"}`;
           node.addEventListener("click", action, { signal: lifecycle.signal });
@@ -26097,7 +26686,7 @@ ${error51.stderrTail}`] : []
           return { name, files };
         };
         const field = (form, label, node) => {
-          const wrap = el("label", label);
+          const wrap = el2("label", label);
           wrap.className = "settings-integrations-field";
           wrap.append(node);
           form.append(wrap);
@@ -26133,15 +26722,15 @@ ${error51.stderrTail}`] : []
           };
         };
         const renderMcp = (snapshot) => {
-          const toolbar = el("div");
+          const toolbar = el2("div");
           toolbar.className = "settings-integrations-toolbar";
-          const search = el("input");
+          const search = el2("input");
           search.type = "search";
           search.placeholder = tr("\u641C\u7D22 MCP \u670D\u52A1\u5668", "Search MCP servers");
           search.setAttribute("aria-label", search.placeholder);
-          const list = el("div");
+          const list = el2("div");
           list.className = "settings-integrations-list";
-          const editor = el("div");
+          const editor = el2("div");
           editor.className = "settings-mcp-editor";
           editor.hidden = true;
           const showList = () => {
@@ -26154,11 +26743,11 @@ ${error51.stderrTail}`] : []
             editor.hidden = false;
             list.hidden = true;
             toolbar.hidden = true;
-            const heading = el("div");
+            const heading = el2("div");
             heading.className = "settings-integrations-editor-head";
             const backBtn = button(tr("\u2039 \u8FD4\u56DE", "\u2039 Back"), showList);
-            const title2 = el("h3", server ? tr(`\u66F4\u65B0 ${server.name} MCP`, `Update ${server.name} MCP`) : tr("\u8FDE\u63A5\u81F3\u81EA\u5B9A\u4E49 MCP", "Connect to a custom MCP"));
-            const docsLink = el("a", tr("\u6587\u6863 \u2197", "Docs \u2197"));
+            const title2 = el2("h3", server ? tr(`\u66F4\u65B0 ${server.name} MCP`, `Update ${server.name} MCP`) : tr("\u8FDE\u63A5\u81F3\u81EA\u5B9A\u4E49 MCP", "Connect to a custom MCP"));
+            const docsLink = el2("a", tr("\u6587\u6863 \u2197", "Docs \u2197"));
             docsLink.href = "https://modelcontextprotocol.io/introduction";
             docsLink.target = "_blank";
             docsLink.rel = "noreferrer noopener";
@@ -26175,7 +26764,7 @@ ${error51.stderrTail}`] : []
               heading.append(uninstallBtn);
             }
             const createTrashBtn = (onRemove) => {
-              const btn = el("button");
+              const btn = el2("button");
               btn.type = "button";
               btn.className = "settings-mcp-icon-btn";
               btn.setAttribute("aria-label", tr("\u79FB\u9664", "Remove"));
@@ -26185,52 +26774,52 @@ ${error51.stderrTail}`] : []
               return btn;
             };
             let transportType = server?.transportType === "streamable_http" || !!server?.url ? "streamable_http" : "stdio";
-            const form = el("form");
+            const form = el2("form");
             form.className = "settings-integrations-form";
-            const basicCard = el("div");
+            const basicCard = el2("div");
             basicCard.className = "settings-integrations-form--card";
-            const name = el("input");
+            const name = el2("input");
             name.required = true;
             name.pattern = "[a-zA-Z0-9](?:[a-zA-Z0-9_]|-){0,63}";
             name.placeholder = "MCP server name";
             name.value = server?.name ?? "";
             field(basicCard, tr("\u540D\u79F0", "Name"), name);
-            const typeField = el("div");
+            const typeField = el2("div");
             typeField.className = "settings-integrations-field";
-            typeField.append(el("span", tr("\u7C7B\u578B", "Type")));
-            const toggle = el("div");
+            typeField.append(el2("span", tr("\u7C7B\u578B", "Type")));
+            const toggle = el2("div");
             toggle.className = "settings-mcp-type-toggle";
-            const stdioBtn = el("button", "STDIO");
+            const stdioBtn = el2("button", "STDIO");
             stdioBtn.type = "button";
             stdioBtn.className = "settings-mcp-type-btn";
-            const httpBtn = el("button", tr("\u6D41\u5F0F HTTP", "Streamable HTTP"));
+            const httpBtn = el2("button", tr("\u6D41\u5F0F HTTP", "Streamable HTTP"));
             httpBtn.type = "button";
             httpBtn.className = "settings-mcp-type-btn";
             toggle.append(stdioBtn, httpBtn);
             typeField.append(toggle);
             basicCard.append(typeField);
             if (server) {
-              const switchNotice = el("p", tr("\u5982\u9700\u5207\u6362 MCP \u670D\u52A1\u5668\u7C7B\u578B\uFF0C\u8BF7\u5148\u5378\u8F7D\u5F53\u524D\u914D\u7F6E\u3002", "If you would like to switch MCP server type, please uninstall first."));
+              const switchNotice = el2("p", tr("\u5982\u9700\u5207\u6362 MCP \u670D\u52A1\u5668\u7C7B\u578B\uFF0C\u8BF7\u5148\u5378\u8F7D\u5F53\u524D\u914D\u7F6E\u3002", "If you would like to switch MCP server type, please uninstall first."));
               switchNotice.className = "settings-mcp-notice";
               basicCard.append(switchNotice);
             }
-            const transportCard = el("div");
+            const transportCard = el2("div");
             transportCard.className = "settings-integrations-form--card settings-mcp-transport-card";
-            const stdioSection = el("div");
+            const stdioSection = el2("div");
             stdioSection.className = "settings-mcp-section";
-            const command = el("input");
+            const command = el2("input");
             command.placeholder = "openai-dev-mcp serve-sqlite";
             command.value = server?.command ?? "";
             field(stdioSection, tr("\u542F\u52A8\u547D\u4EE4", "Command to launch"), command);
-            const argsField = el("div");
+            const argsField = el2("div");
             argsField.className = "settings-integrations-field";
-            argsField.append(el("span", tr("\u53C2\u6570", "Arguments")));
-            const argsList = el("div");
+            argsField.append(el2("span", tr("\u53C2\u6570", "Arguments")));
+            const argsList = el2("div");
             argsList.className = "settings-mcp-args";
             const addArg = (value = "") => {
-              const row = el("div");
+              const row = el2("div");
               row.className = "settings-mcp-arg";
-              const input = el("input");
+              const input = el2("input");
               input.value = value;
               input.placeholder = tr("\u547D\u4EE4\u53C2\u6570", "Command argument");
               row.append(input, createTrashBtn(() => row.remove()));
@@ -26241,18 +26830,18 @@ ${error51.stderrTail}`] : []
             addArgBtn.classList.add("settings-mcp-add-arg");
             argsField.append(argsList, addArgBtn);
             stdioSection.append(argsField);
-            const envField = el("div");
+            const envField = el2("div");
             envField.className = "settings-integrations-field";
-            envField.append(el("span", tr("\u73AF\u5883\u53D8\u91CF", "Environment variables")));
-            const envList = el("div");
+            envField.append(el2("span", tr("\u73AF\u5883\u53D8\u91CF", "Environment variables")));
+            const envList = el2("div");
             envList.className = "settings-mcp-args";
             const addEnv = (key = "", val = "") => {
-              const row = el("div");
+              const row = el2("div");
               row.className = "settings-mcp-kv-row";
-              const keyInput = el("input");
+              const keyInput = el2("input");
               keyInput.value = key;
               keyInput.placeholder = tr("\u952E", "Key");
-              const valInput = el("input");
+              const valInput = el2("input");
               valInput.value = val;
               valInput.placeholder = tr("\u503C", "Value");
               row.append(keyInput, valInput, createTrashBtn(() => row.remove()));
@@ -26265,15 +26854,15 @@ ${error51.stderrTail}`] : []
             addEnvBtn.classList.add("settings-mcp-add-arg");
             envField.append(envList, addEnvBtn);
             stdioSection.append(envField);
-            const envPassField = el("div");
+            const envPassField = el2("div");
             envPassField.className = "settings-integrations-field";
-            envPassField.append(el("span", tr("\u73AF\u5883\u53D8\u91CF\u4F20\u9012", "Environment variable passthrough")));
-            const envPassList = el("div");
+            envPassField.append(el2("span", tr("\u73AF\u5883\u53D8\u91CF\u4F20\u9012", "Environment variable passthrough")));
+            const envPassList = el2("div");
             envPassList.className = "settings-mcp-args";
             const addEnvPass = (value = "") => {
-              const row = el("div");
+              const row = el2("div");
               row.className = "settings-mcp-arg";
-              const input = el("input");
+              const input = el2("input");
               input.value = value;
               input.placeholder = tr("\u53D8\u91CF\u540D\uFF0C\u4F8B\u5982\uFF1AGITHUB_TOKEN", "Variable name, e.g. GITHUB_TOKEN");
               row.append(input, createTrashBtn(() => row.remove()));
@@ -26286,32 +26875,32 @@ ${error51.stderrTail}`] : []
             addEnvPassBtn.classList.add("settings-mcp-add-arg");
             envPassField.append(envPassList, addEnvPassBtn);
             stdioSection.append(envPassField);
-            const cwd2 = el("input");
+            const cwd2 = el2("input");
             cwd2.placeholder = "~/code";
             cwd2.value = server?.cwd ?? "";
             field(stdioSection, tr("\u5DE5\u4F5C\u76EE\u5F55", "Working directory"), cwd2);
-            const httpSection = el("div");
+            const httpSection = el2("div");
             httpSection.className = "settings-mcp-section";
-            const url2 = el("input");
+            const url2 = el2("input");
             url2.placeholder = "https://mcp.example.com/mcp";
             url2.value = server?.url ?? "";
             field(httpSection, "URL", url2);
-            const bearerToken = el("input");
+            const bearerToken = el2("input");
             bearerToken.placeholder = "MCP_BEARER_TOKEN";
             bearerToken.value = server?.bearer_token_env_var ?? "";
             field(httpSection, tr("Bearer \u4EE4\u724C\u73AF\u5883\u53D8\u91CF", "Bearer token env var"), bearerToken);
-            const headersField = el("div");
+            const headersField = el2("div");
             headersField.className = "settings-integrations-field";
-            headersField.append(el("span", tr("\u6807\u5934", "Headers")));
-            const headersList = el("div");
+            headersField.append(el2("span", tr("\u6807\u5934", "Headers")));
+            const headersList = el2("div");
             headersList.className = "settings-mcp-args";
             const addHeader = (key = "", val = "") => {
-              const row = el("div");
+              const row = el2("div");
               row.className = "settings-mcp-kv-row";
-              const keyInput = el("input");
+              const keyInput = el2("input");
               keyInput.value = key;
               keyInput.placeholder = tr("\u952E", "Key");
-              const valInput = el("input");
+              const valInput = el2("input");
               valInput.value = val;
               valInput.placeholder = tr("\u503C", "Value");
               row.append(keyInput, valInput, createTrashBtn(() => row.remove()));
@@ -26324,18 +26913,18 @@ ${error51.stderrTail}`] : []
             addHeaderBtn.classList.add("settings-mcp-add-arg");
             headersField.append(headersList, addHeaderBtn);
             httpSection.append(headersField);
-            const envHeadersField = el("div");
+            const envHeadersField = el2("div");
             envHeadersField.className = "settings-integrations-field";
-            envHeadersField.append(el("span", tr("\u6765\u81EA\u73AF\u5883\u53D8\u91CF\u7684\u6807\u5934", "Headers from environment variables")));
-            const envHeadersList = el("div");
+            envHeadersField.append(el2("span", tr("\u6765\u81EA\u73AF\u5883\u53D8\u91CF\u7684\u6807\u5934", "Headers from environment variables")));
+            const envHeadersList = el2("div");
             envHeadersList.className = "settings-mcp-args";
             const addEnvHeader = (key = "", val = "") => {
-              const row = el("div");
+              const row = el2("div");
               row.className = "settings-mcp-kv-row";
-              const keyInput = el("input");
+              const keyInput = el2("input");
               keyInput.value = key;
               keyInput.placeholder = tr("\u6807\u5934\u540D\u79F0", "Header name");
-              const valInput = el("input");
+              const valInput = el2("input");
               valInput.value = val;
               valInput.placeholder = tr("\u73AF\u5883\u53D8\u91CF\u540D\u79F0", "Environment variable name");
               row.append(keyInput, valInput, createTrashBtn(() => row.remove()));
@@ -26366,7 +26955,7 @@ ${error51.stderrTail}`] : []
             });
             updateTypeView();
             transportCard.append(stdioSection, httpSection);
-            const security = el("p", tr("\u51ED\u636E\u548C\u73AF\u5883\u53D8\u91CF\u5C06\u5728\u539F\u751F Harness \u8FD0\u884C\u73AF\u5883\u4E2D\u89E3\u6790\u4E0E\u6CE8\u5165\uFF0C\u4E0D\u4F1A\u6CC4\u9732\u5728\u5BBF\u4E3B\u8FDB\u7A0B\u4E2D\u3002", "Credentials and environment variables are resolved and injected within the native Harness environment."));
+            const security = el2("p", tr("\u51ED\u636E\u548C\u73AF\u5883\u53D8\u91CF\u5C06\u5728\u539F\u751F Harness \u8FD0\u884C\u73AF\u5883\u4E2D\u89E3\u6790\u4E0E\u6CE8\u5165\uFF0C\u4E0D\u4F1A\u6CC4\u9732\u5728\u5BBF\u4E3B\u8FDB\u7A0B\u4E2D\u3002", "Credentials and environment variables are resolved and injected within the native Harness environment."));
             security.className = "settings-integrations-callout";
             const save = button(tr("\u4FDD\u5B58 MCP", "Save MCP"), () => {
             }, true);
@@ -26437,9 +27026,9 @@ ${error51.stderrTail}`] : []
           const addButton = button(tr("\uFF0B \u6DFB\u52A0 MCP", "+ Add MCP"), () => showEditor(), true);
           toolbar.append(search, addButton);
           for (const native of snapshot.native) {
-            const row = el("section");
+            const row = el2("section");
             row.className = "settings-integrations-row settings-integrations-row--native";
-            row.append(el("strong", `${tr("\u539F\u751F\u72B6\u6001", "Native status")} \xB7 ${native.name || native.sessionId}`), el("span", native.status), el("code", native.tools.join(", ")));
+            row.append(el2("strong", `${tr("\u539F\u751F\u72B6\u6001", "Native status")} \xB7 ${native.name || native.sessionId}`), el2("span", native.status), el2("code", native.tools.join(", ")));
             list.append(row);
           }
           const toManaged = (s, newEnabled) => ({
@@ -26459,15 +27048,15 @@ ${error51.stderrTail}`] : []
           });
           const serverRows = [];
           for (const server of snapshot.servers) {
-            const row = el("section");
+            const row = el2("section");
             row.className = "settings-integrations-row";
             const isHttp = server.transportType === "streamable_http" || !!server.url;
             row.dataset.search = `${server.name} ${server.command || ""} ${server.url || ""}`.toLowerCase();
-            const detail = el("div");
+            const detail = el2("div");
             const state = !server.effective ? tr("\u88AB\u9879\u76EE\u914D\u7F6E\u8986\u76D6", "Overridden by project") : !server.enabled ? tr("\u5DF2\u505C\u7528", "Disabled") : server.appliedSessions ? tr(`\u5DF2\u4F20\u5165 ${server.appliedSessions} \u4E2A\u4F1A\u8BDD`, `Passed to ${server.appliedSessions} sessions`) : tr("\u5DF2\u914D\u7F6E", "Configured");
             const typeTag = isHttp ? " [HTTP]" : "";
             const summary = isHttp ? server.url || "" : [server.command, ...server.args || []].filter(Boolean).join(" ");
-            detail.append(el("strong", `${server.name}${typeTag}`), el("p", `${server.scope === "global" ? tr("\u5168\u5C40", "Global") : tr("\u9879\u76EE", "Project")} \xB7 ${state}`), el("code", summary));
+            detail.append(el2("strong", `${server.name}${typeTag}`), el2("p", `${server.scope === "global" ? tr("\u5168\u5C40", "Global") : tr("\u9879\u76EE", "Project")} \xB7 ${state}`), el2("code", summary));
             row.append(detail);
             if (server.editable) {
               const editBtn = button(tr("\u7F16\u8F91", "Edit"), () => showEditor(server));
@@ -26489,7 +27078,7 @@ ${error51.stderrTail}`] : []
             serverRows.push(row);
           }
           if (!snapshot.servers.length) {
-            const empty = el("div", tr("\u8FD8\u6CA1\u6709 MCP \u670D\u52A1\u5668\uFF0C\u70B9\u51FB\u201C\u6DFB\u52A0 MCP\u201D\u5F00\u59CB\u914D\u7F6E\u3002", "No MCP servers yet. Select \u201CAdd MCP\u201D to configure one."));
+            const empty = el2("div", tr("\u8FD8\u6CA1\u6709 MCP \u670D\u52A1\u5668\uFF0C\u70B9\u51FB\u201C\u6DFB\u52A0 MCP\u201D\u5F00\u59CB\u914D\u7F6E\u3002", "No MCP servers yet. Select \u201CAdd MCP\u201D to configure one."));
             empty.className = "settings-integrations-empty";
             list.append(empty);
           }
@@ -26499,7 +27088,7 @@ ${error51.stderrTail}`] : []
           }, { signal: lifecycle.signal });
           if (!snapshot.mcpSupported) {
             addButton.disabled = true;
-            const unavailable = el("div", tr("\u6B64 Harness \u5C1A\u65E0\u5DF2\u786E\u8BA4\u7684 MCP \u914D\u7F6E\u63A5\u53E3\u3002", "This Harness has no verified MCP configuration interface."));
+            const unavailable = el2("div", tr("\u6B64 Harness \u5C1A\u65E0\u5DF2\u786E\u8BA4\u7684 MCP \u914D\u7F6E\u63A5\u53E3\u3002", "This Harness has no verified MCP configuration interface."));
             unavailable.className = "settings-integrations-callout";
             list.prepend(unavailable);
           }
@@ -26510,17 +27099,17 @@ ${error51.stderrTail}`] : []
             fail(new Error(tr("\u6CA1\u6709\u5176\u4ED6\u652F\u6301 MCP \u7684\u539F\u751F Harness \u53EF\u4F9B\u540C\u6B65\u3002", "No other native Harnesses support MCP for sync.")));
             return;
           }
-          const modal = el("dialog");
+          const modal = el2("dialog");
           modal.className = "settings-skills-sync-modal settings-mcp-sync-modal";
-          const mTitle = el("h3", tr(`\u540C\u6B65 MCP\u3010${server.name}\u3011`, `Sync MCP [${server.name}]`));
+          const mTitle = el2("h3", tr(`\u540C\u6B65 MCP\u3010${server.name}\u3011`, `Sync MCP [${server.name}]`));
           const isHttp = server.transportType === "streamable_http" || !!server.url;
           const summary = isHttp ? server.url || "" : [server.command, ...server.args || []].filter(Boolean).join(" ");
-          const mDesc = el("p", tr(
+          const mDesc = el2("p", tr(
             `\u4ECE ${sourceHarness.name} \u590D\u5236\u8BE5 MCP \u914D\u7F6E\uFF08${isHttp ? "HTTP" : "stdio"}\uFF1A${summary}\uFF09\u5230\u9009\u4E2D\u7684 Harness\uFF1A`,
             `Copy MCP configuration (${isHttp ? "HTTP" : "stdio"}: ${summary}) from ${sourceHarness.name} to selected Harnesses:`
           ));
-          const form = el("form");
-          const checkList = el("div");
+          const form = el2("form");
+          const checkList = el2("div");
           checkList.style.display = "grid";
           checkList.style.gap = "8px";
           checkList.style.margin = "12px 0";
@@ -26528,20 +27117,20 @@ ${error51.stderrTail}`] : []
           checkList.style.overflowY = "auto";
           const checkboxes = [];
           for (const h of targetHarnesses) {
-            const label = el("label");
+            const label = el2("label");
             label.style.display = "flex";
             label.style.gap = "8px";
             label.style.alignItems = "center";
             label.style.cursor = "pointer";
-            const cb = el("input");
+            const cb = el2("input");
             cb.type = "checkbox";
             cb.value = h.id;
             cb.checked = true;
             checkboxes.push(cb);
-            label.append(cb, el("span", h.name));
+            label.append(cb, el2("span", h.name));
             checkList.append(label);
           }
-          const btnRow = el("div");
+          const btnRow = el2("div");
           btnRow.style.display = "flex";
           btnRow.style.gap = "8px";
           btnRow.style.justifyContent = "flex-end";
@@ -26593,51 +27182,51 @@ ${error51.stderrTail}`] : []
             fail(new Error(tr("\u6CA1\u6709\u652F\u6301 MCP \u6CE8\u5165\u7684\u539F\u751F Harness\u3002", "No native Harnesses support MCP injection.")));
             return;
           }
-          const modal = el("dialog");
+          const modal = el2("dialog");
           modal.className = "settings-mcp-distribute-modal";
-          const mTitle = el("h3", tr("\u65B0\u5EFA\u5E76\u6279\u91CF\u5206\u53D1 MCP", "Create & Distribute MCP"));
-          const mDesc = el("p", tr("\u914D\u7F6E MCP \u670D\u52A1\u5668\uFF0C\u5E76\u4E00\u6B21\u6027\u4FDD\u5B58\u5206\u53D1\u81F3\u9009\u4E2D\u7684\u6240\u6709 Harness\u3002", "Configure MCP server once and distribute to all selected Harnesses."));
-          const form = el("form");
+          const mTitle = el2("h3", tr("\u65B0\u5EFA\u5E76\u6279\u91CF\u5206\u53D1 MCP", "Create & Distribute MCP"));
+          const mDesc = el2("p", tr("\u914D\u7F6E MCP \u670D\u52A1\u5668\uFF0C\u5E76\u4E00\u6B21\u6027\u4FDD\u5B58\u5206\u53D1\u81F3\u9009\u4E2D\u7684\u6240\u6709 Harness\u3002", "Configure MCP server once and distribute to all selected Harnesses."));
+          const form = el2("form");
           form.className = "settings-integrations-form";
           let transportType = "stdio";
-          const typeToggle = el("div");
+          const typeToggle = el2("div");
           typeToggle.className = "settings-mcp-type-toggle";
-          const stdioBtn = el("button", tr("\u6807\u51C6\u8F93\u5165\u8F93\u51FA (stdio)", "Standard I/O (stdio)"));
+          const stdioBtn = el2("button", tr("\u6807\u51C6\u8F93\u5165\u8F93\u51FA (stdio)", "Standard I/O (stdio)"));
           stdioBtn.type = "button";
           stdioBtn.className = "settings-mcp-type-btn";
           stdioBtn.dataset.active = "true";
-          const httpBtn = el("button", tr("\u6D41\u5F0F HTTP (SSE)", "Streamable HTTP (SSE)"));
+          const httpBtn = el2("button", tr("\u6D41\u5F0F HTTP (SSE)", "Streamable HTTP (SSE)"));
           httpBtn.type = "button";
           httpBtn.className = "settings-mcp-type-btn";
           typeToggle.append(stdioBtn, httpBtn);
-          const nameInput = el("input");
+          const nameInput = el2("input");
           nameInput.required = true;
           nameInput.placeholder = "my-mcp-server";
           nameInput.pattern = "[a-zA-Z0-9](?:[a-zA-Z0-9_]|-){0,63}";
           field(form, tr("MCP \u670D\u52A1\u5668\u540D\u79F0\uFF08\u5FC5\u586B\uFF09", "MCP server name (required)"), nameInput);
-          const typeField = el("div");
+          const typeField = el2("div");
           typeField.className = "settings-integrations-field";
-          typeField.append(el("span", tr("\u4F20\u8F93\u534F\u8BAE", "Transport Protocol")), typeToggle);
+          typeField.append(el2("span", tr("\u4F20\u8F93\u534F\u8BAE", "Transport Protocol")), typeToggle);
           form.append(typeField);
-          const stdioCard = el("div");
+          const stdioCard = el2("div");
           stdioCard.className = "settings-integrations-form--card";
-          const cmdInput = el("input");
+          const cmdInput = el2("input");
           cmdInput.placeholder = "npx / uvx / node / ...";
           field(stdioCard, tr("\u53EF\u6267\u884C\u547D\u4EE4 (Command)", "Executable Command"), cmdInput);
-          const argsInput = el("input");
+          const argsInput = el2("input");
           argsInput.placeholder = "-y @modelcontextprotocol/server-filesystem D:/data";
           field(stdioCard, tr("\u53C2\u6570\uFF08\u7A7A\u683C\u5206\u9694\uFF0C\u652F\u6301\u5F15\u53F7\uFF09", "Arguments (space separated, quotes supported)"), argsInput);
-          const envInput = el("input");
+          const envInput = el2("input");
           envInput.placeholder = "KEY1=val1, KEY2=val2";
           field(stdioCard, tr("\u73AF\u5883\u53D8\u91CF\uFF08\u53EF\u9009\uFF0CKEY=VAL \u9017\u53F7\u6216\u6362\u884C\u5206\u9694\uFF09", "Environment variables (optional, KEY=VAL separated)"), envInput);
-          const httpCard = el("div");
+          const httpCard = el2("div");
           httpCard.className = "settings-integrations-form--card";
           httpCard.hidden = true;
-          const urlInput = el("input");
+          const urlInput = el2("input");
           urlInput.type = "url";
           urlInput.placeholder = "https://mcp.example.com/sse";
           field(httpCard, tr("MCP \u670D\u52A1\u5668 URL", "MCP Server URL"), urlInput);
-          const tokenInput = el("input");
+          const tokenInput = el2("input");
           tokenInput.placeholder = "API_KEY_ENV_NAME";
           field(httpCard, tr("Bearer Token \u73AF\u5883\u53D8\u91CF\u540D\uFF08\u53EF\u9009\uFF09", "Bearer token env var name (optional)"), tokenInput);
           stdioBtn.addEventListener("click", () => {
@@ -26655,40 +27244,40 @@ ${error51.stderrTail}`] : []
             httpCard.hidden = false;
           });
           form.append(stdioCard, httpCard);
-          const targetSection = el("div");
+          const targetSection = el2("div");
           targetSection.className = "settings-integrations-form--card";
-          const targetHead = el("div");
+          const targetHead = el2("div");
           targetHead.style.display = "flex";
           targetHead.style.justifyContent = "space-between";
           targetHead.style.alignItems = "center";
           targetHead.style.marginBottom = "8px";
-          const targetTitle = el("strong", tr("\u5206\u53D1\u76EE\u6807 Harness\uFF1A", "Target Harnesses:"));
+          const targetTitle = el2("strong", tr("\u5206\u53D1\u76EE\u6807 Harness\uFF1A", "Target Harnesses:"));
           targetTitle.style.fontSize = "12px";
-          const toggleAllBtn = el("button", tr("\u5168\u9009 / \u53D6\u6D88\u5168\u9009", "Select / Deselect All"));
+          const toggleAllBtn = el2("button", tr("\u5168\u9009 / \u53D6\u6D88\u5168\u9009", "Select / Deselect All"));
           toggleAllBtn.type = "button";
           toggleAllBtn.className = "settings-command-button settings-command-button--secondary";
           toggleAllBtn.style.fontSize = "11px";
           toggleAllBtn.style.padding = "3px 8px";
           targetHead.append(targetTitle, toggleAllBtn);
           targetSection.append(targetHead);
-          const checkList = el("div");
+          const checkList = el2("div");
           checkList.style.display = "grid";
           checkList.style.gridTemplateColumns = "repeat(auto-fill, minmax(130px, 1fr))";
           checkList.style.gap = "8px";
           const checkboxes = [];
           for (const h of targetHarnesses) {
-            const label = el("label");
+            const label = el2("label");
             label.style.display = "flex";
             label.style.gap = "6px";
             label.style.alignItems = "center";
             label.style.cursor = "pointer";
             label.style.fontSize = "12px";
-            const cb = el("input");
+            const cb = el2("input");
             cb.type = "checkbox";
             cb.value = h.id;
             cb.checked = true;
             checkboxes.push(cb);
-            label.append(cb, el("span", h.name));
+            label.append(cb, el2("span", h.name));
             checkList.append(label);
           }
           targetSection.append(checkList);
@@ -26697,7 +27286,7 @@ ${error51.stderrTail}`] : []
             const anyChecked = checkboxes.some((cb) => cb.checked);
             for (const cb of checkboxes) cb.checked = !anyChecked;
           });
-          const btnRow = el("div");
+          const btnRow = el2("div");
           btnRow.style.display = "flex";
           btnRow.style.gap = "8px";
           btnRow.style.justifyContent = "flex-end";
@@ -26706,7 +27295,7 @@ ${error51.stderrTail}`] : []
             modal.close();
             modal.remove();
           });
-          const submitBtn = el("button", tr("\u786E\u8BA4\u5E76\u5206\u53D1", "Confirm & Distribute"));
+          const submitBtn = el2("button", tr("\u786E\u8BA4\u5E76\u5206\u53D1", "Confirm & Distribute"));
           submitBtn.type = "submit";
           submitBtn.className = "settings-command-button settings-command-button--primary";
           btnRow.append(cancelBtn, submitBtn);
@@ -26809,26 +27398,26 @@ ${error51.stderrTail}`] : []
               totalNativeCount += item.snapshot.native.length;
             }
           }
-          const statsBar = el("div");
+          const statsBar = el2("div");
           statsBar.className = "settings-skills-overview-stats settings-mcp-overview-stats";
-          const statsSummary = el("span", tr(
+          const statsSummary = el2("span", tr(
             `\u{1F4CA} \u5171 ${items.length} \u4E2A Harness \xB7 ${supported.length} \u4E2A\u652F\u6301\u539F\u751F MCP \u6CE8\u5165 \xB7 \u5DF2\u914D\u7F6E ${uniqueServers.size} \u79CD\u72EC\u7ACB MCP\uFF08\u5171 ${totalServersCount} \u4E2A\u5B9E\u4F8B\uFF09${totalNativeCount ? ` \xB7 ${totalNativeCount} \u4E2A\u6D3B\u8DC3\u539F\u751F\u8FDE\u63A5` : ""}`,
             `\u{1F4CA} ${items.length} Harnesses \xB7 ${supported.length} with native MCP injection \xB7 ${uniqueServers.size} unique MCPs (${totalServersCount} instances)${totalNativeCount ? ` \xB7 ${totalNativeCount} active native connections` : ""}`
           ));
           statsBar.append(statsSummary);
-          const toolbar = el("div");
+          const toolbar = el2("div");
           toolbar.className = "settings-integrations-toolbar";
-          const searchInput = el("input");
+          const searchInput = el2("input");
           searchInput.type = "search";
           searchInput.placeholder = tr("\u6309\u540D\u79F0\u3001\u547D\u4EE4\u6216 URL \u8FC7\u6EE4 MCP \u670D\u52A1\u5668\u2026", "Filter MCP servers by name, command, or URL\u2026");
           searchInput.setAttribute("aria-label", searchInput.placeholder);
-          const tabsWrap = el("div");
+          const tabsWrap = el2("div");
           tabsWrap.className = "settings-skills-tabs settings-mcp-tabs";
-          const btnByHarness = el("button", tr("\u6309 Harness \u67E5\u770B", "By Harness"));
+          const btnByHarness = el2("button", tr("\u6309 Harness \u67E5\u770B", "By Harness"));
           btnByHarness.type = "button";
           btnByHarness.className = "settings-skills-tab-btn";
           btnByHarness.dataset.active = "true";
-          const btnByServer = el("button", tr("\u6309 Server \u6C47\u603B", "By Server"));
+          const btnByServer = el2("button", tr("\u6309 Server \u6C47\u603B", "By Server"));
           btnByServer.type = "button";
           btnByServer.className = "settings-skills-tab-btn";
           tabsWrap.append(btnByHarness, btnByServer);
@@ -26836,14 +27425,14 @@ ${error51.stderrTail}`] : []
             showMcpDistributeDialog(supported.map((i) => i.harness));
           }, true);
           toolbar.append(searchInput, tabsWrap, distributeBtn);
-          const viewsContainer = el("div");
+          const viewsContainer = el2("div");
           viewsContainer.className = "settings-skills-views settings-mcp-views";
           let activeTab = "harness";
           const updateView = () => {
             viewsContainer.replaceChildren();
             const query = searchInput.value.trim().toLowerCase();
             if (activeTab === "harness") {
-              const grid = el("div");
+              const grid = el2("div");
               grid.className = "settings-skills-overview-grid settings-mcp-overview-grid";
               for (const item of items) {
                 const allServers = item.snapshot?.servers || [];
@@ -26857,70 +27446,70 @@ ${error51.stderrTail}`] : []
                 if (query && !item.harness.name.toLowerCase().includes(query) && matchingServers.length === 0 && matchingNative.length === 0) {
                   continue;
                 }
-                const card = el("section");
+                const card = el2("section");
                 card.className = "settings-skills-harness-card settings-mcp-harness-card";
-                const head = el("div");
+                const head = el2("div");
                 head.className = "settings-skills-harness-head settings-mcp-harness-head";
-                const hTitle = el("strong", item.harness.name);
-                const badge = el("span");
+                const hTitle = el2("strong", item.harness.name);
+                const badge = el2("span");
                 badge.className = `settings-skills-badge ${item.harness.mcp ? "settings-skills-badge--active" : ""}`;
                 badge.textContent = item.harness.mcp ? tr(`${allServers.length} \u4E2A MCP`, `${allServers.length} MCPs`) : tr("\u672A\u63D0\u4F9B MCP \u63A5\u53E3", "No native MCP interface");
                 head.append(hTitle, badge);
                 card.append(head);
                 if (!item.harness.mcp) {
-                  const note2 = el("p", tr("\u6B64 Harness \u5C1A\u65E0\u5DF2\u786E\u8BA4\u7684 MCP \u914D\u7F6E\u63A5\u53E3\u3002", "This Harness has no verified MCP configuration interface."));
+                  const note2 = el2("p", tr("\u6B64 Harness \u5C1A\u65E0\u5DF2\u786E\u8BA4\u7684 MCP \u914D\u7F6E\u63A5\u53E3\u3002", "This Harness has no verified MCP configuration interface."));
                   note2.className = "settings-mcp-notice";
                   card.append(note2);
                 } else if (item.error) {
-                  const errNote = el("p", item.error);
+                  const errNote = el2("p", item.error);
                   errNote.className = "settings-mcp-notice";
                   errNote.style.color = "#ef4444";
                   card.append(errNote);
                 } else {
                   if (matchingNative.length > 0) {
-                    const nativeBox = el("div");
+                    const nativeBox = el2("div");
                     nativeBox.className = "settings-mcp-native-box";
-                    const nativeTitle = el("div");
+                    const nativeTitle = el2("div");
                     nativeTitle.className = "settings-mcp-native-title";
                     nativeTitle.textContent = tr(`\u{1F7E2} \u539F\u751F\u8FD0\u884C\u65F6\u6D3B\u8DC3 (${matchingNative.length})`, `\u{1F7E2} Active Native Sessions (${matchingNative.length})`);
                     nativeBox.append(nativeTitle);
                     for (const n of matchingNative) {
-                      const nRow = el("div");
+                      const nRow = el2("div");
                       nRow.className = "settings-mcp-native-item";
-                      const nHeader = el("div");
+                      const nHeader = el2("div");
                       nHeader.append(
-                        el("strong", n.name || n.sessionId),
-                        el("span", ` \xB7 ${n.status}${n.tools?.length ? ` \xB7 ${n.tools.length} ${tr("\u5DE5\u5177", "tools")}` : ""}`)
+                        el2("strong", n.name || n.sessionId),
+                        el2("span", ` \xB7 ${n.status}${n.tools?.length ? ` \xB7 ${n.tools.length} ${tr("\u5DE5\u5177", "tools")}` : ""}`)
                       );
                       nRow.append(nHeader);
                       if (n.tools?.length) {
                         const toolPreview = n.tools.slice(0, 4).join(", ") + (n.tools.length > 4 ? ` +${n.tools.length - 4}` : "");
-                        nRow.append(el("code", toolPreview));
+                        nRow.append(el2("code", toolPreview));
                       }
                       nativeBox.append(nRow);
                     }
                     card.append(nativeBox);
                   }
                   if (matchingServers.length === 0) {
-                    const empty = el("p", query ? tr("\u65E0\u5339\u914D MCP \u670D\u52A1\u5668", "No matching MCP servers") : tr("\u6682\u672A\u914D\u7F6E MCP \u670D\u52A1\u5668", "No MCP servers configured"));
+                    const empty = el2("p", query ? tr("\u65E0\u5339\u914D MCP \u670D\u52A1\u5668", "No matching MCP servers") : tr("\u6682\u672A\u914D\u7F6E MCP \u670D\u52A1\u5668", "No MCP servers configured"));
                     empty.className = "settings-mcp-notice";
                     card.append(empty);
                   } else {
-                    const list = el("div");
+                    const list = el2("div");
                     list.className = "settings-skills-list-compact settings-mcp-list-compact";
                     for (const s of matchingServers) {
-                      const row = el("div");
+                      const row = el2("div");
                       row.className = "settings-skills-item-row settings-mcp-item-row";
                       const isHttp = s.transportType === "streamable_http" || !!s.url;
                       const summary = isHttp ? s.url || "" : [s.command, ...s.args || []].filter(Boolean).join(" ");
                       const stateText = !s.effective ? tr(" \xB7 \u88AB\u9879\u76EE\u8986\u76D6", " \xB7 Overridden") : !s.enabled ? tr(" \xB7 \u5DF2\u505C\u7528", " \xB7 Disabled") : s.appliedSessions ? tr(` \xB7 \u4F20\u5165 ${s.appliedSessions} \u4F1A\u8BDD`, ` \xB7 ${s.appliedSessions} sessions`) : tr(" \xB7 \u5DF2\u914D\u7F6E", " \xB7 Configured");
-                      const info = el("div");
+                      const info = el2("div");
                       info.append(
-                        el("strong", `${s.name}${isHttp ? " [HTTP]" : " [stdio]"}`),
-                        el("span", stateText),
-                        el("code", summary)
+                        el2("strong", `${s.name}${isHttp ? " [HTTP]" : " [stdio]"}`),
+                        el2("span", stateText),
+                        el2("code", summary)
                       );
-                      const actions = el("div");
+                      const actions = el2("div");
                       actions.className = "settings-skills-item-actions settings-mcp-item-actions";
                       actions.append(button(s.enabled ? tr("\u505C\u7528", "Disable") : tr("\u542F\u7528", "Enable"), () => {
                         void mutateCustom(async (c) => {
@@ -26952,7 +27541,7 @@ ${error51.stderrTail}`] : []
                     }
                     card.append(list);
                   }
-                  const cardFooter = el("div");
+                  const cardFooter = el2("div");
                   cardFooter.className = "settings-mcp-card-footer";
                   const addBtn = button(tr("\uFF0B \u6DFB\u52A0 MCP", "\uFF0B Add MCP"), () => {
                     editInHarness(item.harness.id, "__new__");
@@ -26964,7 +27553,7 @@ ${error51.stderrTail}`] : []
               }
               viewsContainer.append(grid);
             } else {
-              const matrixList = el("div");
+              const matrixList = el2("div");
               matrixList.className = "settings-skills-matrix-list settings-mcp-matrix-list";
               let matchedCount = 0;
               for (const [serverName, installations] of uniqueServers.entries()) {
@@ -26975,38 +27564,38 @@ ${error51.stderrTail}`] : []
                   continue;
                 }
                 matchedCount++;
-                const card = el("section");
+                const card = el2("section");
                 card.className = "settings-skills-matrix-card settings-mcp-matrix-card";
-                const head = el("div");
+                const head = el2("div");
                 head.className = "settings-skills-matrix-head settings-mcp-matrix-head";
-                const titleWrap = el("div");
+                const titleWrap = el2("div");
                 titleWrap.style.display = "flex";
                 titleWrap.style.alignItems = "center";
                 titleWrap.style.gap = "8px";
-                titleWrap.append(el("strong", serverName), el("span", `[${isHttp ? "HTTP" : "stdio"}]`));
+                titleWrap.append(el2("strong", serverName), el2("span", `[${isHttp ? "HTTP" : "stdio"}]`));
                 head.append(
                   titleWrap,
-                  el("span", tr(`\u5DF2\u5728 ${installations.length} \u4E2A Harness \u914D\u7F6E`, `Configured in ${installations.length} harnesses`))
+                  el2("span", tr(`\u5DF2\u5728 ${installations.length} \u4E2A Harness \u914D\u7F6E`, `Configured in ${installations.length} harnesses`))
                 );
-                const codeSummary = el("code");
+                const codeSummary = el2("code");
                 codeSummary.style.fontSize = "11px";
                 codeSummary.style.color = "var(--settings-muted)";
                 codeSummary.style.overflowWrap = "anywhere";
                 codeSummary.textContent = summary;
-                const tags = el("div");
+                const tags = el2("div");
                 tags.className = "settings-skills-tags settings-mcp-tags";
                 for (const inst of installations) {
-                  const tag = el("span");
+                  const tag = el2("span");
                   tag.className = `settings-skills-tag settings-mcp-tag ${inst.server.enabled ? "" : "settings-mcp-tag--disabled"}`;
                   tag.textContent = `\u2713 ${inst.harness.name}${inst.server.enabled ? "" : tr(" (\u5DF2\u505C\u7528)", " (disabled)")}`;
                   tags.append(tag);
                 }
                 const installedIds = new Set(installations.map((i) => i.harness.id));
                 const missingHarnesses = supported.filter((h) => !installedIds.has(h.harness.id));
-                const syncRow = el("div");
+                const syncRow = el2("div");
                 syncRow.className = "settings-skills-sync-actions settings-mcp-sync-actions";
                 if (missingHarnesses.length > 0) {
-                  const label = el("span", tr("\u672A\u914D\u7F6E\u4E8E\uFF1A", "Not configured in: "));
+                  const label = el2("span", tr("\u672A\u914D\u7F6E\u4E8E\uFF1A", "Not configured in: "));
                   label.style.fontSize = "11px";
                   label.style.color = "var(--settings-muted)";
                   syncRow.append(label);
@@ -27050,7 +27639,7 @@ ${error51.stderrTail}`] : []
                     syncRow.append(installAllBtn);
                   }
                 } else {
-                  const complete = el("span", tr("\u2713 \u5DF2\u5728\u6240\u6709\u652F\u6301\u7684 Harness \u4E2D\u914D\u7F6E\u5C31\u7EEA", "\u2713 Ready across all supported Harnesses"));
+                  const complete = el2("span", tr("\u2713 \u5DF2\u5728\u6240\u6709\u652F\u6301\u7684 Harness \u4E2D\u914D\u7F6E\u5C31\u7EEA", "\u2713 Ready across all supported Harnesses"));
                   complete.style.fontSize = "11px";
                   complete.style.color = "#10a37f";
                   syncRow.append(complete);
@@ -27059,7 +27648,7 @@ ${error51.stderrTail}`] : []
                 matrixList.append(card);
               }
               if (matchedCount === 0) {
-                const empty = el("div", tr("\u672A\u5339\u914D\u5230\u4EFB\u4F55 MCP \u670D\u52A1\u5668\u3002", "No MCP servers matched the search."));
+                const empty = el2("div", tr("\u672A\u5339\u914D\u5230\u4EFB\u4F55 MCP \u670D\u52A1\u5668\u3002", "No MCP servers matched the search."));
                 empty.className = "settings-integrations-empty";
                 matrixList.append(empty);
               }
@@ -27090,31 +27679,31 @@ ${error51.stderrTail}`] : []
             fail(new Error(tr("\u6CA1\u6709\u5176\u4ED6\u652F\u6301\u6280\u80FD\u7684\u539F\u751F Harness \u53EF\u4F9B\u540C\u6B65\u3002", "No other native Harnesses support skills for sync.")));
             return;
           }
-          const modal = el("dialog");
+          const modal = el2("dialog");
           modal.className = "settings-skills-sync-modal";
-          const mTitle = el("h3", tr(`\u540C\u6B65\u6280\u80FD\u3010${skill.name}\u3011`, `Sync skill [${skill.name}]`));
-          const mDesc = el("p", tr(`\u4ECE ${sourceHarness.name} \u590D\u5236\u8BE5\u6280\u80FD\u5230\u4EE5\u4E0B\u9009\u4E2D\u7684 Harness\uFF1A`, `Copy skill from ${sourceHarness.name} to selected Harnesses:`));
-          const form = el("form");
-          const checkList = el("div");
+          const mTitle = el2("h3", tr(`\u540C\u6B65\u6280\u80FD\u3010${skill.name}\u3011`, `Sync skill [${skill.name}]`));
+          const mDesc = el2("p", tr(`\u4ECE ${sourceHarness.name} \u590D\u5236\u8BE5\u6280\u80FD\u5230\u4EE5\u4E0B\u9009\u4E2D\u7684 Harness\uFF1A`, `Copy skill from ${sourceHarness.name} to selected Harnesses:`));
+          const form = el2("form");
+          const checkList = el2("div");
           checkList.style.display = "grid";
           checkList.style.gap = "8px";
           checkList.style.margin = "12px 0";
           const checkboxes = [];
           for (const h of targetHarnesses) {
-            const label = el("label");
+            const label = el2("label");
             label.style.display = "flex";
             label.style.gap = "8px";
             label.style.alignItems = "center";
             label.style.cursor = "pointer";
-            const cb = el("input");
+            const cb = el2("input");
             cb.type = "checkbox";
             cb.value = h.id;
             cb.checked = true;
             checkboxes.push(cb);
-            label.append(cb, el("span", h.name));
+            label.append(cb, el2("span", h.name));
             checkList.append(label);
           }
-          const btnRow = el("div");
+          const btnRow = el2("div");
           btnRow.style.display = "flex";
           btnRow.style.gap = "8px";
           btnRow.style.justifyContent = "flex-end";
@@ -27162,20 +27751,20 @@ ${error51.stderrTail}`] : []
           modal.showModal();
         };
         const renderSkills = (snapshot) => {
-          const drop = el("div");
+          const drop = el2("div");
           drop.className = "settings-skill-dropzone";
           drop.tabIndex = 0;
           drop.setAttribute("role", "button");
-          const dropTitle = el("strong", tr("\u62D6\u62FD\u6280\u80FD\u5230\u8FD9\u91CC", "Drop a skill here"));
-          const dropHint = el("span", tr("\u652F\u6301\u5355\u4E2A Markdown \u6587\u4EF6\u6216\u5305\u542B SKILL.md \u7684\u6587\u4EF6\u5939 \xB7 \u6700\u5927 10 MB / 500 \u4E2A\u6587\u4EF6", "Supports one Markdown file or a folder containing SKILL.md \xB7 up to 10 MB / 500 files"));
-          const picker = el("input");
+          const dropTitle = el2("strong", tr("\u62D6\u62FD\u6280\u80FD\u5230\u8FD9\u91CC", "Drop a skill here"));
+          const dropHint = el2("span", tr("\u652F\u6301\u5355\u4E2A Markdown \u6587\u4EF6\u6216\u5305\u542B SKILL.md \u7684\u6587\u4EF6\u5939 \xB7 \u6700\u5927 10 MB / 500 \u4E2A\u6587\u4EF6", "Supports one Markdown file or a folder containing SKILL.md \xB7 up to 10 MB / 500 files"));
+          const picker = el2("input");
           picker.type = "file";
           picker.multiple = true;
           picker.hidden = true;
           picker.setAttribute("webkitdirectory", "");
           const choose = button(tr("\u9009\u62E9\u6280\u80FD\u6587\u4EF6\u5939", "Choose skill folder"), () => picker.click());
           drop.append(dropTitle, dropHint, choose, picker);
-          const list = el("div");
+          const list = el2("div");
           list.className = "settings-integrations-list";
           const installFiles = async (incoming) => {
             const parsed = await parseDroppedSkills(incoming);
@@ -27217,17 +27806,17 @@ ${error51.stderrTail}`] : []
             dropHint.textContent = tr("\u6B64 Harness \u7684\u539F\u751F\u6280\u80FD\u76EE\u5F55\u5C1A\u672A\u786E\u8BA4\u3002", "This Harness has no verified native skill directory.");
           }
           for (const skill of snapshot.skills) {
-            const row = el("section");
+            const row = el2("section");
             row.className = "settings-integrations-row";
-            const detail = el("div");
-            detail.append(el("strong", skill.name), el("p", skill.enabled ? tr("\u5DF2\u5B89\u88C5 \xB7 \u52A0\u8F7D\u72B6\u6001\u672A\u62A5\u544A", "Installed \xB7 load status unreported") : tr("\u5DF2\u505C\u7528 \xB7 \u6587\u4EF6\u5DF2\u4FDD\u7559", "Disabled \xB7 files retained")), el("code", skill.path));
+            const detail = el2("div");
+            detail.append(el2("strong", skill.name), el2("p", skill.enabled ? tr("\u5DF2\u5B89\u88C5 \xB7 \u52A0\u8F7D\u72B6\u6001\u672A\u62A5\u544A", "Installed \xB7 load status unreported") : tr("\u5DF2\u505C\u7528 \xB7 \u6587\u4EF6\u5DF2\u4FDD\u7559", "Disabled \xB7 files retained")), el2("code", skill.path));
             row.append(detail);
             if (skill.writable) {
               row.append(button(skill.enabled ? tr("\u505C\u7528", "Disable") : tr("\u6062\u590D", "Restore"), () => {
                 void mutate((value, selected) => value.changeSkill({ ...selected, name: skill.name, root: skill.root, action: skill.enabled ? "disable" : "enable" }));
               }));
             } else {
-              row.append(el("span", tr("\u94FE\u63A5\u76EE\u5F55\uFF0C\u53EA\u8BFB", "Linked directory, read-only")));
+              row.append(el2("span", tr("\u94FE\u63A5\u76EE\u5F55\uFF0C\u53EA\u8BFB", "Linked directory, read-only")));
             }
             const syncBtn = button(tr("\u540C\u6B65\u5230\u2026", "Sync to\u2026"), () => {
               void lifecycle.runLatest(() => client().integrationCatalog(), {
@@ -27242,35 +27831,35 @@ ${error51.stderrTail}`] : []
             list.append(row);
           }
           if (!snapshot.skills.length) {
-            const empty = el("div", tr("\u8FD8\u6CA1\u6709\u53D1\u73B0\u6280\u80FD\u3002\u62D6\u5165\u6587\u4EF6\u5373\u53EF\u5B89\u88C5\u3002", "No skills found. Drop files above to install one."));
+            const empty = el2("div", tr("\u8FD8\u6CA1\u6709\u53D1\u73B0\u6280\u80FD\u3002\u62D6\u5165\u6587\u4EF6\u5373\u53EF\u5B89\u88C5\u3002", "No skills found. Drop files above to install one."));
             empty.className = "settings-integrations-empty";
             list.append(empty);
           }
           body.append(drop, list);
         };
         const renderSkillsOverview = (catalog, items) => {
-          const drop = el("div");
+          const drop = el2("div");
           drop.className = "settings-skill-dropzone";
           drop.tabIndex = 0;
           drop.setAttribute("role", "button");
-          const dropTitle = el("strong", tr("\u62D6\u62FD\u6280\u80FD\u5230\u8FD9\u91CC\uFF0C\u4E00\u952E\u5206\u53D1\u5B89\u88C5", "Drop a skill here to distribute and install"));
-          const dropHint = el("span", tr("\u652F\u6301\u5355\u4E2A Markdown \u6587\u4EF6\u6216\u5305\u542B SKILL.md \u7684\u6587\u4EF6\u5939 \xB7 \u81EA\u52A8\u5B89\u88C5\u81F3\u6240\u9009 Harness", "Supports one Markdown file or folder with SKILL.md \xB7 Installs to target Harnesses"));
-          const targetRow = el("div");
+          const dropTitle = el2("strong", tr("\u62D6\u62FD\u6280\u80FD\u5230\u8FD9\u91CC\uFF0C\u4E00\u952E\u5206\u53D1\u5B89\u88C5", "Drop a skill here to distribute and install"));
+          const dropHint = el2("span", tr("\u652F\u6301\u5355\u4E2A Markdown \u6587\u4EF6\u6216\u5305\u542B SKILL.md \u7684\u6587\u4EF6\u5939 \xB7 \u81EA\u52A8\u5B89\u88C5\u81F3\u6240\u9009 Harness", "Supports one Markdown file or folder with SKILL.md \xB7 Installs to target Harnesses"));
+          const targetRow = el2("div");
           targetRow.className = "settings-skills-target-row";
-          const targetLabel = el("span", tr("\u5B89\u88C5\u76EE\u6807\uFF1A", "Target: "));
-          const targetSelect = el("select");
+          const targetLabel = el2("span", tr("\u5B89\u88C5\u76EE\u6807\uFF1A", "Target: "));
+          const targetSelect = el2("select");
           targetSelect.setAttribute("aria-label", tr("\u9009\u62E9\u76EE\u6807 Harness", "Select target Harness"));
-          const allOption = el("option", tr("\u5168\u90E8\u652F\u6301\u7684 Harness", "All supported Harnesses"));
+          const allOption = el2("option", tr("\u5168\u90E8\u652F\u6301\u7684 Harness", "All supported Harnesses"));
           allOption.value = "__all__";
           targetSelect.append(allOption);
           for (const item of items) {
             if (item.harness.skills) {
-              const opt = el("option", item.harness.name);
+              const opt = el2("option", item.harness.name);
               opt.value = item.harness.id;
               targetSelect.append(opt);
             }
           }
-          const picker = el("input");
+          const picker = el2("input");
           picker.type = "file";
           picker.multiple = true;
           picker.hidden = true;
@@ -27346,38 +27935,38 @@ ${error51.stderrTail}`] : []
               uniqueSkills.set(s.name, list);
             }
           }
-          const statsBar = el("div");
+          const statsBar = el2("div");
           statsBar.className = "settings-skills-overview-stats";
-          const statsSummary = el("span", tr(
+          const statsSummary = el2("span", tr(
             `\u{1F4CA} \u5171 ${items.length} \u4E2A Harness \xB7 ${supported.length} \u4E2A\u5DF2\u914D\u7F6E\u539F\u751F\u6280\u80FD\u76EE\u5F55 \xB7 \u53D1\u73B0 ${uniqueSkills.size} \u4E2A\u53BB\u91CD\u6280\u80FD`,
             `\u{1F4CA} ${items.length} Harnesses \xB7 ${supported.length} with native skills \xB7 ${uniqueSkills.size} unique skills found`
           ));
           statsBar.append(statsSummary);
-          const toolbar = el("div");
+          const toolbar = el2("div");
           toolbar.className = "settings-integrations-toolbar";
-          const searchInput = el("input");
+          const searchInput = el2("input");
           searchInput.type = "search";
           searchInput.placeholder = tr("\u6309\u540D\u79F0\u8FC7\u6EE4\u6280\u80FD\u2026", "Filter skills by name\u2026");
           searchInput.setAttribute("aria-label", searchInput.placeholder);
-          const tabsWrap = el("div");
+          const tabsWrap = el2("div");
           tabsWrap.className = "settings-skills-tabs";
-          const btnByHarness = el("button", tr("\u6309 Harness \u67E5\u770B", "By Harness"));
+          const btnByHarness = el2("button", tr("\u6309 Harness \u67E5\u770B", "By Harness"));
           btnByHarness.type = "button";
           btnByHarness.className = "settings-skills-tab-btn";
           btnByHarness.dataset.active = "true";
-          const btnBySkill = el("button", tr("\u6309 Skill \u6C47\u603B", "By Skill"));
+          const btnBySkill = el2("button", tr("\u6309 Skill \u6C47\u603B", "By Skill"));
           btnBySkill.type = "button";
           btnBySkill.className = "settings-skills-tab-btn";
           tabsWrap.append(btnByHarness, btnBySkill);
           toolbar.append(searchInput, tabsWrap);
-          const viewsContainer = el("div");
+          const viewsContainer = el2("div");
           viewsContainer.className = "settings-skills-views";
           let activeTab = "harness";
           const updateView = () => {
             viewsContainer.replaceChildren();
             const query = searchInput.value.trim().toLowerCase();
             if (activeTab === "harness") {
-              const grid = el("div");
+              const grid = el2("div");
               grid.className = "settings-skills-overview-grid";
               for (const item of items) {
                 const allSkills = item.snapshot?.skills || [];
@@ -27385,37 +27974,37 @@ ${error51.stderrTail}`] : []
                 if (query && !item.harness.name.toLowerCase().includes(query) && matchingSkills.length === 0) {
                   continue;
                 }
-                const card = el("section");
+                const card = el2("section");
                 card.className = "settings-skills-harness-card";
-                const head = el("div");
+                const head = el2("div");
                 head.className = "settings-skills-harness-head";
-                const hTitle = el("strong", item.harness.name);
-                const badge = el("span");
+                const hTitle = el2("strong", item.harness.name);
+                const badge = el2("span");
                 badge.className = `settings-skills-badge ${item.harness.skills ? "settings-skills-badge--active" : ""}`;
                 badge.textContent = item.harness.skills ? tr(`${allSkills.length} \u4E2A\u6280\u80FD`, `${allSkills.length} skills`) : tr("\u672A\u914D\u7F6E\u76EE\u5F55", "No native directory");
                 head.append(hTitle, badge);
                 card.append(head);
                 if (!item.harness.skills) {
-                  const note2 = el("p", tr("\u6B64 Harness \u6682\u672A\u914D\u7F6E\u539F\u751F\u6280\u80FD\u76EE\u5F55\u3002", "This Harness has no verified native skill directory."));
+                  const note2 = el2("p", tr("\u6B64 Harness \u6682\u672A\u914D\u7F6E\u539F\u751F\u6280\u80FD\u76EE\u5F55\u3002", "This Harness has no verified native skill directory."));
                   note2.className = "settings-mcp-notice";
                   card.append(note2);
                 } else if (matchingSkills.length === 0) {
-                  const empty = el("p", query ? tr("\u65E0\u5339\u914D\u6280\u80FD", "No matching skills") : tr("\u6682\u672A\u5B89\u88C5\u6280\u80FD", "No skills installed"));
+                  const empty = el2("p", query ? tr("\u65E0\u5339\u914D\u6280\u80FD", "No matching skills") : tr("\u6682\u672A\u5B89\u88C5\u6280\u80FD", "No skills installed"));
                   empty.className = "settings-mcp-notice";
                   card.append(empty);
                 } else {
-                  const list = el("div");
+                  const list = el2("div");
                   list.className = "settings-skills-list-compact";
                   for (const s of matchingSkills) {
-                    const row = el("div");
+                    const row = el2("div");
                     row.className = "settings-skills-item-row";
-                    const info = el("div");
+                    const info = el2("div");
                     info.append(
-                      el("strong", s.name),
-                      el("span", s.enabled ? tr(" \xB7 \u5DF2\u5B89\u88C5", " \xB7 Installed") : tr(" \xB7 \u5DF2\u505C\u7528", " \xB7 Disabled")),
-                      el("code", s.path)
+                      el2("strong", s.name),
+                      el2("span", s.enabled ? tr(" \xB7 \u5DF2\u5B89\u88C5", " \xB7 Installed") : tr(" \xB7 \u5DF2\u505C\u7528", " \xB7 Disabled")),
+                      el2("code", s.path)
                     );
-                    const actions = el("div");
+                    const actions = el2("div");
                     actions.className = "settings-skills-item-actions";
                     if (s.writable) {
                       actions.append(button(s.enabled ? tr("\u505C\u7528", "Disable") : tr("\u6062\u590D", "Restore"), () => {
@@ -27449,7 +28038,7 @@ ${error51.stderrTail}`] : []
               }
               viewsContainer.append(grid);
             } else {
-              const matrixList = el("div");
+              const matrixList = el2("div");
               matrixList.className = "settings-skills-matrix-list";
               let matchedCount = 0;
               for (const [skillName, installations] of uniqueSkills.entries()) {
@@ -27457,28 +28046,28 @@ ${error51.stderrTail}`] : []
                   continue;
                 }
                 matchedCount++;
-                const card = el("section");
+                const card = el2("section");
                 card.className = "settings-skills-matrix-card";
-                const head = el("div");
+                const head = el2("div");
                 head.className = "settings-skills-matrix-head";
                 head.append(
-                  el("strong", skillName),
-                  el("span", tr(`\u5DF2\u5728 ${installations.length} \u4E2A Harness \u5B89\u88C5`, `Installed in ${installations.length} harnesses`))
+                  el2("strong", skillName),
+                  el2("span", tr(`\u5DF2\u5728 ${installations.length} \u4E2A Harness \u5B89\u88C5`, `Installed in ${installations.length} harnesses`))
                 );
-                const tags = el("div");
+                const tags = el2("div");
                 tags.className = "settings-skills-tags";
                 for (const inst of installations) {
-                  const tag = el("span");
+                  const tag = el2("span");
                   tag.className = "settings-skills-tag";
                   tag.textContent = `\u2713 ${inst.harness.name}${inst.skill.enabled ? "" : tr(" (\u5DF2\u505C\u7528)", " (disabled)")}`;
                   tags.append(tag);
                 }
                 const installedIds = new Set(installations.map((i) => i.harness.id));
                 const missingHarnesses = supported.filter((h) => !installedIds.has(h.harness.id));
-                const syncRow = el("div");
+                const syncRow = el2("div");
                 syncRow.className = "settings-skills-sync-actions";
                 if (missingHarnesses.length > 0) {
-                  const label = el("span", tr("\u672A\u5B89\u88C5\u4E8E\uFF1A", "Not installed in: "));
+                  const label = el2("span", tr("\u672A\u5B89\u88C5\u4E8E\uFF1A", "Not installed in: "));
                   label.style.fontSize = "11px";
                   label.style.color = "var(--settings-muted)";
                   syncRow.append(label);
@@ -27528,7 +28117,7 @@ ${error51.stderrTail}`] : []
                     syncRow.append(installAllBtn);
                   }
                 } else {
-                  const complete = el("span", tr("\u5DF2\u5728\u6240\u6709\u652F\u6301\u7684 Harness \u4E2D\u5C31\u7EEA", "Ready across all supported Harnesses"));
+                  const complete = el2("span", tr("\u5DF2\u5728\u6240\u6709\u652F\u6301\u7684 Harness \u4E2D\u5C31\u7EEA", "Ready across all supported Harnesses"));
                   complete.style.fontSize = "11px";
                   complete.style.color = "#10a37f";
                   syncRow.append(complete);
@@ -27537,7 +28126,7 @@ ${error51.stderrTail}`] : []
                 matrixList.append(card);
               }
               if (matchedCount === 0) {
-                const empty = el("div", tr("\u672A\u5339\u914D\u5230\u4EFB\u4F55\u6280\u80FD\u3002", "No skills matched the search."));
+                const empty = el2("div", tr("\u672A\u5339\u914D\u5230\u4EFB\u4F55\u6280\u80FD\u3002", "No skills matched the search."));
                 empty.className = "settings-integrations-empty";
                 matrixList.append(empty);
               }
@@ -27634,11 +28223,11 @@ ${error51.stderrTail}`] : []
           void refresh();
         }, { signal: lifecycle.signal });
         void lifecycle.runLatest(() => client().integrationCatalog(), { success: (data) => {
-          const allOption = el("option", tr("\u5168\u90E8 Harness\uFF08\u603B\u89C8\uFF09", "All Harnesses (Overview)"));
+          const allOption = el2("option", tr("\u5168\u90E8 Harness\uFF08\u603B\u89C8\uFF09", "All Harnesses (Overview)"));
           allOption.value = "__all__";
           harness.append(allOption);
           for (const item of data.harnesses) {
-            const option = el("option", `${item.name}${item.available ? "" : tr(" \xB7 \u672A\u5C31\u7EEA", " \xB7 not ready")}`);
+            const option = el2("option", `${item.name}${item.available ? "" : tr(" \xB7 \u672A\u5C31\u7EEA", " \xB7 not ready")}`);
             option.value = item.id;
             harness.append(option);
           }
@@ -28951,13 +29540,13 @@ ${error51.stderrTail}`] : []
     return isRendererSkinId(active) ? active : readRendererSkin(documentSkinStorage(ownerDocument));
   }
   function skinCss(skin) {
-    const [surface, secondary, accent, text] = skin.palette;
+    const [surface, secondary, accent, text2] = skin.palette;
     const image = skin.heroUrl ? `url("${skin.heroUrl}")` : skin.preview;
     const sidebarVeil = skin.dark ? `color-mix(in srgb, ${surface} 91%, transparent)` : `color-mix(in srgb, ${surface} 88%, transparent)`;
     const lowerVeil = skin.dark ? `color-mix(in srgb, ${surface} 68%, transparent)` : `color-mix(in srgb, ${surface} 72%, transparent)`;
     const panelOpacity = skin.dark ? "84%" : "82%";
-    const secondaryText = `color-mix(in srgb, ${text} 72%, transparent)`;
-    const tertiaryText = `color-mix(in srgb, ${text} 54%, transparent)`;
+    const secondaryText = `color-mix(in srgb, ${text2} 72%, transparent)`;
+    const tertiaryText = `color-mix(in srgb, ${text2} 54%, transparent)`;
     const logoCss = skin.logoUrl ? `
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] .app-shell-left-panel button[aria-haspopup="menu"][aria-label*="ChatGPT"],
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] .app-shell-left-panel button[aria-haspopup="menu"][aria-label*="Codex"] {
@@ -28972,7 +29561,7 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] body::after {
   content: ""; position: fixed; right: clamp(12px, 2vw, 24px); bottom: clamp(72px, 11vh, 108px);
   width: clamp(108px, 11.5vw, 168px); aspect-ratio: 2 / 3;
   background: url("${skin.polaroidUrl}") center / contain no-repeat;
-  filter: drop-shadow(0 12px 26px color-mix(in srgb, ${text} 24%, transparent));
+  filter: drop-shadow(0 12px 26px color-mix(in srgb, ${text2} 24%, transparent));
   pointer-events: none; z-index: 15;
 }
 @media (max-width: 760px) {
@@ -28984,28 +29573,28 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] {
   color-scheme: ${skin.dark ? "dark" : "light"};
   --codex-titlebar-tint: transparent !important;
   --header-tint: transparent !important;
-  --color-text: ${text}; --color-text-primary: ${text}; --color-token-text-primary: ${text};
-  --color-token-foreground: ${text}; --color-text-prose: ${text}; --color-text-emphasis: ${text};
-  --color-text-primary-surface: ${text}; --color-text-primary-soft: ${text};
-  --color-text-primary-soft-alt: ${text}; --color-text-primary-ghost: ${text};
-  --color-text-primary-ghost-hover: ${text}; --color-text-primary-outline: ${text};
-  --color-text-primary-outline-hover: ${text};
+  --color-text: ${text2}; --color-text-primary: ${text2}; --color-token-text-primary: ${text2};
+  --color-token-foreground: ${text2}; --color-text-prose: ${text2}; --color-text-emphasis: ${text2};
+  --color-text-primary-surface: ${text2}; --color-text-primary-soft: ${text2};
+  --color-text-primary-soft-alt: ${text2}; --color-text-primary-ghost: ${text2};
+  --color-text-primary-ghost-hover: ${text2}; --color-text-primary-outline: ${text2};
+  --color-text-primary-outline-hover: ${text2};
   --color-text-secondary: ${secondaryText}; --color-token-text-secondary: ${secondaryText};
   --color-text-secondary-soft: ${secondaryText}; --color-text-secondary-soft-alt: ${secondaryText};
-  --color-text-secondary-ghost: ${secondaryText}; --color-text-secondary-ghost-hover: ${text};
-  --color-text-secondary-outline: ${secondaryText}; --color-text-secondary-outline-hover: ${text};
+  --color-text-secondary-ghost: ${secondaryText}; --color-text-secondary-ghost-hover: ${text2};
+  --color-text-secondary-outline: ${secondaryText}; --color-text-secondary-outline-hover: ${text2};
   --color-text-secondary-solid: ${secondaryText};
   --color-text-tertiary: ${tertiaryText}; --color-token-text-tertiary: ${tertiaryText};
   --color-token-description-foreground: ${tertiaryText};
-  --color-token-dropdown-foreground: ${text};
-  --app-color-text-foreground: ${text}; --app-color-text-foreground-secondary: ${secondaryText};
+  --color-token-dropdown-foreground: ${text2};
+  --app-color-text-foreground: ${text2}; --app-color-text-foreground-secondary: ${secondaryText};
   --app-color-text-foreground-tertiary: ${tertiaryText};
-  --app-color-foreground-application-menu: ${text};
-  --app-color-text-button-secondary: ${text}; --app-color-text-button-tertiary: ${tertiaryText};
-  --wb-text-primary: ${text}; --wb-text-secondary: ${secondaryText}; --wb-text-tertiary: ${tertiaryText};
-  --color-control-thumb-foreground: ${text};
+  --app-color-foreground-application-menu: ${text2};
+  --app-color-text-button-secondary: ${text2}; --app-color-text-button-tertiary: ${tertiaryText};
+  --wb-text-primary: ${text2}; --wb-text-secondary: ${secondaryText}; --wb-text-tertiary: ${tertiaryText};
+  --color-control-thumb-foreground: ${text2};
   --color-text-mode-toggle-inactive: ${secondaryText};
-  --color-text-user-message: ${text} !important;
+  --color-text-user-message: ${text2} !important;
   --color-surface: color-mix(in srgb, ${surface} 92%, transparent);
   --color-surface-secondary: color-mix(in srgb, ${surface} 88%, transparent);
   --color-surface-tertiary: color-mix(in srgb, ${surface} 94%, transparent);
@@ -29022,26 +29611,26 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] {
   --color-background-primary-soft-alpha: color-mix(in srgb, ${surface} 88%, transparent);
   --color-background-primary-soft-hover: color-mix(in srgb, ${surface} 80%, ${accent});
   --color-background-primary-soft-active: color-mix(in srgb, ${surface} 72%, ${accent});
-  --color-background-primary-ghost-hover: color-mix(in srgb, ${text} 8%, transparent);
-  --color-background-secondary-soft: color-mix(in srgb, ${text} 7%, transparent);
-  --color-background-secondary-soft-alpha: color-mix(in srgb, ${text} 7%, transparent);
-  --color-background-secondary-soft-hover: color-mix(in srgb, ${text} 11%, transparent);
+  --color-background-primary-ghost-hover: color-mix(in srgb, ${text2} 8%, transparent);
+  --color-background-secondary-soft: color-mix(in srgb, ${text2} 7%, transparent);
+  --color-background-secondary-soft-alpha: color-mix(in srgb, ${text2} 7%, transparent);
+  --color-background-secondary-soft-hover: color-mix(in srgb, ${text2} 11%, transparent);
   --color-background-other-user-message: color-mix(in srgb, ${surface} 76%, transparent);
   --color-background-user-message: color-mix(in srgb, ${surface} 92%, transparent) !important;
   --color-background-user-message-compact: color-mix(in srgb, ${surface} 88%, transparent);
-  --color-border: color-mix(in srgb, ${text} 16%, transparent);
-  --color-border-subtle: color-mix(in srgb, ${text} 8%, transparent);
-  --color-border-strong: color-mix(in srgb, ${text} 20%, transparent);
+  --color-border: color-mix(in srgb, ${text2} 16%, transparent);
+  --color-border-subtle: color-mix(in srgb, ${text2} 8%, transparent);
+  --color-border-strong: color-mix(in srgb, ${text2} 20%, transparent);
   --color-token-main-surface-primary: color-mix(in srgb, ${surface} 92%, transparent);
   --color-token-dropdown-background: color-mix(in srgb, ${surface} 96%, transparent);
-  --color-token-list-hover-background: color-mix(in srgb, ${text} 8%, transparent);
-  --color-token-border: color-mix(in srgb, ${text} 16%, transparent);
-  --color-token-border-default: color-mix(in srgb, ${text} 16%, transparent);
-  --color-token-border-light: color-mix(in srgb, ${text} 9%, transparent);
-  --color-token-border-heavy: color-mix(in srgb, ${text} 22%, transparent);
-  --color-token-input-border: color-mix(in srgb, ${text} 20%, transparent);
-  --color-codex-diff-surface: color-mix(in srgb, ${surface} 94%, ${text});
-  --color-token-diff-surface: color-mix(in srgb, ${surface} 94%, ${text});
+  --color-token-list-hover-background: color-mix(in srgb, ${text2} 8%, transparent);
+  --color-token-border: color-mix(in srgb, ${text2} 16%, transparent);
+  --color-token-border-default: color-mix(in srgb, ${text2} 16%, transparent);
+  --color-token-border-light: color-mix(in srgb, ${text2} 9%, transparent);
+  --color-token-border-heavy: color-mix(in srgb, ${text2} 22%, transparent);
+  --color-token-input-border: color-mix(in srgb, ${text2} 20%, transparent);
+  --color-codex-diff-surface: color-mix(in srgb, ${surface} 94%, ${text2});
+  --color-token-diff-surface: color-mix(in srgb, ${surface} 94%, ${text2});
   --color-codex-editor-inline-code-background: color-mix(in srgb, ${surface} 92%, transparent);
   --color-codex-terminal-background: ${surface};
   --codex-base-surface: ${surface};
@@ -29054,41 +29643,41 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] {
   --app-color-background-elevated-secondary-opaque: ${surface};
   --app-color-background-editor-opaque: ${surface};
   --app-color-background-application-menu: color-mix(in srgb, ${surface} 96%, transparent);
-  --app-color-background-button-secondary: color-mix(in srgb, ${text} 7%, transparent);
-  --app-color-background-button-secondary-hover: color-mix(in srgb, ${text} 11%, transparent);
-  --app-color-border: color-mix(in srgb, ${text} 16%, transparent);
-  --app-color-border-light: color-mix(in srgb, ${text} 9%, transparent);
-  --app-color-border-heavy: color-mix(in srgb, ${text} 22%, transparent);
+  --app-color-background-button-secondary: color-mix(in srgb, ${text2} 7%, transparent);
+  --app-color-background-button-secondary-hover: color-mix(in srgb, ${text2} 11%, transparent);
+  --app-color-border: color-mix(in srgb, ${text2} 16%, transparent);
+  --app-color-border-light: color-mix(in srgb, ${text2} 9%, transparent);
+  --app-color-border-heavy: color-mix(in srgb, ${text2} 22%, transparent);
   --wb-surface-primary: color-mix(in srgb, ${surface} 92%, transparent);
   --wb-surface-secondary: color-mix(in srgb, ${surface} 88%, transparent);
-  --wb-border: color-mix(in srgb, ${text} 16%, transparent);
-  --wb-border-hover: color-mix(in srgb, ${text} 22%, transparent);
-  --vscode-foreground: ${text}; --vscode-descriptionForeground: ${secondaryText};
-  --vscode-editor-foreground: ${text}; --vscode-input-foreground: ${text};
+  --wb-border: color-mix(in srgb, ${text2} 16%, transparent);
+  --wb-border-hover: color-mix(in srgb, ${text2} 22%, transparent);
+  --vscode-foreground: ${text2}; --vscode-descriptionForeground: ${secondaryText};
+  --vscode-editor-foreground: ${text2}; --vscode-input-foreground: ${text2};
   --vscode-editor-background: ${surface}; --vscode-editorPane-background: ${surface};
   --vscode-input-background: color-mix(in srgb, ${surface} 96%, transparent);
   --vscode-dropdown-background: color-mix(in srgb, ${surface} 96%, transparent);
   --vscode-menu-background: color-mix(in srgb, ${surface} 96%, transparent);
   --vscode-panel-background: color-mix(in srgb, ${surface} 96%, transparent);
   --vscode-terminal-background: ${surface};
-  --vscode-list-hoverBackground: color-mix(in srgb, ${text} 8%, transparent);
+  --vscode-list-hoverBackground: color-mix(in srgb, ${text2} 8%, transparent);
   --vscode-list-activeSelectionBackground: color-mix(in srgb, ${accent} 24%, transparent);
-  --vscode-list-activeSelectionForeground: ${text};
+  --vscode-list-activeSelectionForeground: ${text2};
   --vscode-list-inactiveSelectionBackground: color-mix(in srgb, ${accent} 16%, transparent);
-  --vscode-list-inactiveSelectionForeground: ${text};
+  --vscode-list-inactiveSelectionForeground: ${text2};
   --background: color-mix(in srgb, ${surface} ${panelOpacity}, transparent);
-  --foreground: ${text}; --card: color-mix(in srgb, ${surface} 88%, transparent);
-  --card-foreground: ${text}; --popover: color-mix(in srgb, ${surface} 94%, transparent);
-  --popover-foreground: ${text}; --primary: ${accent}; --primary-foreground: ${surface};
-  --secondary: color-mix(in srgb, ${surface} 82%, ${secondary}); --secondary-foreground: ${text};
+  --foreground: ${text2}; --card: color-mix(in srgb, ${surface} 88%, transparent);
+  --card-foreground: ${text2}; --popover: color-mix(in srgb, ${surface} 94%, transparent);
+  --popover-foreground: ${text2}; --primary: ${accent}; --primary-foreground: ${surface};
+  --secondary: color-mix(in srgb, ${surface} 82%, ${secondary}); --secondary-foreground: ${text2};
   --muted: color-mix(in srgb, ${surface} 88%, ${secondary});
-  --muted-foreground: color-mix(in srgb, ${text} 68%, ${surface});
-  --accent: color-mix(in srgb, ${surface} 74%, ${accent}); --accent-foreground: ${text};
-  --border: color-mix(in srgb, ${text} 16%, transparent); --input: color-mix(in srgb, ${text} 18%, transparent); --ring: ${accent};
+  --muted-foreground: color-mix(in srgb, ${text2} 68%, ${surface});
+  --accent: color-mix(in srgb, ${surface} 74%, ${accent}); --accent-foreground: ${text2};
+  --border: color-mix(in srgb, ${text2} 16%, transparent); --input: color-mix(in srgb, ${text2} 18%, transparent); --ring: ${accent};
   --sidebar: color-mix(in srgb, ${surface} 88%, transparent); --sidebar-background: color-mix(in srgb, ${surface} 88%, transparent);
-  --sidebar-foreground: ${text}; --sidebar-primary: ${accent}; --sidebar-primary-foreground: ${surface};
-  --sidebar-accent: color-mix(in srgb, ${surface} 74%, ${accent}); --sidebar-accent-foreground: ${text};
-  --sidebar-border: color-mix(in srgb, ${text} 14%, transparent); --sidebar-ring: ${accent};
+  --sidebar-foreground: ${text2}; --sidebar-primary: ${accent}; --sidebar-primary-foreground: ${surface};
+  --sidebar-accent: color-mix(in srgb, ${surface} 74%, ${accent}); --sidebar-accent-foreground: ${text2};
+  --sidebar-border: color-mix(in srgb, ${text2} 14%, transparent); --sidebar-ring: ${accent};
   --main-surface-primary: color-mix(in srgb, ${surface} 84%, transparent);
   --main-surface-secondary: color-mix(in srgb, ${surface} 72%, transparent);
   --sidebar-surface-primary: color-mix(in srgb, ${surface} 88%, transparent);
@@ -29097,10 +29686,10 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] {
   --composer-surface: color-mix(in srgb, ${surface} 88%, transparent);
 }
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] body {
-  color: ${text}; background: ${surface} !important;
+  color: ${text2}; background: ${surface} !important;
 }
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] body > #root {
-  min-height: 100vh; color: ${text} !important;
+  min-height: 100vh; color: ${text2} !important;
   background-color: transparent !important;
   background-image:
     linear-gradient(90deg, ${sidebarVeil} 0 22%, transparent 46%),
@@ -29131,12 +29720,12 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] :where(
   [data-local-conversation-final-assistant]:not(:has([data-response-annotation-conversation]))
 ) {
   box-sizing: border-box;
-  color: ${text} !important;
+  color: ${text2} !important;
   background: color-mix(in srgb, ${surface} 96%, transparent) !important;
   border: 1px solid color-mix(in srgb, ${accent} 16%, transparent) !important;
   border-radius: 18px;
   padding: 14px 16px 12px;
-  box-shadow: 0 8px 24px color-mix(in srgb, ${text} 8%, transparent) !important;
+  box-shadow: 0 8px 24px color-mix(in srgb, ${text2} 8%, transparent) !important;
   backdrop-filter: blur(16px) saturate(120%) !important;
 }
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] :where(
@@ -29160,7 +29749,7 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] :where(
 ) {
   border: 1px solid color-mix(in srgb, ${accent} 24%, transparent) !important;
   border-radius: 12px !important;
-  box-shadow: 0 4px 20px color-mix(in srgb, ${text} 8%, transparent) !important;
+  box-shadow: 0 4px 20px color-mix(in srgb, ${text2} 8%, transparent) !important;
   overflow: hidden !important;
 }
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] :where(
@@ -29170,7 +29759,7 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] :where(
 ) {
   background-color: color-mix(in srgb, ${surface} 98%, transparent) !important;
   border-bottom: 2px solid color-mix(in srgb, ${accent} 28%, transparent) !important;
-  color: ${text} !important;
+  color: ${text2} !important;
   font-weight: 600 !important;
   padding: 8px 14px !important;
 }
@@ -29180,9 +29769,9 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] :where(
   [data-response-annotation-conversation] td,
   [data-response-annotation-conversation] :where(th, td)
 ) {
-  border-bottom: 1px solid color-mix(in srgb, ${text} 12%, transparent) !important;
-  border-right: 1px solid color-mix(in srgb, ${text} 6%, transparent) !important;
-  color: ${text} !important;
+  border-bottom: 1px solid color-mix(in srgb, ${text2} 12%, transparent) !important;
+  border-right: 1px solid color-mix(in srgb, ${text2} 6%, transparent) !important;
+  color: ${text2} !important;
   padding: 8px 14px !important;
 }
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] :where(
@@ -29198,7 +29787,7 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] :where(
   background-color: color-mix(in srgb, ${accent} 10%, transparent) !important;
 }
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] :where(.composer-surface-chrome, [data-user-message-bubble], [data-codex-approval-surface]) {
-  color: ${text} !important;
+  color: ${text2} !important;
   background: color-mix(in srgb, ${surface} 92%, transparent) !important;
   border-color: color-mix(in srgb, ${accent} 24%, transparent) !important;
   box-shadow: 0 8px 24px color-mix(in srgb, ${accent} 12%, transparent) !important;
@@ -29213,7 +29802,7 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-user-message-bubble] :where(
   a,
   code
 ) {
-  color: ${text} !important;
+  color: ${text2} !important;
 }
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] :where(
   header,
@@ -29250,7 +29839,7 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-page-header] > [da
   border-radius: 0 !important;
   box-shadow: none !important;
   backdrop-filter: none !important;
-  color: color-mix(in srgb, ${text} 82%, ${accent}) !important;
+  color: color-mix(in srgb, ${text2} 82%, ${accent}) !important;
   font-size: 13px !important;
   font-weight: 500 !important;
   text-shadow: 0 1px 2px color-mix(in srgb, ${surface} 72%, transparent) !important;
@@ -29268,19 +29857,19 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-page-header] > [da
   font-size: inherit !important;
   font-weight: inherit !important;
 }
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header button:not([data-codexhost-settings-trigger] *),
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-pip-obstacle="app-shell-header"] button:not([data-codexhost-settings-trigger] *),
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-obstacle] button:not([data-codexhost-settings-trigger] *),
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-testid="app-shell-header-context-menu-surface"] button:not([data-codexhost-settings-trigger] *),
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-toolbar] button:not([data-codexhost-settings-trigger] *),
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header [role="button"]:not([data-codexhost-settings-trigger] *) {
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header button:not([data-harnessmix-settings-trigger] *),
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-pip-obstacle="app-shell-header"] button:not([data-harnessmix-settings-trigger] *),
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-obstacle] button:not([data-harnessmix-settings-trigger] *),
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-testid="app-shell-header-context-menu-surface"] button:not([data-harnessmix-settings-trigger] *),
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-toolbar] button:not([data-harnessmix-settings-trigger] *),
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header [role="button"]:not([data-harnessmix-settings-trigger] *) {
   background: transparent !important;
   background-color: transparent !important;
   border-color: transparent !important;
   box-shadow: none !important;
 }
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-page-header] > [data-app-shell-header-toolbar] > button[aria-haspopup="menu"] {
-  color: color-mix(in srgb, ${text} 62%, transparent) !important;
+  color: color-mix(in srgb, ${text2} 62%, transparent) !important;
   background: transparent !important;
   background-color: transparent !important;
   border-color: transparent !important;
@@ -29288,17 +29877,17 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-page-header] > [da
   filter: none !important;
   outline: none !important;
 }
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header button:not([data-codexhost-settings-trigger] *):hover,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-pip-obstacle="app-shell-header"] button:not([data-codexhost-settings-trigger] *):hover,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-obstacle] button:not([data-codexhost-settings-trigger] *):hover,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-testid="app-shell-header-context-menu-surface"] button:not([data-codexhost-settings-trigger] *):hover,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-toolbar] button:not([data-codexhost-settings-trigger] *):hover {
-  background: color-mix(in srgb, ${text} 12%, transparent) !important;
-  background-color: color-mix(in srgb, ${text} 12%, transparent) !important;
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header button:not([data-harnessmix-settings-trigger] *):hover,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-pip-obstacle="app-shell-header"] button:not([data-harnessmix-settings-trigger] *):hover,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-obstacle] button:not([data-harnessmix-settings-trigger] *):hover,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-testid="app-shell-header-context-menu-surface"] button:not([data-harnessmix-settings-trigger] *):hover,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-toolbar] button:not([data-harnessmix-settings-trigger] *):hover {
+  background: color-mix(in srgb, ${text2} 12%, transparent) !important;
+  background-color: color-mix(in srgb, ${text2} 12%, transparent) !important;
 }
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-page-header] > [data-app-shell-header-toolbar] > button[aria-haspopup="menu"]:hover,
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-page-header] > [data-app-shell-header-toolbar] > button[aria-haspopup="menu"]:focus-visible {
-  color: ${text} !important;
+  color: ${text2} !important;
   background: transparent !important;
   background-color: transparent !important;
   border-color: transparent !important;
@@ -29306,17 +29895,17 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-page-header] > [da
   filter: none !important;
   outline: none !important;
 }
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header button:not([data-codexhost-settings-trigger] *):active,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-pip-obstacle="app-shell-header"] button:not([data-codexhost-settings-trigger] *):active,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-obstacle] button:not([data-codexhost-settings-trigger] *):active,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-testid="app-shell-header-context-menu-surface"] button:not([data-codexhost-settings-trigger] *):active,
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-toolbar] button:not([data-codexhost-settings-trigger] *):active {
-  background: color-mix(in srgb, ${text} 18%, transparent) !important;
-  background-color: color-mix(in srgb, ${text} 18%, transparent) !important;
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] header button:not([data-harnessmix-settings-trigger] *):active,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-pip-obstacle="app-shell-header"] button:not([data-harnessmix-settings-trigger] *):active,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-obstacle] button:not([data-harnessmix-settings-trigger] *):active,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-testid="app-shell-header-context-menu-surface"] button:not([data-harnessmix-settings-trigger] *):active,
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-header-toolbar] button:not([data-harnessmix-settings-trigger] *):active {
+  background: color-mix(in srgb, ${text2} 18%, transparent) !important;
+  background-color: color-mix(in srgb, ${text2} 18%, transparent) !important;
 }
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-page-header] > [data-app-shell-header-toolbar] > button[aria-haspopup="menu"]:active,
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-shell-page-header] > [data-app-shell-header-toolbar] > button[aria-haspopup="menu"][data-state="open"] {
-  color: ${text} !important;
+  color: ${text2} !important;
   background: transparent !important;
   background-color: transparent !important;
   border-color: transparent !important;
@@ -29376,17 +29965,17 @@ html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-tab-id] :where([class*="max-
 html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-app-action-sidebar-thread-active="true"] {
   background: linear-gradient(90deg, color-mix(in srgb, ${accent} 22%, transparent), color-mix(in srgb, ${secondary} 16%, transparent)) !important;
 }
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] :where(.border-border, .border-sidebar-border) { border-color: color-mix(in srgb, ${text} 14%, transparent) !important; }
-html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-codexhost-settings-shell] {
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] :where(.border-border, .border-sidebar-border) { border-color: color-mix(in srgb, ${text2} 14%, transparent) !important; }
+html[${RENDERER_SKIN_ATTRIBUTE}="${skin.id}"] [data-harnessmix-settings-shell] {
   --settings-bg: color-mix(in srgb, ${surface} 90%, transparent);
   --settings-sidebar: color-mix(in srgb, ${surface} 86%, ${secondary});
   --settings-panel: color-mix(in srgb, ${surface} 90%, transparent);
   --settings-surface: color-mix(in srgb, ${surface} 82%, ${secondary});
   --settings-surface-hover: color-mix(in srgb, ${surface} 72%, ${accent});
   --settings-inset: color-mix(in srgb, ${surface} 92%, ${secondary});
-  --settings-text: ${text}; --settings-muted: color-mix(in srgb, ${text} 68%, ${surface});
-  --settings-subtle: color-mix(in srgb, ${text} 52%, ${surface});
-  --settings-border: color-mix(in srgb, ${text} 14%, transparent); --settings-focus: ${accent};
+  --settings-text: ${text2}; --settings-muted: color-mix(in srgb, ${text2} 68%, ${surface});
+  --settings-subtle: color-mix(in srgb, ${text2} 52%, ${surface});
+  --settings-border: color-mix(in srgb, ${text2} 14%, transparent); --settings-focus: ${accent};
   --settings-primary: ${accent}; --settings-primary-hover: color-mix(in srgb, ${accent} 82%, white);
   --settings-primary-text: ${surface};
 }
@@ -29598,6 +30187,9 @@ ${logoCss}${polaroidCss}
       installedBadge: "Installed",
       uninstall: "Uninstall",
       uninstalling: "Removing...",
+      retry: "Retry",
+      installFailed: "Install failed",
+      uninstallFailed: "Uninstall failed",
       tip: "Select in Appearance > Pets or type /pet to wake",
       empty: "No pets match the current filter.",
       officialBadge: "Official",
@@ -29618,6 +30210,9 @@ ${logoCss}${polaroidCss}
       installedBadge: "\u5DF2\u5B89\u88C5",
       uninstall: "\u5378\u8F7D",
       uninstalling: "\u5378\u8F7D\u4E2D...",
+      retry: "\u91CD\u8BD5",
+      installFailed: "\u5B89\u88C5\u5931\u8D25",
+      uninstallFailed: "\u5378\u8F7D\u5931\u8D25",
       tip: "\u5B89\u88C5\u540E\u5728\u5B98\u65B9\u8BBE\u7F6E\u300C\u5916\u89C2 > \u684C\u5BA0\u300D\u6216\u8F93\u5165 /pet \u6307\u4EE4\u5524\u9192\u4F34\u4FA3",
       empty: "\u6CA1\u6709\u627E\u5230\u7B26\u5408\u6761\u4EF6\u7684\u684C\u5BA0\u3002",
       officialBadge: "\u5B98\u65B9\u9884\u8F7D",
@@ -29634,6 +30229,7 @@ ${logoCss}${polaroidCss}
     element.style.backgroundPosition = "0% 0%";
     let currentFrame = 0;
     let timer = null;
+    let idleTimeout = null;
     let isHovered = false;
     const tick = () => {
       currentFrame = (currentFrame + 1) % SPRITE_FRAMES;
@@ -29670,12 +30266,20 @@ ${logoCss}${polaroidCss}
     const idleInterval = window.setInterval(() => {
       if (!isHovered && timer === null) {
         startLoop();
-        setTimeout(stopLoop, FRAME_DURATION_MS * SPRITE_FRAMES);
+        if (idleTimeout !== null) window.clearTimeout(idleTimeout);
+        idleTimeout = window.setTimeout(() => {
+          idleTimeout = null;
+          stopLoop();
+        }, FRAME_DURATION_MS * SPRITE_FRAMES);
       }
     }, 4e3 + Math.random() * 3e3);
     return () => {
       stopLoop();
       clearInterval(idleInterval);
+      if (idleTimeout !== null) {
+        window.clearTimeout(idleTimeout);
+        idleTimeout = null;
+      }
       if (parentCard) {
         parentCard.removeEventListener("mouseenter", onMouseEnter);
         parentCard.removeEventListener("mouseleave", onMouseLeave);
@@ -29734,7 +30338,44 @@ ${logoCss}${polaroidCss}
         context.content.append(heading, intro, safety, toolbar, grid);
         let allPets = [];
         const imageCache = /* @__PURE__ */ new Map();
+        const petStates = /* @__PURE__ */ new Map();
+        let renderEpoch = 0;
+        const runPetOperation = (pet, op) => {
+          const client2 = getClient();
+          const current = petStates.get(pet.id);
+          if (!client2 || current && current.status !== "failed") return;
+          petStates.set(pet.id, {
+            status: op === "install" ? "installing" : "uninstalling"
+          });
+          renderGrid();
+          const settle = (installed, failure) => {
+            if (failure === null) {
+              petStates.delete(pet.id);
+            } else {
+              petStates.set(pet.id, { status: "failed", op, error: failure });
+            }
+            allPets = allPets.map(
+              (p) => p.id === pet.id ? { ...p, installed } : p
+            );
+            renderGrid();
+          };
+          const onSuccess = () => settle(op === "install", null);
+          const onFailure = (err) => settle(pet.installed, err instanceof Error ? err.message : String(err));
+          if (op === "install") {
+            void client2.install({
+              id: pet.id,
+              displayName: pet.displayName,
+              description: pet.description,
+              spritesheetUrl: pet.spritesheetUrl,
+              spriteVersionNumber: pet.spriteVersionNumber
+            }).then(onSuccess, onFailure);
+          } else {
+            void client2.uninstall(pet.id).then(onSuccess, onFailure);
+          }
+        };
         const renderGrid = () => {
+          renderEpoch += 1;
+          const epoch = renderEpoch;
           for (const d of disposers) d();
           disposers.length = 0;
           grid.replaceChildren();
@@ -29759,55 +30400,17 @@ ${logoCss}${polaroidCss}
             return;
           }
           for (const pet of filtered) {
+            const opState = petStates.get(pet.id);
             const card = document2.createElement("article");
             card.className = "pet-card";
             card.dataset.petId = pet.id;
             card.dataset.installed = String(pet.installed);
+            if (opState) card.dataset.state = opState.status;
             const stage = document2.createElement("div");
             stage.className = "pet-card__stage";
             const sprite = document2.createElement("div");
             sprite.className = "pet-card__sprite";
             stage.append(sprite);
-            const client2 = getClient();
-            const cachedImg = imageCache.get(pet.id);
-            if (cachedImg) {
-              const disposeAnim = setupSpriteAnimation(sprite, cachedImg, pet.spriteVersionNumber);
-              disposers.push(disposeAnim);
-            } else if (pet.spritesheetUrl) {
-              imageCache.set(pet.id, pet.spritesheetUrl);
-              const disposeAnim = setupSpriteAnimation(
-                sprite,
-                pet.spritesheetUrl,
-                pet.spriteVersionNumber
-              );
-              disposers.push(disposeAnim);
-            } else if (client2) {
-              void client2.preview(pet.id).then(
-                (res) => {
-                  if (res && res.dataBase64) {
-                    const dataUrl = `data:${res.mime};base64,${res.dataBase64}`;
-                    imageCache.set(pet.id, dataUrl);
-                    const disposeAnim = setupSpriteAnimation(
-                      sprite,
-                      dataUrl,
-                      pet.spriteVersionNumber
-                    );
-                    disposers.push(disposeAnim);
-                  }
-                },
-                () => {
-                  if (pet.previewUrl) {
-                    sprite.style.backgroundImage = `url("${pet.previewUrl}")`;
-                    sprite.style.backgroundSize = "contain";
-                    sprite.style.backgroundPosition = "center";
-                  }
-                }
-              );
-            } else if (pet.previewUrl) {
-              sprite.style.backgroundImage = `url("${pet.previewUrl}")`;
-              sprite.style.backgroundSize = "contain";
-              sprite.style.backgroundPosition = "center";
-            }
             const body = document2.createElement("div");
             body.className = "pet-card__body";
             const cardHeader = document2.createElement("div");
@@ -29817,7 +30420,12 @@ ${logoCss}${polaroidCss}
             title.textContent = pet.displayName;
             const badges = document2.createElement("div");
             badges.className = "pet-card__badges";
-            if (pet.installed) {
+            if (opState?.status === "failed") {
+              const b = document2.createElement("span");
+              b.className = "pet-card__badge pet-card__badge--failed";
+              b.textContent = opState.op === "install" ? copy.installFailed : copy.uninstallFailed;
+              badges.append(b);
+            } else if (pet.installed) {
               const b = document2.createElement("span");
               b.className = "pet-card__badge pet-card__badge--installed";
               b.append(createRendererSettingsIcon("check", 12), copy.installedBadge);
@@ -29844,65 +30452,96 @@ ${logoCss}${polaroidCss}
             hint.textContent = copy.tip;
             const actions = document2.createElement("div");
             actions.className = "pet-card__actions";
-            if (pet.installed) {
+            if (opState?.status === "installing" || opState?.status === "uninstalling") {
+              const busyBtn = document2.createElement("button");
+              busyBtn.type = "button";
+              busyBtn.className = opState.status === "installing" ? "pet-btn pet-btn--primary" : "pet-btn pet-btn--danger";
+              busyBtn.disabled = true;
+              busyBtn.textContent = opState.status === "installing" ? copy.installing : copy.uninstalling;
+              actions.append(busyBtn);
+            } else if (opState?.status === "failed") {
+              const retryBtn = document2.createElement("button");
+              retryBtn.type = "button";
+              retryBtn.className = opState.op === "install" ? "pet-btn pet-btn--primary" : "pet-btn pet-btn--danger";
+              retryBtn.textContent = copy.retry;
+              retryBtn.addEventListener("click", () => runPetOperation(pet, opState.op));
+              actions.append(retryBtn);
+            } else if (pet.installed) {
               const uninstallBtn = document2.createElement("button");
               uninstallBtn.type = "button";
               uninstallBtn.className = "pet-btn pet-btn--danger";
               uninstallBtn.textContent = copy.uninstall;
-              uninstallBtn.addEventListener("click", () => {
-                if (!client2) return;
-                uninstallBtn.disabled = true;
-                uninstallBtn.textContent = copy.uninstalling;
-                void client2.uninstall(pet.id).then(
-                  () => {
-                    allPets = allPets.map(
-                      (p) => p.id === pet.id ? { ...p, installed: false } : p
-                    );
-                    renderGrid();
-                  },
-                  (err) => {
-                    uninstallBtn.disabled = false;
-                    uninstallBtn.textContent = copy.uninstall;
-                    alert(err instanceof Error ? err.message : String(err));
-                  }
-                );
-              });
+              uninstallBtn.addEventListener(
+                "click",
+                () => runPetOperation(pet, "uninstall")
+              );
               actions.append(uninstallBtn);
             } else {
               const installBtn = document2.createElement("button");
               installBtn.type = "button";
               installBtn.className = "pet-btn pet-btn--primary";
               installBtn.textContent = copy.install;
-              installBtn.addEventListener("click", () => {
-                if (!client2) return;
-                installBtn.disabled = true;
-                installBtn.textContent = copy.installing;
-                void client2.install({
-                  id: pet.id,
-                  displayName: pet.displayName,
-                  description: pet.description,
-                  spritesheetUrl: pet.spritesheetUrl,
-                  spriteVersionNumber: pet.spriteVersionNumber
-                }).then(
-                  () => {
-                    allPets = allPets.map(
-                      (p) => p.id === pet.id ? { ...p, installed: true } : p
-                    );
-                    renderGrid();
-                  },
-                  (err) => {
-                    installBtn.disabled = false;
-                    installBtn.textContent = copy.install;
-                    alert(err instanceof Error ? err.message : String(err));
-                  }
-                );
-              });
+              installBtn.addEventListener(
+                "click",
+                () => runPetOperation(pet, "install")
+              );
               actions.append(installBtn);
             }
             footer.append(hint, actions);
-            body.append(cardHeader, desc, footer);
+            if (opState?.status === "failed") {
+              const errorBox = document2.createElement("div");
+              errorBox.className = "pet-card__error";
+              errorBox.textContent = opState.error;
+              body.append(cardHeader, desc, errorBox, footer);
+            } else if (opState) {
+              const statusLine = document2.createElement("div");
+              statusLine.className = "pet-card__status";
+              statusLine.textContent = opState.status === "installing" ? copy.installing : copy.uninstalling;
+              body.append(cardHeader, desc, statusLine, footer);
+            } else {
+              body.append(cardHeader, desc, footer);
+            }
             card.append(stage, body);
             grid.append(card);
+            const cachedImg = imageCache.get(pet.id);
+            if (cachedImg) {
+              disposers.push(
+                setupSpriteAnimation(sprite, cachedImg, pet.spriteVersionNumber)
+              );
+            } else if (pet.spritesheetUrl) {
+              imageCache.set(pet.id, pet.spritesheetUrl);
+              disposers.push(
+                setupSpriteAnimation(sprite, pet.spritesheetUrl, pet.spriteVersionNumber)
+              );
+            } else {
+              const showStaticPreview = () => {
+                if (!pet.previewUrl) return;
+                sprite.style.backgroundImage = `url("${pet.previewUrl}")`;
+                sprite.style.backgroundSize = "contain";
+                sprite.style.backgroundPosition = "center";
+              };
+              const client2 = getClient();
+              if (client2) {
+                void client2.preview(pet.id).then(
+                  (res) => {
+                    if (epoch !== renderEpoch || !sprite.isConnected) return;
+                    if (res && res.dataBase64) {
+                      const dataUrl = `data:${res.mime};base64,${res.dataBase64}`;
+                      imageCache.set(pet.id, dataUrl);
+                      disposers.push(
+                        setupSpriteAnimation(sprite, dataUrl, pet.spriteVersionNumber)
+                      );
+                    }
+                  },
+                  () => {
+                    if (epoch !== renderEpoch || !sprite.isConnected) return;
+                    showStaticPreview();
+                  }
+                );
+              } else {
+                showStaticPreview();
+              }
+            }
           }
         };
         for (const t of tabs) {
@@ -29941,8 +30580,18 @@ ${logoCss}${polaroidCss}
           );
         }
         return () => {
+          renderEpoch += 1;
           for (const d of disposers) d();
           disposers.length = 0;
+          for (const url2 of imageCache.values()) {
+            if (url2.startsWith("blob:")) {
+              try {
+                URL.revokeObjectURL(url2);
+              } catch {
+              }
+            }
+          }
+          imageCache.clear();
         };
       }
     });
@@ -29992,9 +30641,9 @@ ${logoCss}${polaroidCss}
   }
 
   // src/native-ui/renderer-extension/src/settings/pages.ts
-  var CODEXHOST_GITHUB_REPOSITORY_URL = "https://github.com/emo-xiaoyu/harness-mix";
-  var CODEXHOST_RELEASES_LATEST_URL = `${CODEXHOST_GITHUB_REPOSITORY_URL}/releases/latest`;
-  var CODEXHOST_NPM_MANUAL_UPDATE_COMMAND = "npm install -g harness-mix@latest";
+  var HARNESSMIX_GITHUB_REPOSITORY_URL = "https://github.com/emo-xiaoyu/harness-mix";
+  var HARNESSMIX_RELEASES_LATEST_URL = `${HARNESSMIX_GITHUB_REPOSITORY_URL}/releases/latest`;
+  var HARNESSMIX_NPM_MANUAL_UPDATE_COMMAND = "npm install -g harness-mix@latest";
   function rendererUserAgentData(navigator2) {
     return navigator2.userAgentData;
   }
@@ -30095,7 +30744,7 @@ ${logoCss}${polaroidCss}
         checkUpdateBtn.className = "settings-command-button settings-command-button--secondary";
         checkUpdateBtn.append(createRendererSettingsIcon("updates", 14), messages.checkUpdateNow);
         checkUpdateBtn.addEventListener("click", () => {
-          const shell = document2.querySelector("[data-codexhost-settings-shell]");
+          const shell = document2.querySelector("[data-harnessmix-settings-shell]");
           const updatesNavBtn = (shell?.shadowRoot ?? document2).querySelector(
             'button[data-page-id="updates"]'
           );
@@ -30118,11 +30767,11 @@ ${logoCss}${polaroidCss}
         openSource.textContent = messages.aboutOpenSource;
         const repository = document2.createElement("a");
         repository.className = "settings-about-repository-link";
-        repository.href = CODEXHOST_GITHUB_REPOSITORY_URL;
+        repository.href = HARNESSMIX_GITHUB_REPOSITORY_URL;
         repository.target = "_blank";
         repository.rel = "noopener noreferrer";
         const repositoryUrl = document2.createElement("code");
-        repositoryUrl.textContent = CODEXHOST_GITHUB_REPOSITORY_URL;
+        repositoryUrl.textContent = HARNESSMIX_GITHUB_REPOSITORY_URL;
         repository.append(
           createRendererSettingsIcon("external-link", 14),
           messages.aboutRepository,
@@ -30193,7 +30842,7 @@ ${logoCss}${polaroidCss}
         const manualNpmCommandRow = document2.createElement("div");
         manualNpmCommandRow.className = "settings-update-command";
         const manualNpmCommand = document2.createElement("code");
-        manualNpmCommand.textContent = CODEXHOST_NPM_MANUAL_UPDATE_COMMAND;
+        manualNpmCommand.textContent = HARNESSMIX_NPM_MANUAL_UPDATE_COMMAND;
         const copyCommand = document2.createElement("button");
         copyCommand.type = "button";
         copyCommand.className = "settings-update-command__copy";
@@ -30211,7 +30860,7 @@ ${logoCss}${polaroidCss}
             restore(messages.updateCopyFailed);
             return;
           }
-          void clipboard.writeText(CODEXHOST_NPM_MANUAL_UPDATE_COMMAND).then(
+          void clipboard.writeText(HARNESSMIX_NPM_MANUAL_UPDATE_COMMAND).then(
             () => restore(messages.updateCommandCopied),
             () => restore(messages.updateCopyFailed)
           );
@@ -30228,7 +30877,7 @@ ${logoCss}${polaroidCss}
         manualWindowsInstallerActions.className = "settings-update-actions";
         const manualWindowsInstallerLink = document2.createElement("a");
         manualWindowsInstallerLink.className = "settings-update-link";
-        manualWindowsInstallerLink.href = CODEXHOST_RELEASES_LATEST_URL;
+        manualWindowsInstallerLink.href = HARNESSMIX_RELEASES_LATEST_URL;
         manualWindowsInstallerLink.target = "_blank";
         manualWindowsInstallerLink.rel = "noopener noreferrer";
         manualWindowsInstallerLink.append(
@@ -30244,7 +30893,7 @@ ${logoCss}${polaroidCss}
         actions.className = "settings-update-actions";
         const releaseLink = document2.createElement("a");
         releaseLink.className = "settings-update-link";
-        releaseLink.href = CODEXHOST_RELEASES_LATEST_URL;
+        releaseLink.href = HARNESSMIX_RELEASES_LATEST_URL;
         releaseLink.target = "_blank";
         releaseLink.rel = "noopener noreferrer";
         releaseLink.append(
@@ -30489,7 +31138,7 @@ ${logoCss}${polaroidCss}
   }
 
   // src/native-ui/renderer-extension/src/settings/shell.css
-  var shell_default = ':host {\r\n  --settings-bg: light-dark(#ffffff, #202020);\r\n  --settings-sidebar: light-dark(#f7f7f8, #191919);\r\n  --settings-panel: light-dark(#ffffff, #232323);\r\n  --settings-surface: light-dark(#f6f6f6, #292929);\r\n  --settings-surface-hover: light-dark(#eeeeee, #303030);\r\n  --settings-inset: light-dark(#f3f3f3, #161616);\r\n  --settings-text: light-dark(#0d0d0d, #ececec);\r\n  --settings-muted: light-dark(#676767, #a3a3a3);\r\n  --settings-subtle: light-dark(#8a8a8a, #777777);\r\n  --settings-border: light-dark(rgb(13 13 13 / 9%), rgb(255 255 255 / 9%));\r\n  --settings-divider: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 7%));\r\n  --settings-hover: light-dark(rgb(13 13 13 / 5%), rgb(255 255 255 / 7%));\r\n  --settings-active: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 9%));\r\n  --settings-focus: light-dark(#0b75d1, #66aaf9);\r\n  --settings-primary: light-dark(#171717, #f4f4f4);\r\n  --settings-primary-hover: light-dark(#2f2f2f, #ffffff);\r\n  --settings-primary-text: light-dark(#ffffff, #171717);\r\n  --settings-warning: light-dark(#8a5500, #f5c96a);\r\n  --settings-warning-bg: light-dark(#fff8e6, rgb(245 201 106 / 8%));\r\n  --settings-warning-border: light-dark(#ead8a8, rgb(245 201 106 / 24%));\r\n  --settings-danger: light-dark(#b42318, #f87171);\r\n  --settings-danger-bg: light-dark(#fff1f0, rgb(239 68 68 / 8%));\r\n  --settings-danger-border: light-dark(#f3c7c3, rgb(239 68 68 / 22%));\r\n  --settings-success: light-dark(#16784a, #4ade80);\r\n  color: var(--settings-text);\r\n  color-scheme: inherit;\r\n  font:\r\n    13px/1.5 system-ui,\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    "Segoe UI",\r\n    sans-serif;\r\n  letter-spacing: 0;\r\n}\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box;\r\n  letter-spacing: 0;\r\n}\r\n\r\nbutton,\r\ninput,\r\nselect {\r\n  font: inherit;\r\n}\r\n\r\nbutton {\r\n  color: inherit;\r\n}\r\n\r\n[hidden] {\r\n  display: none !important;\r\n}\r\n\r\n.settings-visually-hidden {\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 1px;\r\n  padding: 0;\r\n  margin: -1px;\r\n  overflow: hidden;\r\n  clip-path: inset(50%);\r\n  white-space: nowrap;\r\n  border: 0;\r\n}\r\n\r\n.codexhost-settings-dialog {\r\n  width: min(1120px, calc(100vw - 48px));\r\n  height: min(780px, calc(100vh - 88px));\r\n  max-width: none;\r\n  max-height: calc(100vh - 88px);\r\n  margin-top: max(56px, calc((100vh - 780px) / 2));\r\n  margin-inline: auto;\r\n  margin-bottom: auto;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  color: var(--settings-text);\r\n  background: var(--settings-bg);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 14px;\r\n  box-shadow: light-dark(0 16px 42px rgb(0 0 0 / 16%), 0 20px 54px rgb(0 0 0 / 42%));\r\n}\r\n\r\n.codexhost-settings-dialog::backdrop {\r\n  background: light-dark(rgb(0 0 0 / 24%), rgb(0 0 0 / 56%));\r\n  backdrop-filter: blur(1px);\r\n}\r\n\r\n.settings-frame,\r\n.settings-layout {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-width: 0;\r\n  min-height: 0;\r\n}\r\n\r\n.settings-frame {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.settings-layout {\r\n  flex: 1;\r\n  display: grid;\r\n  grid-template-columns: 184px minmax(0, 1fr);\r\n  background: var(--settings-bg);\r\n}\r\n\r\n.settings-sidebar {\r\n  display: flex;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  background: var(--settings-sidebar);\r\n  border-right: 1px solid var(--settings-border);\r\n  padding-top: 14px;\r\n}\r\n\r\n.settings-header {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  height: 50px;\r\n  flex: none;\r\n  padding: 0 16px;\r\n  border-bottom: 1px solid var(--settings-border);\r\n}\r\n\r\n.settings-header-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: none;\r\n  gap: 12px;\r\n  margin-left: auto;\r\n}\r\n\r\n.settings-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 7px;\r\n}\r\n\r\n.settings-brand__mark {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  flex: none;\r\n  color: var(--settings-text);\r\n}\r\n\r\n.settings-brand__mark .codexhost-settings-icon {\r\n  width: 24px;\r\n  height: 24px;\r\n  object-fit: contain;\r\n}\r\n\r\n.settings-brand__copy {\r\n  display: flex;\r\n  min-width: 0;\r\n  align-items: baseline;\r\n  gap: 0;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-brand__name {\r\n  overflow: hidden;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-brand__title {\r\n  margin-left: 8px;\r\n  padding-left: 8px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  font-weight: 400;\r\n  border-left: 1px solid var(--settings-border);\r\n}\r\n\r\n.settings-nav {\r\n  display: flex;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 0 7px 10px;\r\n  overflow-y: auto;\r\n}\r\n\r\n.settings-nav-section-label {\r\n  min-height: 24px;\r\n  padding: 4px 9px 2px;\r\n  color: var(--settings-subtle);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-nav-section-label:not(:first-child) {\r\n  margin-top: 8px;\r\n}\r\n\r\n.settings-nav-button {\r\n  display: grid;\r\n  grid-template-columns: 16px minmax(0, 1fr);\r\n  align-items: center;\r\n  width: 100%;\r\n  position: relative;\r\n  min-height: 34px;\r\n  flex: none;\r\n  gap: 9px;\r\n  padding: 6px 9px;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n  text-align: left;\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-nav-button .codexhost-settings-icon {\r\n  width: 16px;\r\n  height: 16px;\r\n  opacity: 0.9;\r\n}\r\n\r\n.settings-nav-button:hover {\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-nav-button[aria-current="page"] {\r\n  background: var(--settings-active);\r\n  color: var(--settings-text);\r\n  font-weight: 500;\r\n}\r\n\r\n.settings-nav-button span {\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-nav-star-link {\r\n  margin-top: 0;\r\n  color: var(--settings-text);\r\n  text-decoration: none;\r\n}\r\n\r\n.settings-nav-star-link .codexhost-settings-icon {\r\n  color: var(--settings-warning);\r\n}\r\n\r\n.settings-nav-star-link:hover {\r\n  color: var(--settings-warning);\r\n  background: var(--settings-warning-bg);\r\n}\r\n\r\n.settings-icon-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 32px;\r\n  flex: none;\r\n  padding: 0;\r\n  color: var(--settings-muted);\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: background-color 0.15s ease, color 0.15s ease, transform 0.08s ease;\r\n}\r\n\r\n.settings-icon-button:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-icon-button:active {\r\n  background: var(--settings-active);\r\n  transform: scale(0.95);\r\n}\r\n\r\n.settings-header-actions .settings-icon-button {\r\n  width: 34px;\r\n  height: 34px;\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-header-actions .settings-icon-button:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-icon-button:focus-visible,\r\n.settings-nav-button:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 1px;\r\n}\r\n\r\n.settings-page {\r\n  display: block;\r\n  position: relative;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  overflow-y: auto;\r\n  background: var(--settings-bg);\r\n  scrollbar-gutter: stable;\r\n}\r\n\r\n.settings-page__content {\r\n  width: min(930px, calc(100% - 80px));\r\n  margin-inline: auto;\r\n}\r\n\r\n.settings-page__content {\r\n  min-width: 0;\r\n  padding: 28px 0 36px;\r\n}\r\n\r\n.settings-section-label {\r\n  min-height: auto;\r\n  margin: 0;\r\n  padding: 0 0 18px;\r\n  color: var(--settings-text);\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  line-height: 26px;\r\n}\r\n\r\n.settings-status-list,\r\n.settings-empty {\r\n  overflow: hidden;\r\n  background: var(--settings-panel);\r\n}\r\n\r\n.settings-status-row {\r\n  display: grid;\r\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\r\n  position: relative;\r\n  align-items: center;\r\n  min-height: 72px;\r\n  gap: 20px;\r\n  padding: 12px 0;\r\n}\r\n\r\n.settings-status-row:not(:last-child)::after {\r\n  content: "";\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  height: 1px;\r\n  background: var(--settings-divider);\r\n}\r\n\r\n.settings-status-row__identity {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  color: var(--settings-text);\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-status-row__icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 36px;\r\n  height: 36px;\r\n  flex: none;\r\n  color: var(--settings-muted);\r\n  background: var(--settings-surface);\r\n  border-radius: 50%;\r\n}\r\n\r\n.settings-status-badge {\r\n  flex: none;\r\n  padding: 3px 8px;\r\n  color: var(--settings-muted);\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-status-row__detail {\r\n  min-width: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-page-description {\r\n  max-width: 760px;\r\n  margin: -10px 0 20px;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-session-import-header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n}\r\n\r\n.settings-session-import-header .settings-section-label {\r\n  min-width: 0;\r\n}\r\n\r\n.settings-session-import-harness {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  margin: -12px 0 16px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n}\r\n\r\n.settings-session-import-harness > span {\r\n  flex: none;\r\n}\r\n\r\n.settings-session-import-harness__options {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  flex: 1;\r\n  gap: 6px;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  scrollbar-width: none;\r\n}\r\n\r\n.settings-session-import-harness__options::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.settings-session-import-harness__option {\r\n  min-height: 32px;\r\n  flex: none;\r\n  padding: 6px 10px;\r\n  color: var(--settings-muted);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  white-space: nowrap;\r\n  background: rgb(255 255 255 / 4%);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-session-import-harness__option[aria-pressed="true"] {\r\n  color: var(--settings-text);\r\n  background: var(--settings-active);\r\n  border-color: rgb(51 156 255 / 50%);\r\n}\r\n\r\n.settings-session-import-harness__option:disabled {\r\n  opacity: 0.38;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.settings-session-import-harness__option:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-session-import-harness + .settings-page-description {\r\n  margin-top: 0;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.settings-session-import-availability-note {\r\n  margin-top: 0;\r\n}\r\n\r\n.settings-session-import-search,\r\n.settings-session-import-pagination {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin: 16px 0;\r\n}\r\n\r\n.settings-session-import-search input {\r\n  flex: 1;\r\n  min-width: 160px;\r\n}\r\n\r\n.settings-session-import-search input,\r\n.settings-session-import-pagination select {\r\n  min-height: 36px;\r\n  padding: 6px 10px;\r\n  color: var(--settings-text);\r\n  background: var(--settings-bg);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-session-import-search input:focus-visible,\r\n.settings-session-import-pagination select:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-session-import-pagination {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n}\r\n\r\n.settings-session-import-pagination label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-session-import-pagination > span {\r\n  flex: 1;\r\n  min-width: 130px;\r\n}\r\n\r\n.settings-session-import-pagination__navigation {\r\n  display: flex;\r\n  gap: 8px;\r\n  margin-left: auto;\r\n}\r\n\r\n.settings-session-import-content,\r\n.settings-session-import-list {\r\n  display: grid;\r\n  gap: 10px;\r\n}\r\n\r\n.settings-session-import-status {\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 64px;\r\n  gap: 12px;\r\n  padding: 16px;\r\n  color: var(--settings-muted);\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-session-import-status.is-error {\r\n  color: #ef4444;\r\n}\r\n\r\n.settings-session-import-recovery {\r\n  display: grid;\r\n  justify-items: start;\r\n  gap: 14px;\r\n  padding: 16px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-session-import-recovery:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-session-import-recovery__copy {\r\n  display: grid;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-session-import-recovery__copy strong {\r\n  color: var(--settings-text);\r\n  font-size: 14px;\r\n}\r\n\r\n.settings-session-import-recovery__copy p {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-session-import-recovery__path {\r\n  display: flex;\r\n  align-items: stretch;\r\n  width: 100%;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-session-import-recovery__path code {\r\n  min-width: 0;\r\n  flex: 1;\r\n  padding: 8px 10px;\r\n  overflow-x: auto;\r\n  color: var(--settings-text);\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-session-import-recovery__path .settings-command-button {\r\n  min-height: 0;\r\n  flex: none;\r\n  border-width: 0 0 0 1px;\r\n  border-radius: 0;\r\n}\r\n\r\n.settings-session-import-row {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) auto;\r\n  align-items: center;\r\n  gap: 20px;\r\n  min-width: 0;\r\n  padding: 16px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-session-import-row__copy {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-session-import-row__copy strong {\r\n  overflow: hidden;\r\n  color: var(--settings-text);\r\n  font-size: 14px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-session-import-row__copy span,\r\n.settings-session-import-row__cwd {\r\n  overflow: hidden;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-session-import-row__cwd {\r\n  display: block;\r\n  min-width: 0;\r\n  background: transparent;\r\n}\r\n\r\n.settings-session-import-row__action {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-session-import-running {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n}\r\n\r\n.settings-preference-row {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 32px;\r\n  min-height: 88px;\r\n  padding: 18px 0;\r\n  border-top: 1px solid var(--settings-divider);\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-preference-row__copy {\r\n  display: flex;\r\n  flex: 1 1 auto;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n  gap: 5px;\r\n}\r\n\r\n.settings-preference-row__copy strong {\r\n  color: var(--settings-text);\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-preference-row__copy span {\r\n  max-width: 680px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-preference-switch {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  width: 42px;\r\n  height: 24px;\r\n  flex: none;\r\n  padding: 2px;\r\n  border: 0;\r\n  border-radius: 999px;\r\n  background: var(--settings-surface-hover);\r\n  cursor: pointer;\r\n  transition: background 120ms ease;\r\n}\r\n\r\n.settings-preference-switch[aria-checked="true"] {\r\n  justify-content: flex-end;\r\n  background: var(--settings-focus);\r\n}\r\n\r\n.settings-preference-switch:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-preference-switch__thumb {\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 50%;\r\n  background: var(--settings-primary-text);\r\n  box-shadow: 0 1px 3px rgb(0 0 0 / 24%);\r\n}\r\n\r\n.settings-connection-page-header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 18px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.settings-connection-page-header .settings-section-label {\r\n  padding-bottom: 0;\r\n}\r\n\r\n.settings-connection-page-header .settings-page-description {\r\n  margin: 5px 0 0;\r\n}\r\n\r\n.settings-connections-content,\r\n.settings-connections-layout,\r\n.settings-connection-list,\r\n.settings-connection-rows {\r\n  min-width: 0;\r\n}\r\n\r\n.settings-connections-layout {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);\r\n  align-items: start;\r\n  gap: 18px;\r\n}\r\n\r\n.settings-connection-list,\r\n.settings-connection-inspector {\r\n  overflow: hidden;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-host-strip {\r\n  display: grid;\r\n  grid-template-columns: 30px minmax(0, 1fr) 30px;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 5px;\r\n  padding: 9px 10px;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-host-scroll {\r\n  display: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 30px;\r\n  height: 34px;\r\n  padding: 0;\r\n  color: var(--settings-muted);\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-host-strip[data-connection-host-overflow="true"]\r\n  .settings-connection-host-scroll {\r\n  display: inline-flex;\r\n}\r\n\r\n.settings-connection-host-strip:not([data-connection-host-overflow="true"]) {\r\n  grid-template-columns: minmax(0, 1fr);\r\n}\r\n\r\n.settings-connection-host-scroll:hover:not(:disabled) {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-host-scroll:disabled {\r\n  cursor: default;\r\n  opacity: 0.35;\r\n}\r\n\r\n.settings-connection-host-scroll:focus-visible,\r\n.settings-connection-host-tab:focus-visible,\r\n.settings-connection-row:focus-visible,\r\n.settings-connection-install-link:focus-visible,\r\n.settings-connection-view-error:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 1px;\r\n}\r\n\r\n.settings-connection-host-tabs {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 6px;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  overscroll-behavior-x: contain;\r\n  scrollbar-width: none;\r\n  scroll-behavior: smooth;\r\n  scroll-snap-type: x proximity;\r\n  touch-action: pan-x;\r\n}\r\n\r\n.settings-connection-host-tabs::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.settings-connection-host-tab {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  height: 30px;\r\n  min-width: max-content;\r\n  flex: none;\r\n  padding: 0 9px;\r\n  color: var(--settings-muted);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  white-space: nowrap;\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 7px;\r\n  cursor: pointer;\r\n  scroll-snap-align: start;\r\n}\r\n\r\n.settings-connection-host-tab:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-host-tab[aria-selected="true"] {\r\n  color: var(--settings-text);\r\n  font-weight: 600;\r\n  background: var(--settings-active);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-connection-table-header,\r\n.settings-connection-row {\r\n  display: grid;\r\n  grid-template-columns: minmax(160px, 1fr) minmax(92px, auto) 108px;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 10px;\r\n}\r\n\r\n.settings-connection-table-header {\r\n  min-height: 30px;\r\n  padding: 0 10px;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  line-height: 16px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.06em;\r\n  background: transparent;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-row {\r\n  min-height: 52px;\r\n  padding: 8px 10px;\r\n  cursor: pointer;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-row:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n.settings-connection-row:hover {\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-row[data-connection-selected="true"] {\r\n  background: var(--settings-surface);\r\n}\r\n\r\n.settings-connection-row__identity,\r\n.settings-connection-inspector__identity {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 8px;\r\n  color: var(--settings-text);\r\n}\r\n\r\n.settings-connection-row__identity strong,\r\n.settings-connection-inspector__identity strong {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-row__mark {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 24px;\r\n  height: 24px;\r\n  flex: none;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  background: var(--settings-surface);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-connection-row__mark--logo {\r\n  color: var(--settings-text);\r\n  background: transparent;\r\n}\r\n\r\n.settings-connection-row__mark--logo > img,\r\n.settings-connection-row__mark--logo > svg {\r\n  display: block;\r\n  max-width: 18px;\r\n  max-height: 18px;\r\n}\r\n\r\n.settings-connection-row__status {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  gap: 5px;\r\n  color: var(--settings-muted);\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-row__status::before {\r\n  width: 6px;\r\n  height: 6px;\r\n  flex: none;\r\n  content: "";\r\n  background: currentColor;\r\n  border-radius: 50%;\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="ready"] {\r\n  color: var(--settings-success);\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="checking"] {\r\n  color: var(--settings-warning);\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="setup"] {\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="setup"]::before {\r\n  background: transparent;\r\n  border: 1.5px solid currentColor;\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="failed"] {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-connection-row__action {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  min-width: 0;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-connection-row__handle {\r\n  display: inline-flex;\r\n  flex: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  color: var(--settings-muted);\r\n  cursor: grab;\r\n  opacity: 0.6;\r\n}\r\n\r\n.settings-connection-row__handle:hover {\r\n  opacity: 1;\r\n}\r\n\r\n.settings-connection-row[draggable="true"] {\r\n  cursor: grab;\r\n}\r\n\r\n.settings-connection-row[data-connection-dragging="true"] {\r\n  opacity: 0.4;\r\n}\r\n\r\n.settings-connection-row[data-connection-drop-indicator="before"] {\r\n  box-shadow: inset 0 2px 0 0 var(--settings-focus);\r\n}\r\n\r\n.settings-connection-row[data-connection-drop-indicator="after"] {\r\n  box-shadow: inset 0 -2px 0 0 var(--settings-focus);\r\n}\r\n\r\n.settings-connection-row__group-toggle {\r\n  display: inline-flex;\r\n  flex: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  color: var(--settings-muted);\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-row__group-toggle:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-group-divider {\r\n  padding: 10px 12px 6px;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  line-height: 16px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.06em;\r\n  /* No border-top here: the row immediately above already carries its own\r\n     border-bottom (it is no longer :last-child once this divider follows\r\n     it), so adding one here would double the separator line. */\r\n}\r\n\r\n.settings-connection-group-more[data-connection-drag-over="true"] {\r\n  background: rgb(51 156 255 / 8%);\r\n}\r\n\r\n.settings-connection-group-hint {\r\n  display: grid;\r\n  gap: 3px;\r\n  margin: 0 12px 12px;\r\n  padding: 14px 16px;\r\n  text-align: center;\r\n  border: 1.5px dashed var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-group-more[data-connection-drag-over="true"] .settings-connection-group-hint {\r\n  border-color: var(--settings-focus);\r\n}\r\n\r\n.settings-connection-group-hint strong {\r\n  color: var(--settings-text);\r\n  font-size: 12.5px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-group-hint span {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 17px;\r\n}\r\n\r\n.settings-connection-group-reset {\r\n  display: flex;\r\n  width: 100%;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 10px 12px;\r\n  color: var(--settings-muted);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  text-align: left;\r\n  background: transparent;\r\n  border: 0;\r\n  border-top: 1px solid var(--settings-divider);\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-group-reset:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-install-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  color: var(--settings-focus);\r\n  text-decoration: none;\r\n  background: transparent;\r\n  border: 1px solid transparent;\r\n  border-radius: 7px;\r\n  opacity: 0;\r\n  transition: opacity 120ms ease;\r\n}\r\n\r\n.settings-connection-row:hover .settings-connection-install-link,\r\n.settings-connection-install-link:focus-visible {\r\n  opacity: 1;\r\n}\r\n\r\n.settings-connection-install-link:hover {\r\n  color: var(--settings-focus);\r\n  background: var(--settings-active);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-connection-view-error {\r\n  padding: 4px 7px;\r\n  color: var(--settings-danger);\r\n  font: inherit;\r\n  font-size: 11px;\r\n  line-height: 18px;\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-view-error:hover {\r\n  color: var(--settings-danger);\r\n  background: var(--settings-danger-bg);\r\n}\r\n\r\n.settings-connection-inspector {\r\n  position: sticky;\r\n  top: 18px;\r\n}\r\n\r\n.settings-connection-inspector__header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  min-width: 0;\r\n  gap: 10px;\r\n  padding: 12px;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-inspector__body {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  padding: 12px;\r\n}\r\n\r\n.settings-connection-install-callout {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  padding: 14px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-install-head {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  min-width: 0;\r\n}\r\n\r\n.settings-connection-install-head > div {\r\n  min-width: 0;\r\n  flex: 1;\r\n}\r\n\r\n.settings-connection-install-callout__icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 32px;\r\n  flex: none;\r\n  color: var(--settings-focus);\r\n  background: var(--settings-active);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-connection-install-callout strong,\r\n.settings-connection-install-head strong,\r\n.settings-connection-error-summary strong,\r\n.settings-connection-state-summary strong {\r\n  display: block;\r\n  margin: 0 0 4px;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 19px;\r\n}\r\n\r\n.settings-connection-install-callout p,\r\n.settings-connection-install-head p,\r\n.settings-connection-error-summary p,\r\n.settings-connection-state-summary p,\r\n.settings-connection-issue-note {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-install-button {\r\n  width: 100%;\r\n}\r\n\r\n.settings-connection-error-summary {\r\n  padding: 13px 14px;\r\n  color: var(--settings-danger);\r\n  background: var(--settings-danger-bg);\r\n  border: 1px solid var(--settings-danger-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-error-metadata {\r\n  display: grid;\r\n  gap: 7px;\r\n  padding: 12px;\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 9px;\r\n}\r\n\r\n.settings-connection-detail-line {\r\n  display: grid;\r\n  grid-template-columns: 92px minmax(0, 1fr);\r\n  gap: 10px;\r\n  min-width: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  line-height: 16px;\r\n}\r\n\r\n.settings-connection-detail-line code {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  color: var(--settings-text);\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  white-space: pre-wrap;\r\n}\r\n\r\n.settings-connection-error-log-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 10px;\r\n}\r\n\r\n.settings-connection-error-log-header strong {\r\n  color: var(--settings-text);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n}\r\n\r\n.settings-connection-error-log-header .settings-command-button {\r\n  min-height: 30px;\r\n  padding: 5px 9px;\r\n  font-size: 11px;\r\n}\r\n\r\n.settings-connection-stderr {\r\n  max-height: 220px;\r\n  min-width: 0;\r\n  margin: 0;\r\n  padding: 11px;\r\n  overflow: auto;\r\n  color: var(--settings-text);\r\n  font:\r\n    10px/16px ui-monospace,\r\n    "SFMono-Regular",\r\n    Consolas,\r\n    "Liberation Mono",\r\n    monospace;\r\n  white-space: pre-wrap;\r\n  overflow-wrap: anywhere;\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 9px;\r\n}\r\n\r\n.settings-connection-error-actions {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr);\r\n  gap: 8px;\r\n}\r\n\r\n.settings-connection-error-actions .settings-command-button {\r\n  width: 100%;\r\n}\r\n\r\n.settings-connection-issue-note {\r\n  margin-top: -4px;\r\n}\r\n\r\n.settings-connection-state-summary {\r\n  padding: 14px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-empty {\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 72px;\r\n  padding: 12px 16px;\r\n}\r\n\r\n.settings-empty > div {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 2px;\r\n}\r\n\r\n.settings-empty strong {\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  line-height: 19px;\r\n}\r\n\r\n.settings-empty span {\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 19px;\r\n}\r\n\r\n.settings-about-panel {\r\n  display: grid;\r\n  max-width: 720px;\r\n  gap: 18px;\r\n  padding: 24px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 12px;\r\n}\r\n\r\n.settings-about-product {\r\n  color: var(--settings-text);\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  line-height: 32px;\r\n}\r\n\r\n.settings-about-tagline {\r\n  color: var(--settings-text);\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n}\r\n\r\n.settings-about-version-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin: 4px 0 8px;\r\n}\r\n\r\n.settings-about-version-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--settings-text);\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  padding: 4px 10px;\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-about-copy {\r\n  display: grid;\r\n  max-width: 660px;\r\n  gap: 12px;\r\n}\r\n\r\n.settings-about-copy p,\r\n.settings-about-repository p {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 21px;\r\n}\r\n\r\n.settings-about-star-callout {\r\n  margin: 2px 0;\r\n  color: var(--settings-warning);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-about-repository {\r\n  display: grid;\r\n  gap: 10px;\r\n  padding-top: 18px;\r\n  border-top: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-about-repository-link {\r\n  display: flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  min-width: 0;\r\n  max-width: 100%;\r\n  gap: 8px;\r\n  color: var(--settings-focus);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n}\r\n\r\n.settings-about-repository-link:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.settings-about-repository-link code {\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  color: var(--settings-muted);\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  font-size: 11px;\r\n  font-weight: 400;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-page-error {\r\n  padding: 16px;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 20px;\r\n}\r\n\r\n.settings-update-metadata {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 24px;\r\n  margin-bottom: 24px;\r\n  padding: 0 4px 20px;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-update-metadata__item {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-update-metadata__item span {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-update-metadata__item strong {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  color: var(--settings-text);\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  line-height: 22px;\r\n}\r\n\r\n/* The only emphasis on this screen: a latest version newer than the installed one. */\r\n.settings-update-metadata__value--newer {\r\n  color: var(--settings-focus);\r\n}\r\n\r\n.settings-update-panel {\r\n  display: grid;\r\n  gap: 12px;\r\n  padding: 20px;\r\n  color: var(--settings-text);\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-update-panel__head {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-update-panel__head .codexhost-settings-icon {\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-update-panel[data-update-state="available"] .codexhost-settings-icon,\r\n.settings-update-panel[data-update-state="downloading"] .codexhost-settings-icon,\r\n.settings-update-panel[data-update-state="installing"] .codexhost-settings-icon,\r\n.settings-update-panel[data-update-state="restarting"] .codexhost-settings-icon {\r\n  color: var(--settings-focus);\r\n}\r\n\r\n.settings-update-panel[data-update-state="current"] .codexhost-settings-icon {\r\n  color: var(--settings-success);\r\n}\r\n\r\n.settings-update-panel[data-update-state="failed"] .codexhost-settings-icon,\r\n.settings-update-panel[data-update-state="error"] .codexhost-settings-icon {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-update-panel__title {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  color: var(--settings-text);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-update-summary,\r\n.settings-update-error {\r\n  margin: 0;\r\n  overflow-wrap: anywhere;\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-update-summary {\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-update-error {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-update-progress {\r\n  width: 100%;\r\n  height: 8px;\r\n  accent-color: var(--settings-focus);\r\n}\r\n\r\n.settings-update-progress-detail {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n/* Release notes scroll with the page; a scroller inside a scroller traps the wheel. */\r\n.settings-update-notes-section {\r\n  min-width: 0;\r\n  margin-top: 24px;\r\n  padding-top: 24px;\r\n  border-top: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-update-notes-section:empty {\r\n  display: none;\r\n}\r\n\r\n.settings-update-notes {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  color: var(--settings-muted);\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.settings-update-notes > :first-child {\r\n  margin-top: 0;\r\n}\r\n\r\n.settings-update-notes > :last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.settings-update-notes h1,\r\n.settings-update-notes h2,\r\n.settings-update-notes h3,\r\n.settings-update-notes h4,\r\n.settings-update-notes h5,\r\n.settings-update-notes h6 {\r\n  margin: 6px 0 0;\r\n  color: var(--settings-text);\r\n  font-weight: 600;\r\n}\r\n\r\n.settings-update-notes h1 {\r\n  font-size: 18px;\r\n  line-height: 26px;\r\n}\r\n\r\n.settings-update-notes h2 {\r\n  font-size: 17px;\r\n  line-height: 24px;\r\n}\r\n\r\n.settings-update-notes h3,\r\n.settings-update-notes h4,\r\n.settings-update-notes h5,\r\n.settings-update-notes h6 {\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-update-notes p,\r\n.settings-update-notes ul,\r\n.settings-update-notes ol,\r\n.settings-update-notes pre,\r\n.settings-update-notes blockquote {\r\n  margin: 0;\r\n}\r\n\r\n.settings-update-notes ul,\r\n.settings-update-notes ol {\r\n  padding-left: 24px;\r\n}\r\n\r\n.settings-update-notes li {\r\n  padding-left: 4px;\r\n}\r\n\r\n.settings-update-notes li::marker {\r\n  color: var(--settings-muted);\r\n  font-size: 0.85em;\r\n}\r\n\r\n.settings-update-notes li + li {\r\n  margin-top: 14px;\r\n}\r\n\r\n.settings-update-notes .release-note-translation {\r\n  display: block;\r\n  margin-top: 3px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-update-notes blockquote {\r\n  padding: 8px 12px;\r\n  color: var(--settings-muted);\r\n  border-left: 3px solid var(--settings-focus);\r\n  background: var(--settings-surface);\r\n}\r\n\r\n.settings-update-notes hr {\r\n  width: 100%;\r\n  margin: 2px 0;\r\n  border: 0;\r\n  border-top: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-update-notes strong {\r\n  color: var(--settings-text);\r\n  font-weight: 600;\r\n}\r\n\r\n.settings-update-notes a {\r\n  color: var(--settings-focus);\r\n  text-decoration: none;\r\n}\r\n\r\n.settings-update-notes a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.settings-update-notes code {\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  font-size: 12px;\r\n}\r\n\r\n.settings-update-notes :not(pre) > code {\r\n  padding: 1px 5px;\r\n  background: var(--settings-surface);\r\n  border-radius: 4px;\r\n}\r\n\r\n.settings-update-notes pre {\r\n  min-width: 0;\r\n  max-width: 100%;\r\n  padding: 10px 12px;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  background: var(--settings-inset);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-update-notes pre code {\r\n  line-height: 18px;\r\n  white-space: pre-wrap;\r\n}\r\n\r\n/* Manual update sits directly under the status panel, not behind a disclosure:\r\n   automatic updates can fail for machine-local reasons and this is the way out. */\r\n.settings-update-controls {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 10px;\r\n  margin-top: 24px;\r\n}\r\n\r\n.settings-update-manual-title {\r\n  color: var(--settings-text);\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-update-manual {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-update-manual[hidden] {\r\n  display: none;\r\n}\r\n\r\n.settings-update-manual-description {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-update-manual-description.is-fallback {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-update-command {\r\n  display: flex;\r\n  align-items: stretch;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-update-command code {\r\n  min-width: 0;\r\n  flex: 1;\r\n  padding: 9px 12px;\r\n  overflow-x: auto;\r\n  color: var(--settings-text);\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-update-command__copy {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  flex: none;\r\n  gap: 6px;\r\n  padding: 0 12px;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  background: transparent;\r\n  border: 0;\r\n  border-left: 1px solid var(--settings-border);\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-update-command__copy:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-update-command__copy:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: -2px;\r\n}\r\n\r\n.settings-update-actions {\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n}\n\n.settings-storage-block {\n  display: grid;\n  gap: 12px;\n  margin-bottom: 16px;\n}\n\r\n.settings-command-button,\r\n.settings-update-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: none;\r\n  width: max-content;\r\n  max-width: 100%;\r\n  min-height: 30px;\r\n  gap: 6px;\r\n  padding: 5px 10px;\r\n  white-space: nowrap;\r\n  color: var(--settings-primary-text);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  text-decoration: none;\r\n  background: var(--settings-primary);\r\n  border: 1px solid var(--settings-primary);\r\n  border-radius: 7px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-command-button--secondary,\r\n.settings-update-link {\r\n  color: var(--settings-text);\r\n  background: var(--settings-panel);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-command-button:hover:not(:disabled) {\r\n  background: var(--settings-primary-hover);\r\n  border-color: var(--settings-primary-hover);\r\n}\r\n\r\n.settings-command-button--secondary:hover:not(:disabled),\r\n.settings-update-link:hover {\r\n  background: var(--settings-hover);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-command-button--danger {\r\n  color: #f87171;\r\n}\r\n\r\n.settings-command-button--danger:hover:not(:disabled) {\r\n  color: #fecaca;\r\n  background: rgb(127 29 29 / 24%);\r\n  border-color: rgb(248 113 113 / 45%);\r\n}\r\n\r\n.settings-command-button:disabled {\r\n  cursor: default;\r\n  opacity: 0.45;\r\n}\r\n\r\n.settings-command-button:disabled,\r\n.settings-command-button[aria-disabled="true"] {\r\n  opacity: 0.55;\r\n  cursor: not-allowed;\r\n  filter: none;\r\n}\r\n\r\n.settings-command-button:focus-visible,\r\n.settings-update-link:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.codexhost-settings-icon {\r\n  display: block;\r\n  flex: none;\r\n  stroke: currentColor;\r\n}\r\n\r\n@media (max-width: 720px) {\r\n  .codexhost-settings-dialog {\r\n    width: calc(100vw - 16px);\r\n    height: calc(100vh - 16px);\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .settings-layout {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    grid-template-rows: auto minmax(0, 1fr);\r\n  }\r\n\r\n  .settings-session-import-row {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .settings-session-import-row__action {\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .settings-sidebar {\r\n    border-right: 0;\r\n    border-bottom: 1px solid var(--settings-border);\r\n  }\r\n\r\n  .settings-header {\r\n    height: 56px;\r\n    padding-inline: 14px;\r\n  }\r\n\r\n  .settings-sidebar {\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .settings-nav {\r\n    flex: none;\r\n    flex-direction: row;\r\n    gap: 4px;\r\n    padding: 7px 8px 8px;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n  }\r\n\r\n  .settings-nav-section-label {\r\n    display: none;\r\n  }\r\n\r\n  .settings-nav-button {\r\n    width: auto;\r\n    min-width: max-content;\r\n    min-height: 34px;\r\n    grid-template-columns: 16px auto;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .settings-nav-star-link {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .settings-page__content {\r\n    width: calc(100% - 40px);\r\n  }\r\n\r\n  .settings-page__content {\r\n    padding-top: 32px;\r\n    padding-bottom: 32px;\r\n  }\r\n\r\n  .settings-section-label {\r\n    padding-bottom: 20px;\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n  }\r\n\r\n  .settings-update-metadata {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  .settings-status-row {\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    gap: 16px;\r\n  }\r\n\r\n  .settings-account-header,\r\n  .settings-connection-page-header {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .settings-account-header > .settings-command-button,\r\n  .settings-connection-page-header > .settings-command-button {\r\n    width: 100%;\r\n  }\r\n\r\n  .settings-connections-layout {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .settings-connection-inspector {\r\n    position: static;\r\n  }\r\n\r\n  .settings-status-row__detail {\r\n    grid-column: 1 / -1;\r\n    margin: -8px 0 0 58px;\r\n  }\r\n}\r\n\r\n@media (forced-colors: active) {\r\n  :host {\r\n    --settings-bg: Canvas;\r\n    --settings-sidebar: Canvas;\r\n    --settings-panel: Canvas;\r\n    --settings-surface: Canvas;\r\n    --settings-surface-hover: Highlight;\r\n    --settings-inset: Canvas;\r\n    --settings-text: CanvasText;\r\n    --settings-muted: GrayText;\r\n    --settings-subtle: GrayText;\r\n    --settings-border: ButtonBorder;\r\n    --settings-divider: ButtonBorder;\r\n    --settings-hover: Highlight;\r\n    --settings-active: Highlight;\r\n    --settings-focus: Highlight;\r\n    --settings-primary: ButtonFace;\r\n    --settings-primary-hover: Highlight;\r\n    --settings-primary-text: ButtonText;\r\n    --settings-warning: CanvasText;\r\n    --settings-warning-bg: Canvas;\r\n    --settings-warning-border: ButtonBorder;\r\n    --settings-danger: CanvasText;\r\n    --settings-danger-bg: Canvas;\r\n    --settings-danger-border: ButtonBorder;\r\n    --settings-success: CanvasText;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    scroll-behavior: auto !important;\r\n    transition-duration: 0s !important;\r\n  }\r\n}\r\n\r\n/* Harness Mix: Model Configuration & One-click Install */\r\n.settings-model-config-panel {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  padding: 14px;\r\n  margin-top: 14px;\r\n  border-radius: 8px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n}\r\n\r\n.settings-model-config-head {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-model-config-title {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--settings-text);\r\n}\r\n\r\n.settings-model-config-description {\r\n  font-size: 11px;\r\n  color: var(--settings-muted);\r\n  margin: 0;\r\n}\r\n\r\n.settings-model-config-loading,\r\n.settings-model-config-empty {\r\n  font-size: 12px;\r\n  color: var(--settings-muted);\r\n  padding: 8px 0;\r\n}\r\n\r\n.settings-model-config-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  margin-top: 4px;\r\n}\r\n\r\n.settings-model-config-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n\r\n.settings-model-config-label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--settings-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.settings-model-config-select {\r\n  height: 32px;\r\n  padding: 0 10px;\r\n  border-radius: 6px;\r\n  border: 1px solid var(--settings-border);\r\n  background: var(--settings-panel);\r\n  color: var(--settings-text);\r\n  font-size: 12px;\r\n  outline: none;\r\n}\r\n\r\n.settings-model-config-select:focus {\r\n  border-color: var(--settings-primary);\r\n}\r\n\r\n.settings-model-config-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  margin-top: 6px;\r\n}\r\n\r\n.settings-model-config-feedback {\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n}\r\n\r\n.settings-feedback-success {\r\n  color: var(--settings-success);\r\n}\r\n\r\n.settings-feedback-error {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-feedback-info {\r\n  color: var(--settings-primary);\r\n}\r\n\r\n.settings-install-command-box {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n  min-width: 0;\r\n  margin: 0;\r\n}\r\n\r\n.settings-install-command-label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-install-command-row {\r\n  display: flex;\r\n  align-items: center;\r\n  background: var(--settings-inset);\r\n  padding: 8px 12px;\r\n  border-radius: 6px;\r\n  border: 1px solid var(--settings-border);\r\n  min-width: 0;\r\n  overflow-x: auto;\r\n}\r\n\r\n.settings-install-command-row code {\r\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  color: var(--settings-text);\r\n  user-select: all;\r\n  white-space: pre-wrap;\r\n  word-break: break-all;\r\n}\r\n\r\n.settings-install-actions {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr);\r\n  gap: 8px;\r\n  margin-top: 4px;\r\n}\r\n\r\n.settings-install-actions .settings-command-button {\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n.settings-install-feedback {\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n  margin-top: 2px;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.settings-install-manual-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  background: var(--settings-inset);\r\n  padding: 12px 14px;\r\n  border-radius: 8px;\r\n  border: 1px solid var(--settings-border);\r\n  margin-top: 6px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.settings-install-manual-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--settings-accent, #10a37f);\r\n  background: var(--settings-accent-subtle, rgba(16, 163, 127, 0.1));\r\n  padding: 2px 8px;\r\n  border-radius: 4px;\r\n  width: fit-content;\r\n}\r\n\r\n.settings-install-manual-notice {\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  color: var(--settings-text);\r\n  margin: 0;\r\n}\r\n\r\n.settings-install-steps {\r\n  margin: 0;\r\n  padding-left: 18px;\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-install-steps li {\r\n  margin-bottom: 2px;\r\n}\r\n/* MCP and Skills share native settings controls while keeping separate flows. */\n.settings-integrations-controls { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 18px 0 12px; }\n.settings-integrations-controls input { flex: 1; min-width: 180px; }\n.settings-integrations-controls input[hidden] { display: none; }\n.settings-integrations-controls select, .settings-integrations-controls input,\n.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; }\n.settings-integrations-status { min-height: 18px; margin: 0 0 6px; color: var(--settings-muted); font-size: 12px; }\n.settings-integrations-body p { font-size: 12px; line-height: 1.6; opacity: .8; }\n.settings-integrations-toolbar { display: flex; gap: 10px; align-items: center; margin: 8px 0 16px; }\n.settings-integrations-toolbar input { flex: 1; }\n.settings-integrations-list { display: grid; gap: 8px; }\n.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); }\n.settings-integrations-row > div { flex: 1; min-width: 180px; }\n.settings-integrations-row p { margin: 3px 0; }\n.settings-integrations-row code { display: block; overflow-wrap: anywhere; font-size: 11px; color: var(--settings-muted); }\n.settings-integrations-row--native { border-style: dashed; }\n.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; }\n.settings-integrations-editor-head { display: flex; align-items: center; gap: 12px; }\n.settings-integrations-editor-head h3 { margin: 0; }\n.settings-integrations-form { display: grid; gap: 14px; margin: 16px 0 28px; }\n.settings-integrations-form--card { padding: 16px; border: 1px solid var(--settings-border, #8885); border-radius: 12px; }\n.settings-integrations-field { display: grid; gap: 6px; font-size: 12px; }\n.settings-integrations-form > button { justify-self: start; }\n.settings-mcp-args { display: grid; gap: 7px; }\n.settings-mcp-arg { display: flex; gap: 8px; align-items: center; }\n.settings-mcp-arg input { flex: 1; }\n.settings-mcp-kv-row { display: flex; gap: 8px; align-items: center; }\n.settings-mcp-kv-row input { flex: 1; }\n.settings-mcp-add-arg { margin-top: 7px; }\n.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; }\n.settings-mcp-docs-link:hover { color: var(--settings-text, #fff); text-decoration: underline; }\n.settings-integrations-editor-head .settings-command-button--danger { margin-left: auto; }\n.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; }\n.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; }\n.settings-mcp-type-btn:hover { color: var(--settings-text, #fff); }\n.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; }\n.settings-mcp-notice { margin: 4px 0 0; color: var(--settings-muted, #888); font-size: 12px; line-height: 1.5; }\n.settings-mcp-section { display: grid; gap: 14px; }\n.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; }\n.settings-mcp-icon-btn:hover:not(:disabled) { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.4); color: #f87171; }\n.settings-mcp-icon-btn svg { width: 14px; height: 14px; display: block; }\n.settings-integrations-callout { margin: 0; padding: 10px 12px; border-radius: 8px; background: var(--settings-inset); }\n.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; }\n.settings-skill-dropzone > span { max-width: 520px; color: var(--settings-muted); font-size: 12px; line-height: 18px; }\n.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); }\n.settings-skill-dropzone[data-disabled="true"] { opacity: .55; }\n.settings-skills-target-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; margin-top: 6px; }\n.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; }\n.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); }\n.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; }\n.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; }\n.settings-skills-tab-btn:hover { color: var(--settings-text, #fff); }\n.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; }\n.settings-skills-overview-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; margin-top: 10px; }\n.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; }\n.settings-skills-harness-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--settings-border, #8883); padding-bottom: 8px; }\n.settings-skills-harness-head strong { font-size: 14px; }\n.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); }\n.settings-skills-badge--active { background: rgba(16, 163, 127, 0.15); color: #10a37f; }\n.settings-skills-list-compact { display: flex; flex-direction: column; gap: 8px; max-height: 280px; overflow-y: auto; }\n.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; }\n.settings-skills-item-row strong { font-size: 13px; }\n.settings-skills-item-row code { font-size: 10px; color: var(--settings-muted); overflow-wrap: anywhere; display: block; }\n.settings-skills-item-actions { display: flex; gap: 6px; align-items: center; flex: none; }\n.settings-skills-matrix-list { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }\n.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; }\n.settings-skills-matrix-head { display: flex; justify-content: space-between; align-items: center; }\n.settings-skills-matrix-head span { font-size: 11px; color: var(--settings-muted); }\n.settings-skills-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }\n.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); }\n.settings-skills-sync-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 4px; }\n.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); }\n.settings-skills-sync-modal::backdrop { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(2px); }\n.settings-skills-sync-modal h3 { margin: 0 0 8px; font-size: 16px; }\n.settings-skills-sync-modal p { margin: 0 0 12px; font-size: 12px; color: var(--settings-muted); }\n.settings-mcp-overview-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 14px; margin-top: 10px; }\n.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; }\n.settings-mcp-harness-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--settings-border, #8883); padding-bottom: 8px; }\n.settings-mcp-harness-head strong { font-size: 14px; }\n.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; }\n.settings-mcp-native-title { font-weight: 600; color: #10a37f; display: flex; align-items: center; gap: 6px; }\n.settings-mcp-native-item { display: flex; flex-direction: column; gap: 2px; color: var(--settings-muted); }\n.settings-mcp-native-item code { font-size: 10px; overflow-wrap: anywhere; }\n.settings-mcp-list-compact { display: flex; flex-direction: column; gap: 8px; max-height: 280px; overflow-y: auto; }\n.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; }\n.settings-mcp-item-row strong { font-size: 13px; }\n.settings-mcp-item-row code { font-size: 10px; color: var(--settings-muted); overflow-wrap: anywhere; display: block; }\n.settings-mcp-item-actions { display: flex; gap: 6px; align-items: center; flex: none; }\n.settings-mcp-card-footer { display: flex; justify-content: flex-end; margin-top: auto; padding-top: 6px; border-top: 1px solid var(--settings-border, #8882); }\n.settings-mcp-matrix-list { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }\n.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; }\n.settings-mcp-matrix-head { display: flex; justify-content: space-between; align-items: center; }\n.settings-mcp-matrix-head span { font-size: 11px; color: var(--settings-muted); }\n.settings-mcp-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }\n.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); }\n.settings-mcp-tag--disabled { background: rgba(255, 255, 255, 0.05); color: var(--settings-muted); border-color: var(--settings-border, #8885); }\n.settings-mcp-sync-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 4px; }\n.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); }\n.settings-mcp-distribute-modal::backdrop { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(2px); }\n.settings-mcp-distribute-modal h3 { margin: 0 0 8px; font-size: 16px; }\n.settings-mcp-distribute-modal p { margin: 0 0 12px; font-size: 12px; color: var(--settings-muted); }\n\n';
+  var shell_default = ':host {\r\n  --settings-bg: light-dark(#ffffff, #202020);\r\n  --settings-sidebar: light-dark(#f7f7f8, #191919);\r\n  --settings-panel: light-dark(#ffffff, #232323);\r\n  --settings-surface: light-dark(#f6f6f6, #292929);\r\n  --settings-surface-hover: light-dark(#eeeeee, #303030);\r\n  --settings-inset: light-dark(#f3f3f3, #161616);\r\n  --settings-text: light-dark(#0d0d0d, #ececec);\r\n  --settings-muted: light-dark(#676767, #a3a3a3);\r\n  --settings-subtle: light-dark(#8a8a8a, #777777);\r\n  --settings-border: light-dark(rgb(13 13 13 / 9%), rgb(255 255 255 / 9%));\r\n  --settings-divider: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 7%));\r\n  --settings-hover: light-dark(rgb(13 13 13 / 5%), rgb(255 255 255 / 7%));\r\n  --settings-active: light-dark(rgb(13 13 13 / 7%), rgb(255 255 255 / 9%));\r\n  --settings-focus: light-dark(#0b75d1, #66aaf9);\r\n  --settings-primary: light-dark(#171717, #f4f4f4);\r\n  --settings-primary-hover: light-dark(#2f2f2f, #ffffff);\r\n  --settings-primary-text: light-dark(#ffffff, #171717);\r\n  --settings-warning: light-dark(#8a5500, #f5c96a);\r\n  --settings-warning-bg: light-dark(#fff8e6, rgb(245 201 106 / 8%));\r\n  --settings-warning-border: light-dark(#ead8a8, rgb(245 201 106 / 24%));\r\n  --settings-danger: light-dark(#b42318, #f87171);\r\n  --settings-danger-bg: light-dark(#fff1f0, rgb(239 68 68 / 8%));\r\n  --settings-danger-border: light-dark(#f3c7c3, rgb(239 68 68 / 22%));\r\n  --settings-success: light-dark(#16784a, #4ade80);\r\n  color: var(--settings-text);\r\n  color-scheme: inherit;\r\n  font:\r\n    13px/1.5 system-ui,\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    "Segoe UI",\r\n    sans-serif;\r\n  letter-spacing: 0;\r\n}\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box;\r\n  letter-spacing: 0;\r\n}\r\n\r\nbutton,\r\ninput,\r\nselect {\r\n  font: inherit;\r\n}\r\n\r\nbutton {\r\n  color: inherit;\r\n}\r\n\r\n[hidden] {\r\n  display: none !important;\r\n}\r\n\r\n.settings-visually-hidden {\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 1px;\r\n  padding: 0;\r\n  margin: -1px;\r\n  overflow: hidden;\r\n  clip-path: inset(50%);\r\n  white-space: nowrap;\r\n  border: 0;\r\n}\r\n\r\n.harnessmix-settings-dialog {\r\n  width: min(1120px, calc(100vw - 48px));\r\n  height: min(780px, calc(100vh - 88px));\r\n  max-width: none;\r\n  max-height: calc(100vh - 88px);\r\n  margin-top: max(56px, calc((100vh - 780px) / 2));\r\n  margin-inline: auto;\r\n  margin-bottom: auto;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  color: var(--settings-text);\r\n  background: var(--settings-bg);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 14px;\r\n  box-shadow: light-dark(0 16px 42px rgb(0 0 0 / 16%), 0 20px 54px rgb(0 0 0 / 42%));\r\n}\r\n\r\n.harnessmix-settings-dialog::backdrop {\r\n  background: light-dark(rgb(0 0 0 / 24%), rgb(0 0 0 / 56%));\r\n  backdrop-filter: blur(1px);\r\n}\r\n\r\n.settings-frame,\r\n.settings-layout {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-width: 0;\r\n  min-height: 0;\r\n}\r\n\r\n.settings-frame {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.settings-layout {\r\n  flex: 1;\r\n  display: grid;\r\n  grid-template-columns: 184px minmax(0, 1fr);\r\n  background: var(--settings-bg);\r\n}\r\n\r\n.settings-sidebar {\r\n  display: flex;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  background: var(--settings-sidebar);\r\n  border-right: 1px solid var(--settings-border);\r\n  padding-top: 14px;\r\n}\r\n\r\n.settings-header {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  height: 50px;\r\n  flex: none;\r\n  padding: 0 16px;\r\n  border-bottom: 1px solid var(--settings-border);\r\n}\r\n\r\n.settings-header-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: none;\r\n  gap: 12px;\r\n  margin-left: auto;\r\n}\r\n\r\n.settings-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 7px;\r\n}\r\n\r\n.settings-brand__mark {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  flex: none;\r\n  color: var(--settings-text);\r\n}\r\n\r\n.settings-brand__mark .harnessmix-settings-icon {\r\n  width: 24px;\r\n  height: 24px;\r\n  object-fit: contain;\r\n}\r\n\r\n.settings-brand__copy {\r\n  display: flex;\r\n  min-width: 0;\r\n  align-items: baseline;\r\n  gap: 0;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-brand__name {\r\n  overflow: hidden;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-brand__title {\r\n  margin-left: 8px;\r\n  padding-left: 8px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  font-weight: 400;\r\n  border-left: 1px solid var(--settings-border);\r\n}\r\n\r\n.settings-nav {\r\n  display: flex;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  padding: 0 7px 10px;\r\n  overflow-y: auto;\r\n}\r\n\r\n.settings-nav-section-label {\r\n  min-height: 24px;\r\n  padding: 4px 9px 2px;\r\n  color: var(--settings-subtle);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-nav-section-label:not(:first-child) {\r\n  margin-top: 8px;\r\n}\r\n\r\n.settings-nav-button {\r\n  display: grid;\r\n  grid-template-columns: 16px minmax(0, 1fr);\r\n  align-items: center;\r\n  width: 100%;\r\n  position: relative;\r\n  min-height: 34px;\r\n  flex: none;\r\n  gap: 9px;\r\n  padding: 6px 9px;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n  text-align: left;\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-nav-button .harnessmix-settings-icon {\r\n  width: 16px;\r\n  height: 16px;\r\n  opacity: 0.9;\r\n}\r\n\r\n.settings-nav-button:hover {\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-nav-button[aria-current="page"] {\r\n  background: var(--settings-active);\r\n  color: var(--settings-text);\r\n  font-weight: 500;\r\n}\r\n\r\n.settings-nav-button span {\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-nav-star-link {\r\n  margin-top: 0;\r\n  color: var(--settings-text);\r\n  text-decoration: none;\r\n}\r\n\r\n.settings-nav-star-link .harnessmix-settings-icon {\r\n  color: var(--settings-warning);\r\n}\r\n\r\n.settings-nav-star-link:hover {\r\n  color: var(--settings-warning);\r\n  background: var(--settings-warning-bg);\r\n}\r\n\r\n.settings-icon-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 32px;\r\n  flex: none;\r\n  padding: 0;\r\n  color: var(--settings-muted);\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: background-color 0.15s ease, color 0.15s ease, transform 0.08s ease;\r\n}\r\n\r\n.settings-icon-button:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-icon-button:active {\r\n  background: var(--settings-active);\r\n  transform: scale(0.95);\r\n}\r\n\r\n.settings-header-actions .settings-icon-button {\r\n  width: 34px;\r\n  height: 34px;\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-header-actions .settings-icon-button:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-icon-button:focus-visible,\r\n.settings-nav-button:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 1px;\r\n}\r\n\r\n.settings-page {\r\n  display: block;\r\n  position: relative;\r\n  min-width: 0;\r\n  min-height: 0;\r\n  overflow-y: auto;\r\n  background: var(--settings-bg);\r\n  scrollbar-gutter: stable;\r\n}\r\n\r\n.settings-page__content {\r\n  width: min(930px, calc(100% - 80px));\r\n  margin-inline: auto;\r\n}\r\n\r\n.settings-page__content {\r\n  min-width: 0;\r\n  padding: 28px 0 36px;\r\n}\r\n\r\n.settings-section-label {\r\n  min-height: auto;\r\n  margin: 0;\r\n  padding: 0 0 18px;\r\n  color: var(--settings-text);\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  line-height: 26px;\r\n}\r\n\r\n.settings-status-list,\r\n.settings-empty {\r\n  overflow: hidden;\r\n  background: var(--settings-panel);\r\n}\r\n\r\n.settings-status-row {\r\n  display: grid;\r\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\r\n  position: relative;\r\n  align-items: center;\r\n  min-height: 72px;\r\n  gap: 20px;\r\n  padding: 12px 0;\r\n}\r\n\r\n.settings-status-row:not(:last-child)::after {\r\n  content: "";\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  height: 1px;\r\n  background: var(--settings-divider);\r\n}\r\n\r\n.settings-status-row__identity {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  color: var(--settings-text);\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-status-row__icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 36px;\r\n  height: 36px;\r\n  flex: none;\r\n  color: var(--settings-muted);\r\n  background: var(--settings-surface);\r\n  border-radius: 50%;\r\n}\r\n\r\n.settings-status-badge {\r\n  flex: none;\r\n  padding: 3px 8px;\r\n  color: var(--settings-muted);\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-status-row__detail {\r\n  min-width: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-page-description {\r\n  max-width: 760px;\r\n  margin: -10px 0 20px;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-session-import-header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n}\r\n\r\n.settings-session-import-header .settings-section-label {\r\n  min-width: 0;\r\n}\r\n\r\n.settings-session-import-harness {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  margin: -12px 0 16px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n}\r\n\r\n.settings-session-import-harness > span {\r\n  flex: none;\r\n}\r\n\r\n.settings-session-import-harness__options {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  flex: 1;\r\n  gap: 6px;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  scrollbar-width: none;\r\n}\r\n\r\n.settings-session-import-harness__options::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.settings-session-import-harness__option {\r\n  min-height: 32px;\r\n  flex: none;\r\n  padding: 6px 10px;\r\n  color: var(--settings-muted);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  white-space: nowrap;\r\n  background: rgb(255 255 255 / 4%);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-session-import-harness__option[aria-pressed="true"] {\r\n  color: var(--settings-text);\r\n  background: var(--settings-active);\r\n  border-color: rgb(51 156 255 / 50%);\r\n}\r\n\r\n.settings-session-import-harness__option:disabled {\r\n  opacity: 0.38;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.settings-session-import-harness__option:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-session-import-harness + .settings-page-description {\r\n  margin-top: 0;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.settings-session-import-availability-note {\r\n  margin-top: 0;\r\n}\r\n\r\n.settings-session-import-search,\r\n.settings-session-import-pagination {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin: 16px 0;\r\n}\r\n\r\n.settings-session-import-search input {\r\n  flex: 1;\r\n  min-width: 160px;\r\n}\r\n\r\n.settings-session-import-search input,\r\n.settings-session-import-pagination select {\r\n  min-height: 36px;\r\n  padding: 6px 10px;\r\n  color: var(--settings-text);\r\n  background: var(--settings-bg);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-session-import-search input:focus-visible,\r\n.settings-session-import-pagination select:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-session-import-pagination {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n}\r\n\r\n.settings-session-import-pagination label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-session-import-pagination > span {\r\n  flex: 1;\r\n  min-width: 130px;\r\n}\r\n\r\n.settings-session-import-pagination__navigation {\r\n  display: flex;\r\n  gap: 8px;\r\n  margin-left: auto;\r\n}\r\n\r\n.settings-session-import-content,\r\n.settings-session-import-list {\r\n  display: grid;\r\n  gap: 10px;\r\n}\r\n\r\n.settings-session-import-status {\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 64px;\r\n  gap: 12px;\r\n  padding: 16px;\r\n  color: var(--settings-muted);\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-session-import-status.is-error {\r\n  color: #ef4444;\r\n}\r\n\r\n.settings-session-import-recovery {\r\n  display: grid;\r\n  justify-items: start;\r\n  gap: 14px;\r\n  padding: 16px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-session-import-recovery:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-session-import-recovery__copy {\r\n  display: grid;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-session-import-recovery__copy strong {\r\n  color: var(--settings-text);\r\n  font-size: 14px;\r\n}\r\n\r\n.settings-session-import-recovery__copy p {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-session-import-recovery__path {\r\n  display: flex;\r\n  align-items: stretch;\r\n  width: 100%;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-session-import-recovery__path code {\r\n  min-width: 0;\r\n  flex: 1;\r\n  padding: 8px 10px;\r\n  overflow-x: auto;\r\n  color: var(--settings-text);\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-session-import-recovery__path .settings-command-button {\r\n  min-height: 0;\r\n  flex: none;\r\n  border-width: 0 0 0 1px;\r\n  border-radius: 0;\r\n}\r\n\r\n.settings-session-import-row {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) auto;\r\n  align-items: center;\r\n  gap: 20px;\r\n  min-width: 0;\r\n  padding: 16px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-session-import-row__copy {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-session-import-row__copy strong {\r\n  overflow: hidden;\r\n  color: var(--settings-text);\r\n  font-size: 14px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-session-import-row__copy span,\r\n.settings-session-import-row__cwd {\r\n  overflow: hidden;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-session-import-row__cwd {\r\n  display: block;\r\n  min-width: 0;\r\n  background: transparent;\r\n}\r\n\r\n.settings-session-import-row__action {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-session-import-running {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n}\r\n\r\n.settings-preference-row {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 32px;\r\n  min-height: 88px;\r\n  padding: 18px 0;\r\n  border-top: 1px solid var(--settings-divider);\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-preference-row__copy {\r\n  display: flex;\r\n  flex: 1 1 auto;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n  gap: 5px;\r\n}\r\n\r\n.settings-preference-row__copy strong {\r\n  color: var(--settings-text);\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-preference-row__copy span {\r\n  max-width: 680px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-preference-switch {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  width: 42px;\r\n  height: 24px;\r\n  flex: none;\r\n  padding: 2px;\r\n  border: 0;\r\n  border-radius: 999px;\r\n  background: var(--settings-surface-hover);\r\n  cursor: pointer;\r\n  transition: background 120ms ease;\r\n}\r\n\r\n.settings-preference-switch[aria-checked="true"] {\r\n  justify-content: flex-end;\r\n  background: var(--settings-focus);\r\n}\r\n\r\n.settings-preference-switch:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.settings-preference-switch__thumb {\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 50%;\r\n  background: var(--settings-primary-text);\r\n  box-shadow: 0 1px 3px rgb(0 0 0 / 24%);\r\n}\r\n\r\n.settings-connection-page-header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  gap: 18px;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.settings-connection-page-header .settings-section-label {\r\n  padding-bottom: 0;\r\n}\r\n\r\n.settings-connection-page-header .settings-page-description {\r\n  margin: 5px 0 0;\r\n}\r\n\r\n.settings-connections-content,\r\n.settings-connections-layout,\r\n.settings-connection-list,\r\n.settings-connection-rows {\r\n  min-width: 0;\r\n}\r\n\r\n.settings-connections-layout {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.85fr);\r\n  align-items: start;\r\n  gap: 18px;\r\n}\r\n\r\n.settings-connection-list,\r\n.settings-connection-inspector {\r\n  overflow: hidden;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-host-strip {\r\n  display: grid;\r\n  grid-template-columns: 30px minmax(0, 1fr) 30px;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 5px;\r\n  padding: 9px 10px;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-host-scroll {\r\n  display: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 30px;\r\n  height: 34px;\r\n  padding: 0;\r\n  color: var(--settings-muted);\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-host-strip[data-connection-host-overflow="true"]\r\n  .settings-connection-host-scroll {\r\n  display: inline-flex;\r\n}\r\n\r\n.settings-connection-host-strip:not([data-connection-host-overflow="true"]) {\r\n  grid-template-columns: minmax(0, 1fr);\r\n}\r\n\r\n.settings-connection-host-scroll:hover:not(:disabled) {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-host-scroll:disabled {\r\n  cursor: default;\r\n  opacity: 0.35;\r\n}\r\n\r\n.settings-connection-host-scroll:focus-visible,\r\n.settings-connection-host-tab:focus-visible,\r\n.settings-connection-row:focus-visible,\r\n.settings-connection-install-link:focus-visible,\r\n.settings-connection-view-error:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 1px;\r\n}\r\n\r\n.settings-connection-host-tabs {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 6px;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  overscroll-behavior-x: contain;\r\n  scrollbar-width: none;\r\n  scroll-behavior: smooth;\r\n  scroll-snap-type: x proximity;\r\n  touch-action: pan-x;\r\n}\r\n\r\n.settings-connection-host-tabs::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.settings-connection-host-tab {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  height: 30px;\r\n  min-width: max-content;\r\n  flex: none;\r\n  padding: 0 9px;\r\n  color: var(--settings-muted);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  white-space: nowrap;\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 7px;\r\n  cursor: pointer;\r\n  scroll-snap-align: start;\r\n}\r\n\r\n.settings-connection-host-tab:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-host-tab[aria-selected="true"] {\r\n  color: var(--settings-text);\r\n  font-weight: 600;\r\n  background: var(--settings-active);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-connection-table-header,\r\n.settings-connection-row {\r\n  display: grid;\r\n  grid-template-columns: minmax(160px, 1fr) minmax(92px, auto) 108px;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 10px;\r\n}\r\n\r\n.settings-connection-table-header {\r\n  min-height: 30px;\r\n  padding: 0 10px;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  line-height: 16px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.06em;\r\n  background: transparent;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-row {\r\n  min-height: 52px;\r\n  padding: 8px 10px;\r\n  cursor: pointer;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-row:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n.settings-connection-row:hover {\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-row[data-connection-selected="true"] {\r\n  background: var(--settings-surface);\r\n}\r\n\r\n.settings-connection-row__identity,\r\n.settings-connection-inspector__identity {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 8px;\r\n  color: var(--settings-text);\r\n}\r\n\r\n.settings-connection-row__identity strong,\r\n.settings-connection-inspector__identity strong {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-row__mark {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 24px;\r\n  height: 24px;\r\n  flex: none;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  background: var(--settings-surface);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-connection-row__mark--logo {\r\n  color: var(--settings-text);\r\n  background: transparent;\r\n}\r\n\r\n.settings-connection-row__mark--logo > img,\r\n.settings-connection-row__mark--logo > svg {\r\n  display: block;\r\n  max-width: 18px;\r\n  max-height: 18px;\r\n}\r\n\r\n.settings-connection-row__status {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  gap: 5px;\r\n  color: var(--settings-muted);\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-row__status::before {\r\n  width: 6px;\r\n  height: 6px;\r\n  flex: none;\r\n  content: "";\r\n  background: currentColor;\r\n  border-radius: 50%;\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="ready"] {\r\n  color: var(--settings-success);\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="checking"] {\r\n  color: var(--settings-warning);\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="setup"] {\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="setup"]::before {\r\n  background: transparent;\r\n  border: 1.5px solid currentColor;\r\n}\r\n\r\n.settings-connection-row__status[data-connection-tone="failed"] {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-connection-row__action {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  min-width: 0;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-connection-row__handle {\r\n  display: inline-flex;\r\n  flex: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  color: var(--settings-muted);\r\n  cursor: grab;\r\n  opacity: 0.6;\r\n}\r\n\r\n.settings-connection-row__handle:hover {\r\n  opacity: 1;\r\n}\r\n\r\n.settings-connection-row[draggable="true"] {\r\n  cursor: grab;\r\n}\r\n\r\n.settings-connection-row[data-connection-dragging="true"] {\r\n  opacity: 0.4;\r\n}\r\n\r\n.settings-connection-row[data-connection-drop-indicator="before"] {\r\n  box-shadow: inset 0 2px 0 0 var(--settings-focus);\r\n}\r\n\r\n.settings-connection-row[data-connection-drop-indicator="after"] {\r\n  box-shadow: inset 0 -2px 0 0 var(--settings-focus);\r\n}\r\n\r\n.settings-connection-row__group-toggle {\r\n  display: inline-flex;\r\n  flex: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  color: var(--settings-muted);\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-row__group-toggle:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-group-divider {\r\n  padding: 10px 12px 6px;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  line-height: 16px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.06em;\r\n  /* No border-top here: the row immediately above already carries its own\r\n     border-bottom (it is no longer :last-child once this divider follows\r\n     it), so adding one here would double the separator line. */\r\n}\r\n\r\n.settings-connection-group-more[data-connection-drag-over="true"] {\r\n  background: rgb(51 156 255 / 8%);\r\n}\r\n\r\n.settings-connection-group-hint {\r\n  display: grid;\r\n  gap: 3px;\r\n  margin: 0 12px 12px;\r\n  padding: 14px 16px;\r\n  text-align: center;\r\n  border: 1.5px dashed var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-group-more[data-connection-drag-over="true"] .settings-connection-group-hint {\r\n  border-color: var(--settings-focus);\r\n}\r\n\r\n.settings-connection-group-hint strong {\r\n  color: var(--settings-text);\r\n  font-size: 12.5px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-group-hint span {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 17px;\r\n}\r\n\r\n.settings-connection-group-reset {\r\n  display: flex;\r\n  width: 100%;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 10px 12px;\r\n  color: var(--settings-muted);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  text-align: left;\r\n  background: transparent;\r\n  border: 0;\r\n  border-top: 1px solid var(--settings-divider);\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-group-reset:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-connection-install-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  color: var(--settings-focus);\r\n  text-decoration: none;\r\n  background: transparent;\r\n  border: 1px solid transparent;\r\n  border-radius: 7px;\r\n  opacity: 0;\r\n  transition: opacity 120ms ease;\r\n}\r\n\r\n.settings-connection-row:hover .settings-connection-install-link,\r\n.settings-connection-install-link:focus-visible {\r\n  opacity: 1;\r\n}\r\n\r\n.settings-connection-install-link:hover {\r\n  color: var(--settings-focus);\r\n  background: var(--settings-active);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-connection-view-error {\r\n  padding: 4px 7px;\r\n  color: var(--settings-danger);\r\n  font: inherit;\r\n  font-size: 11px;\r\n  line-height: 18px;\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-connection-view-error:hover {\r\n  color: var(--settings-danger);\r\n  background: var(--settings-danger-bg);\r\n}\r\n\r\n.settings-connection-inspector {\r\n  position: sticky;\r\n  top: 18px;\r\n}\r\n\r\n.settings-connection-inspector__header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  min-width: 0;\r\n  gap: 10px;\r\n  padding: 12px;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-connection-inspector__body {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  padding: 12px;\r\n}\r\n\r\n.settings-connection-install-callout {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  padding: 14px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-install-head {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 12px;\r\n  min-width: 0;\r\n}\r\n\r\n.settings-connection-install-head > div {\r\n  min-width: 0;\r\n  flex: 1;\r\n}\r\n\r\n.settings-connection-install-callout__icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 32px;\r\n  flex: none;\r\n  color: var(--settings-focus);\r\n  background: var(--settings-active);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-connection-install-callout strong,\r\n.settings-connection-install-head strong,\r\n.settings-connection-error-summary strong,\r\n.settings-connection-state-summary strong {\r\n  display: block;\r\n  margin: 0 0 4px;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 19px;\r\n}\r\n\r\n.settings-connection-install-callout p,\r\n.settings-connection-install-head p,\r\n.settings-connection-error-summary p,\r\n.settings-connection-state-summary p,\r\n.settings-connection-issue-note {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-connection-install-button {\r\n  width: 100%;\r\n}\r\n\r\n.settings-connection-error-summary {\r\n  padding: 13px 14px;\r\n  color: var(--settings-danger);\r\n  background: var(--settings-danger-bg);\r\n  border: 1px solid var(--settings-danger-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-connection-error-metadata {\r\n  display: grid;\r\n  gap: 7px;\r\n  padding: 12px;\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 9px;\r\n}\r\n\r\n.settings-connection-detail-line {\r\n  display: grid;\r\n  grid-template-columns: 92px minmax(0, 1fr);\r\n  gap: 10px;\r\n  min-width: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 10px;\r\n  line-height: 16px;\r\n}\r\n\r\n.settings-connection-detail-line code {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  color: var(--settings-text);\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  white-space: pre-wrap;\r\n}\r\n\r\n.settings-connection-error-log-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 10px;\r\n}\r\n\r\n.settings-connection-error-log-header strong {\r\n  color: var(--settings-text);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n}\r\n\r\n.settings-connection-error-log-header .settings-command-button {\r\n  min-height: 30px;\r\n  padding: 5px 9px;\r\n  font-size: 11px;\r\n}\r\n\r\n.settings-connection-stderr {\r\n  max-height: 220px;\r\n  min-width: 0;\r\n  margin: 0;\r\n  padding: 11px;\r\n  overflow: auto;\r\n  color: var(--settings-text);\r\n  font:\r\n    10px/16px ui-monospace,\r\n    "SFMono-Regular",\r\n    Consolas,\r\n    "Liberation Mono",\r\n    monospace;\r\n  white-space: pre-wrap;\r\n  overflow-wrap: anywhere;\r\n  background: var(--settings-inset);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 9px;\r\n}\r\n\r\n.settings-connection-error-actions {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr);\r\n  gap: 8px;\r\n}\r\n\r\n.settings-connection-error-actions .settings-command-button {\r\n  width: 100%;\r\n}\r\n\r\n.settings-connection-issue-note {\r\n  margin-top: -4px;\r\n}\r\n\r\n.settings-connection-state-summary {\r\n  padding: 14px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 10px;\r\n}\r\n\r\n.settings-empty {\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 72px;\r\n  padding: 12px 16px;\r\n}\r\n\r\n.settings-empty > div {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 2px;\r\n}\r\n\r\n.settings-empty strong {\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  line-height: 19px;\r\n}\r\n\r\n.settings-empty span {\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 19px;\r\n}\r\n\r\n.settings-about-panel {\r\n  display: grid;\r\n  max-width: 720px;\r\n  gap: 18px;\r\n  padding: 24px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 12px;\r\n}\r\n\r\n.settings-about-product {\r\n  color: var(--settings-text);\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  line-height: 32px;\r\n}\r\n\r\n.settings-about-tagline {\r\n  color: var(--settings-text);\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n}\r\n\r\n.settings-about-version-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin: 4px 0 8px;\r\n}\r\n\r\n.settings-about-version-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--settings-text);\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n  padding: 4px 10px;\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-about-copy {\r\n  display: grid;\r\n  max-width: 660px;\r\n  gap: 12px;\r\n}\r\n\r\n.settings-about-copy p,\r\n.settings-about-repository p {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 21px;\r\n}\r\n\r\n.settings-about-star-callout {\r\n  margin: 2px 0;\r\n  color: var(--settings-warning);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-about-repository {\r\n  display: grid;\r\n  gap: 10px;\r\n  padding-top: 18px;\r\n  border-top: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-about-repository-link {\r\n  display: flex;\r\n  align-items: center;\r\n  width: fit-content;\r\n  min-width: 0;\r\n  max-width: 100%;\r\n  gap: 8px;\r\n  color: var(--settings-focus);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n}\r\n\r\n.settings-about-repository-link:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.settings-about-repository-link code {\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  color: var(--settings-muted);\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  font-size: 11px;\r\n  font-weight: 400;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-page-error {\r\n  padding: 16px;\r\n  color: var(--settings-text);\r\n  font-size: 13px;\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 20px;\r\n}\r\n\r\n.settings-update-metadata {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 24px;\r\n  margin-bottom: 24px;\r\n  padding: 0 4px 20px;\r\n  border-bottom: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-update-metadata__item {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-update-metadata__item span {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-update-metadata__item strong {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  color: var(--settings-text);\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  line-height: 22px;\r\n}\r\n\r\n/* The only emphasis on this screen: a latest version newer than the installed one. */\r\n.settings-update-metadata__value--newer {\r\n  color: var(--settings-focus);\r\n}\r\n\r\n.settings-update-panel {\r\n  display: grid;\r\n  gap: 12px;\r\n  padding: 20px;\r\n  color: var(--settings-text);\r\n  background: var(--settings-panel);\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 8px;\r\n}\r\n\r\n.settings-update-panel__head {\r\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-update-panel__head .harnessmix-settings-icon {\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-update-panel[data-update-state="available"] .harnessmix-settings-icon,\r\n.settings-update-panel[data-update-state="downloading"] .harnessmix-settings-icon,\r\n.settings-update-panel[data-update-state="installing"] .harnessmix-settings-icon,\r\n.settings-update-panel[data-update-state="restarting"] .harnessmix-settings-icon {\r\n  color: var(--settings-focus);\r\n}\r\n\r\n.settings-update-panel[data-update-state="current"] .harnessmix-settings-icon {\r\n  color: var(--settings-success);\r\n}\r\n\r\n.settings-update-panel[data-update-state="failed"] .harnessmix-settings-icon,\r\n.settings-update-panel[data-update-state="error"] .harnessmix-settings-icon {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-update-panel__title {\r\n  min-width: 0;\r\n  overflow-wrap: anywhere;\r\n  color: var(--settings-text);\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-update-summary,\r\n.settings-update-error {\r\n  margin: 0;\r\n  overflow-wrap: anywhere;\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-update-summary {\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-update-error {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-update-progress {\r\n  width: 100%;\r\n  height: 8px;\r\n  accent-color: var(--settings-focus);\r\n}\r\n\r\n.settings-update-progress-detail {\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n/* Release notes scroll with the page; a scroller inside a scroller traps the wheel. */\r\n.settings-update-notes-section {\r\n  min-width: 0;\r\n  margin-top: 24px;\r\n  padding-top: 24px;\r\n  border-top: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-update-notes-section:empty {\r\n  display: none;\r\n}\r\n\r\n.settings-update-notes {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  color: var(--settings-muted);\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.settings-update-notes > :first-child {\r\n  margin-top: 0;\r\n}\r\n\r\n.settings-update-notes > :last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.settings-update-notes h1,\r\n.settings-update-notes h2,\r\n.settings-update-notes h3,\r\n.settings-update-notes h4,\r\n.settings-update-notes h5,\r\n.settings-update-notes h6 {\r\n  margin: 6px 0 0;\r\n  color: var(--settings-text);\r\n  font-weight: 600;\r\n}\r\n\r\n.settings-update-notes h1 {\r\n  font-size: 18px;\r\n  line-height: 26px;\r\n}\r\n\r\n.settings-update-notes h2 {\r\n  font-size: 17px;\r\n  line-height: 24px;\r\n}\r\n\r\n.settings-update-notes h3,\r\n.settings-update-notes h4,\r\n.settings-update-notes h5,\r\n.settings-update-notes h6 {\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-update-notes p,\r\n.settings-update-notes ul,\r\n.settings-update-notes ol,\r\n.settings-update-notes pre,\r\n.settings-update-notes blockquote {\r\n  margin: 0;\r\n}\r\n\r\n.settings-update-notes ul,\r\n.settings-update-notes ol {\r\n  padding-left: 24px;\r\n}\r\n\r\n.settings-update-notes li {\r\n  padding-left: 4px;\r\n}\r\n\r\n.settings-update-notes li::marker {\r\n  color: var(--settings-muted);\r\n  font-size: 0.85em;\r\n}\r\n\r\n.settings-update-notes li + li {\r\n  margin-top: 14px;\r\n}\r\n\r\n.settings-update-notes .release-note-translation {\r\n  display: block;\r\n  margin-top: 3px;\r\n  color: var(--settings-muted);\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n}\r\n\r\n.settings-update-notes blockquote {\r\n  padding: 8px 12px;\r\n  color: var(--settings-muted);\r\n  border-left: 3px solid var(--settings-focus);\r\n  background: var(--settings-surface);\r\n}\r\n\r\n.settings-update-notes hr {\r\n  width: 100%;\r\n  margin: 2px 0;\r\n  border: 0;\r\n  border-top: 1px solid var(--settings-divider);\r\n}\r\n\r\n.settings-update-notes strong {\r\n  color: var(--settings-text);\r\n  font-weight: 600;\r\n}\r\n\r\n.settings-update-notes a {\r\n  color: var(--settings-focus);\r\n  text-decoration: none;\r\n}\r\n\r\n.settings-update-notes a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.settings-update-notes code {\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  font-size: 12px;\r\n}\r\n\r\n.settings-update-notes :not(pre) > code {\r\n  padding: 1px 5px;\r\n  background: var(--settings-surface);\r\n  border-radius: 4px;\r\n}\r\n\r\n.settings-update-notes pre {\r\n  min-width: 0;\r\n  max-width: 100%;\r\n  padding: 10px 12px;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  background: var(--settings-inset);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-update-notes pre code {\r\n  line-height: 18px;\r\n  white-space: pre-wrap;\r\n}\r\n\r\n/* Manual update sits directly under the status panel, not behind a disclosure:\r\n   automatic updates can fail for machine-local reasons and this is the way out. */\r\n.settings-update-controls {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 10px;\r\n  margin-top: 24px;\r\n}\r\n\r\n.settings-update-manual-title {\r\n  color: var(--settings-text);\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n}\r\n\r\n.settings-update-manual {\r\n  display: grid;\r\n  min-width: 0;\r\n  gap: 8px;\r\n}\r\n\r\n.settings-update-manual[hidden] {\r\n  display: none;\r\n}\r\n\r\n.settings-update-manual-description {\r\n  margin: 0;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n}\r\n\r\n.settings-update-manual-description.is-fallback {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-update-command {\r\n  display: flex;\r\n  align-items: stretch;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  border: 1px solid var(--settings-border);\r\n  border-radius: 6px;\r\n}\r\n\r\n.settings-update-command code {\r\n  min-width: 0;\r\n  flex: 1;\r\n  padding: 9px 12px;\r\n  overflow-x: auto;\r\n  color: var(--settings-text);\r\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.settings-update-command__copy {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  flex: none;\r\n  gap: 6px;\r\n  padding: 0 12px;\r\n  color: var(--settings-muted);\r\n  font-size: 12px;\r\n  background: transparent;\r\n  border: 0;\r\n  border-left: 1px solid var(--settings-border);\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-update-command__copy:hover {\r\n  color: var(--settings-text);\r\n  background: var(--settings-hover);\r\n}\r\n\r\n.settings-update-command__copy:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: -2px;\r\n}\r\n\r\n.settings-update-actions {\n  display: flex;\r\n  align-items: center;\r\n  min-width: 0;\r\n  gap: 12px;\r\n  flex-wrap: wrap;\r\n}\n\n.settings-storage-block {\n  display: grid;\n  gap: 12px;\n  margin-bottom: 16px;\n}\n\r\n.settings-command-button,\r\n.settings-update-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: none;\r\n  width: max-content;\r\n  max-width: 100%;\r\n  min-height: 30px;\r\n  gap: 6px;\r\n  padding: 5px 10px;\r\n  white-space: nowrap;\r\n  color: var(--settings-primary-text);\r\n  font: inherit;\r\n  font-size: 12px;\r\n  text-decoration: none;\r\n  background: var(--settings-primary);\r\n  border: 1px solid var(--settings-primary);\r\n  border-radius: 7px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-command-button--secondary,\r\n.settings-update-link {\r\n  color: var(--settings-text);\r\n  background: var(--settings-panel);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-command-button:hover:not(:disabled) {\r\n  background: var(--settings-primary-hover);\r\n  border-color: var(--settings-primary-hover);\r\n}\r\n\r\n.settings-command-button--secondary:hover:not(:disabled),\r\n.settings-update-link:hover {\r\n  background: var(--settings-hover);\r\n  border-color: var(--settings-border);\r\n}\r\n\r\n.settings-command-button--danger {\r\n  color: #f87171;\r\n}\r\n\r\n.settings-command-button--danger:hover:not(:disabled) {\r\n  color: #fecaca;\r\n  background: rgb(127 29 29 / 24%);\r\n  border-color: rgb(248 113 113 / 45%);\r\n}\r\n\r\n.settings-command-button:disabled {\r\n  cursor: default;\r\n  opacity: 0.45;\r\n}\r\n\r\n.settings-command-button:disabled,\r\n.settings-command-button[aria-disabled="true"] {\r\n  opacity: 0.55;\r\n  cursor: not-allowed;\r\n  filter: none;\r\n}\r\n\r\n.settings-command-button:focus-visible,\r\n.settings-update-link:focus-visible {\r\n  outline: 2px solid var(--settings-focus);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.harnessmix-settings-icon {\r\n  display: block;\r\n  flex: none;\r\n  stroke: currentColor;\r\n}\r\n\r\n@media (max-width: 720px) {\r\n  .harnessmix-settings-dialog {\r\n    width: calc(100vw - 16px);\r\n    height: calc(100vh - 16px);\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .settings-layout {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    grid-template-rows: auto minmax(0, 1fr);\r\n  }\r\n\r\n  .settings-session-import-row {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .settings-session-import-row__action {\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .settings-sidebar {\r\n    border-right: 0;\r\n    border-bottom: 1px solid var(--settings-border);\r\n  }\r\n\r\n  .settings-header {\r\n    height: 56px;\r\n    padding-inline: 14px;\r\n  }\r\n\r\n  .settings-sidebar {\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .settings-nav {\r\n    flex: none;\r\n    flex-direction: row;\r\n    gap: 4px;\r\n    padding: 7px 8px 8px;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n  }\r\n\r\n  .settings-nav-section-label {\r\n    display: none;\r\n  }\r\n\r\n  .settings-nav-button {\r\n    width: auto;\r\n    min-width: max-content;\r\n    min-height: 34px;\r\n    grid-template-columns: 16px auto;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .settings-nav-star-link {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .settings-page__content {\r\n    width: calc(100% - 40px);\r\n  }\r\n\r\n  .settings-page__content {\r\n    padding-top: 32px;\r\n    padding-bottom: 32px;\r\n  }\r\n\r\n  .settings-section-label {\r\n    padding-bottom: 20px;\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n  }\r\n\r\n  .settings-update-metadata {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  .settings-status-row {\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    gap: 16px;\r\n  }\r\n\r\n  .settings-account-header,\r\n  .settings-connection-page-header {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .settings-account-header > .settings-command-button,\r\n  .settings-connection-page-header > .settings-command-button {\r\n    width: 100%;\r\n  }\r\n\r\n  .settings-connections-layout {\r\n    grid-template-columns: minmax(0, 1fr);\r\n  }\r\n\r\n  .settings-connection-inspector {\r\n    position: static;\r\n  }\r\n\r\n  .settings-status-row__detail {\r\n    grid-column: 1 / -1;\r\n    margin: -8px 0 0 58px;\r\n  }\r\n}\r\n\r\n@media (forced-colors: active) {\r\n  :host {\r\n    --settings-bg: Canvas;\r\n    --settings-sidebar: Canvas;\r\n    --settings-panel: Canvas;\r\n    --settings-surface: Canvas;\r\n    --settings-surface-hover: Highlight;\r\n    --settings-inset: Canvas;\r\n    --settings-text: CanvasText;\r\n    --settings-muted: GrayText;\r\n    --settings-subtle: GrayText;\r\n    --settings-border: ButtonBorder;\r\n    --settings-divider: ButtonBorder;\r\n    --settings-hover: Highlight;\r\n    --settings-active: Highlight;\r\n    --settings-focus: Highlight;\r\n    --settings-primary: ButtonFace;\r\n    --settings-primary-hover: Highlight;\r\n    --settings-primary-text: ButtonText;\r\n    --settings-warning: CanvasText;\r\n    --settings-warning-bg: Canvas;\r\n    --settings-warning-border: ButtonBorder;\r\n    --settings-danger: CanvasText;\r\n    --settings-danger-bg: Canvas;\r\n    --settings-danger-border: ButtonBorder;\r\n    --settings-success: CanvasText;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  *,\r\n  *::before,\r\n  *::after {\r\n    scroll-behavior: auto !important;\r\n    transition-duration: 0s !important;\r\n  }\r\n}\r\n\r\n/* Harness Mix: Model Configuration & One-click Install */\r\n.settings-model-config-panel {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  padding: 14px;\r\n  margin-top: 14px;\r\n  border-radius: 8px;\r\n  background: var(--settings-surface);\r\n  border: 1px solid var(--settings-border);\r\n}\r\n\r\n.settings-model-config-head {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.settings-model-config-title {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: var(--settings-text);\r\n}\r\n\r\n.settings-model-config-description {\r\n  font-size: 11px;\r\n  color: var(--settings-muted);\r\n  margin: 0;\r\n}\r\n\r\n.settings-model-config-loading,\r\n.settings-model-config-empty {\r\n  font-size: 12px;\r\n  color: var(--settings-muted);\r\n  padding: 8px 0;\r\n}\r\n\r\n.settings-model-config-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  margin-top: 4px;\r\n}\r\n\r\n.settings-model-config-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n\r\n.settings-model-config-label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--settings-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.settings-model-config-select {\r\n  height: 32px;\r\n  padding: 0 10px;\r\n  border-radius: 6px;\r\n  border: 1px solid var(--settings-border);\r\n  background: var(--settings-panel);\r\n  color: var(--settings-text);\r\n  font-size: 12px;\r\n  outline: none;\r\n}\r\n\r\n.settings-model-config-select:focus {\r\n  border-color: var(--settings-primary);\r\n}\r\n\r\n.settings-model-config-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n  margin-top: 6px;\r\n}\r\n\r\n.settings-model-config-feedback {\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n}\r\n\r\n.settings-feedback-success {\r\n  color: var(--settings-success);\r\n}\r\n\r\n.settings-feedback-error {\r\n  color: var(--settings-danger);\r\n}\r\n\r\n.settings-feedback-info {\r\n  color: var(--settings-primary);\r\n}\r\n\r\n.settings-install-command-box {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n  min-width: 0;\r\n  margin: 0;\r\n}\r\n\r\n.settings-install-command-label {\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-install-command-row {\r\n  display: flex;\r\n  align-items: center;\r\n  background: var(--settings-inset);\r\n  padding: 8px 12px;\r\n  border-radius: 6px;\r\n  border: 1px solid var(--settings-border);\r\n  min-width: 0;\r\n  overflow-x: auto;\r\n}\r\n\r\n.settings-install-command-row code {\r\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  color: var(--settings-text);\r\n  user-select: all;\r\n  white-space: pre-wrap;\r\n  word-break: break-all;\r\n}\r\n\r\n.settings-install-actions {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr);\r\n  gap: 8px;\r\n  margin-top: 4px;\r\n}\r\n\r\n.settings-install-actions .settings-command-button {\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n.settings-install-feedback {\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  line-height: 18px;\r\n  margin-top: 2px;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.settings-install-manual-card {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  background: var(--settings-inset);\r\n  padding: 12px 14px;\r\n  border-radius: 8px;\r\n  border: 1px solid var(--settings-border);\r\n  margin-top: 6px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.settings-install-manual-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  color: var(--settings-accent, #10a37f);\r\n  background: var(--settings-accent-subtle, rgba(16, 163, 127, 0.1));\r\n  padding: 2px 8px;\r\n  border-radius: 4px;\r\n  width: fit-content;\r\n}\r\n\r\n.settings-install-manual-notice {\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  color: var(--settings-text);\r\n  margin: 0;\r\n}\r\n\r\n.settings-install-steps {\r\n  margin: 0;\r\n  padding-left: 18px;\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n  color: var(--settings-muted);\r\n}\r\n\r\n.settings-install-steps li {\r\n  margin-bottom: 2px;\r\n}\r\n/* MCP and Skills share native settings controls while keeping separate flows. */\n.settings-integrations-controls { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 18px 0 12px; }\n.settings-integrations-controls input { flex: 1; min-width: 180px; }\n.settings-integrations-controls input[hidden] { display: none; }\n.settings-integrations-controls select, .settings-integrations-controls input,\n.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; }\n.settings-integrations-status { min-height: 18px; margin: 0 0 6px; color: var(--settings-muted); font-size: 12px; }\n.settings-integrations-body p { font-size: 12px; line-height: 1.6; opacity: .8; }\n.settings-integrations-toolbar { display: flex; gap: 10px; align-items: center; margin: 8px 0 16px; }\n.settings-integrations-toolbar input { flex: 1; }\n.settings-integrations-list { display: grid; gap: 8px; }\n.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); }\n.settings-integrations-row > div { flex: 1; min-width: 180px; }\n.settings-integrations-row p { margin: 3px 0; }\n.settings-integrations-row code { display: block; overflow-wrap: anywhere; font-size: 11px; color: var(--settings-muted); }\n.settings-integrations-row--native { border-style: dashed; }\n.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; }\n.settings-integrations-editor-head { display: flex; align-items: center; gap: 12px; }\n.settings-integrations-editor-head h3 { margin: 0; }\n.settings-integrations-form { display: grid; gap: 14px; margin: 16px 0 28px; }\n.settings-integrations-form--card { padding: 16px; border: 1px solid var(--settings-border, #8885); border-radius: 12px; }\n.settings-integrations-field { display: grid; gap: 6px; font-size: 12px; }\n.settings-integrations-form > button { justify-self: start; }\n.settings-mcp-args { display: grid; gap: 7px; }\n.settings-mcp-arg { display: flex; gap: 8px; align-items: center; }\n.settings-mcp-arg input { flex: 1; }\n.settings-mcp-kv-row { display: flex; gap: 8px; align-items: center; }\n.settings-mcp-kv-row input { flex: 1; }\n.settings-mcp-add-arg { margin-top: 7px; }\n.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; }\n.settings-mcp-docs-link:hover { color: var(--settings-text, #fff); text-decoration: underline; }\n.settings-integrations-editor-head .settings-command-button--danger { margin-left: auto; }\n.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; }\n.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; }\n.settings-mcp-type-btn:hover { color: var(--settings-text, #fff); }\n.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; }\n.settings-mcp-notice { margin: 4px 0 0; color: var(--settings-muted, #888); font-size: 12px; line-height: 1.5; }\n.settings-mcp-section { display: grid; gap: 14px; }\n.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; }\n.settings-mcp-icon-btn:hover:not(:disabled) { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.4); color: #f87171; }\n.settings-mcp-icon-btn svg { width: 14px; height: 14px; display: block; }\n.settings-integrations-callout { margin: 0; padding: 10px 12px; border-radius: 8px; background: var(--settings-inset); }\n.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; }\n.settings-skill-dropzone > span { max-width: 520px; color: var(--settings-muted); font-size: 12px; line-height: 18px; }\n.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); }\n.settings-skill-dropzone[data-disabled="true"] { opacity: .55; }\n.settings-skills-target-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: center; margin-top: 6px; }\n.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; }\n.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); }\n.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; }\n.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; }\n.settings-skills-tab-btn:hover { color: var(--settings-text, #fff); }\n.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; }\n.settings-skills-overview-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; margin-top: 10px; }\n.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; }\n.settings-skills-harness-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--settings-border, #8883); padding-bottom: 8px; }\n.settings-skills-harness-head strong { font-size: 14px; }\n.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); }\n.settings-skills-badge--active { background: rgba(16, 163, 127, 0.15); color: #10a37f; }\n.settings-skills-list-compact { display: flex; flex-direction: column; gap: 8px; max-height: 280px; overflow-y: auto; }\n.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; }\n.settings-skills-item-row strong { font-size: 13px; }\n.settings-skills-item-row code { font-size: 10px; color: var(--settings-muted); overflow-wrap: anywhere; display: block; }\n.settings-skills-item-actions { display: flex; gap: 6px; align-items: center; flex: none; }\n.settings-skills-matrix-list { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }\n.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; }\n.settings-skills-matrix-head { display: flex; justify-content: space-between; align-items: center; }\n.settings-skills-matrix-head span { font-size: 11px; color: var(--settings-muted); }\n.settings-skills-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }\n.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); }\n.settings-skills-sync-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 4px; }\n.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); }\n.settings-skills-sync-modal::backdrop { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(2px); }\n.settings-skills-sync-modal h3 { margin: 0 0 8px; font-size: 16px; }\n.settings-skills-sync-modal p { margin: 0 0 12px; font-size: 12px; color: var(--settings-muted); }\n.settings-mcp-overview-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 14px; margin-top: 10px; }\n.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; }\n.settings-mcp-harness-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--settings-border, #8883); padding-bottom: 8px; }\n.settings-mcp-harness-head strong { font-size: 14px; }\n.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; }\n.settings-mcp-native-title { font-weight: 600; color: #10a37f; display: flex; align-items: center; gap: 6px; }\n.settings-mcp-native-item { display: flex; flex-direction: column; gap: 2px; color: var(--settings-muted); }\n.settings-mcp-native-item code { font-size: 10px; overflow-wrap: anywhere; }\n.settings-mcp-list-compact { display: flex; flex-direction: column; gap: 8px; max-height: 280px; overflow-y: auto; }\n.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; }\n.settings-mcp-item-row strong { font-size: 13px; }\n.settings-mcp-item-row code { font-size: 10px; color: var(--settings-muted); overflow-wrap: anywhere; display: block; }\n.settings-mcp-item-actions { display: flex; gap: 6px; align-items: center; flex: none; }\n.settings-mcp-card-footer { display: flex; justify-content: flex-end; margin-top: auto; padding-top: 6px; border-top: 1px solid var(--settings-border, #8882); }\n.settings-mcp-matrix-list { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }\n.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; }\n.settings-mcp-matrix-head { display: flex; justify-content: space-between; align-items: center; }\n.settings-mcp-matrix-head span { font-size: 11px; color: var(--settings-muted); }\n.settings-mcp-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }\n.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); }\n.settings-mcp-tag--disabled { background: rgba(255, 255, 255, 0.05); color: var(--settings-muted); border-color: var(--settings-border, #8885); }\n.settings-mcp-sync-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 4px; }\n.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); }\n.settings-mcp-distribute-modal::backdrop { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(2px); }\n.settings-mcp-distribute-modal h3 { margin: 0 0 8px; font-size: 16px; }\n.settings-mcp-distribute-modal p { margin: 0 0 12px; font-size: 12px; color: var(--settings-muted); }\n\n';
 
   // src/native-ui/renderer-extension/src/settings/accounts.css
   var accounts_default = '.settings-harness-accounts {\n  margin-top: 32px;\n}\n\n.settings-harness-accounts__title {\n  margin: 0 0 16px;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.settings-harness-account__identity {\n  min-width: 0;\n}\n\n.settings-harness-account__identity > .settings-account-email {\n  display: block;\n  max-width: 24ch;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-harness-account__logo {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  flex: none;\n}\n\n.settings-harness-account {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 20px;\n  padding: 20px 24px;\n}\n\n.settings-harness-account > .settings-account-row__person {\n  flex: 1 1 280px;\n  min-width: 0;\n}\n\n.settings-harness-account > .settings-account-usage {\n  flex: 1 1 220px;\n  min-width: 0;\n}\n\n.settings-harness-account > .settings-harness-account__actions {\n  flex: 0 0 auto;\n}\n\n.settings-harness-account__badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 1px 7px;\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 16px;\n}\n\n.settings-harness-account__badge--ready {\n  background: rgba(16, 185, 129, 0.12);\n  color: #10b981;\n  border: 1px solid rgba(16, 185, 129, 0.28);\n}\n\n.settings-harness-account__badge--unconfigured {\n  background: rgba(245, 158, 11, 0.12);\n  color: #f59e0b;\n  border: 1px solid rgba(245, 158, 11, 0.28);\n}\n\n.settings-harness-account__badge--not_installed {\n  background: rgba(156, 163, 175, 0.12);\n  color: var(--settings-muted);\n  border: 1px solid rgba(156, 163, 175, 0.25);\n}\n\n.settings-harness-account__config-hint {\n  margin-top: 6px;\n  font-size: 11px;\n  color: var(--settings-muted);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-harness-account__config-hint code {\n  font-family: ui-monospace, Consolas, monospace;\n  font-size: 11px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  padding: 1px 5px;\n  border-radius: 4px;\n}\n\n.settings-harness-account__actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.settings-harness-account__login-btn {\n  font-size: 12px;\n  padding: 6px 12px;\n  white-space: nowrap;\n}\n\n.settings-harness-account + .settings-harness-account {\n  border-top: 1px solid var(--settings-border);\n}\n\n.settings-harness-account > div {\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n\n@media (max-width: 700px) {\n  .settings-harness-account {\n    grid-template-columns: minmax(0, 1fr);\n    padding: 16px;\n  }\n}\n\n.settings-account-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.settings-account-eyebrow {\n  margin: 0 0 8px;\n  color: var(--settings-muted);\n  font-size: 11px;\n  letter-spacing: 0.13em;\n}\n\n.settings-account-header > :first-child {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.settings-account-header > .settings-command-button {\n  flex: none;\n  white-space: nowrap;\n  margin-top: 20px;\n  min-height: 36px;\n  padding: 8px 12px;\n  border-radius: 7px;\n}\n\n.settings-account-header .settings-section-label {\n  margin: 0;\n  padding: 0;\n  font-size: 27px;\n  line-height: 1.4;\n  font-weight: 650;\n  letter-spacing: -0.035em;\n}\n.settings-account-header .settings-page-description {\n  margin: 8px 0 0;\n  font-size: 13px;\n}\n\n.settings-account-status {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n.settings-account-status:empty {\n  display: none;\n}\n\n.settings-account-help-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-top: 20px;\n  flex-wrap: wrap;\n}\n.settings-account-task-hint {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  flex: 1 1 280px;\n}\n.settings-account-task-hint svg {\n  flex: none;\n  margin-top: 1px;\n}\n.settings-account-help-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-radius: 7px;\n  cursor: pointer;\n}\n.settings-account-help-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n.settings-account-device-code-note {\n  margin: 12px 0 0;\n  font-size: 12px;\n  padding: 10px 12px;\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n  border: 1px solid var(--settings-warning-border);\n  border-radius: 8px;\n}\n\n.settings-account-toolbar {\n  margin-top: 27px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-border);\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.settings-account-count {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  white-space: nowrap;\n}\n.settings-account-count > :last-child {\n  color: var(--settings-muted);\n  font-variant-numeric: tabular-nums;\n}\n.settings-account-search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--settings-muted);\n  margin-right: auto;\n  min-width: 0;\n  max-width: 100%;\n}\n.settings-account-search svg {\n  flex: none;\n}\n.settings-account-toolbar input {\n  min-width: 80px;\n  width: 150px;\n  max-width: 100%;\n  padding: 5px 0;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  font-size: 13px;\n}\n.settings-account-toolbar input::placeholder {\n  color: var(--settings-muted);\n}\n.settings-account-display-controls {\n  display: flex;\n  padding: 3px;\n  border: 1px solid var(--settings-border);\n  border-radius: 7px;\n  background: var(--settings-inset);\n}\n.settings-account-display-controls button {\n  padding: 4px 10px;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 4px;\n  font-size: 12px;\n  cursor: pointer;\n}\n.settings-account-display-controls button:hover {\n  color: var(--settings-text);\n}\n.settings-account-display-controls button[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-active);\n}\n\n.settings-account-list {\n  --account-border: light-dark(#e2e2e8, #36363b);\n  --account-muted: light-dark(#676773, #a5a5af);\n  border: 1px solid var(--account-border);\n  border-radius: 11px;\n  overflow: hidden;\n  container-type: inline-size;\n}\n.settings-account-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  font-size: 12px;\n}\n.settings-account-table th {\n  padding: 13px 20px;\n  color: var(--account-muted);\n  background: light-dark(#f8f8fa, #202024);\n  font-size: 11px;\n  font-weight: 500;\n  text-align: left;\n}\n.settings-account-table th:nth-child(1) {\n  width: 32%;\n}\n.settings-account-table th:nth-child(2) {\n  width: 38%;\n}\n.settings-account-table th:nth-child(3) {\n  width: 12%;\n}\n.settings-account-table th:nth-child(4) {\n  width: 18%;\n  text-align: right;\n}\n.settings-account-table td {\n  padding: 19px 20px;\n  vertical-align: middle;\n  border-top: 1px solid var(--settings-divider);\n}\n.settings-account-row {\n  background: light-dark(#ffffff, #232326);\n}\n.settings-account-row:hover {\n  background: light-dark(#f7f7fa, #26262a);\n}\n.settings-account-row__person {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  align-items: center;\n  gap: 11px;\n  min-width: 0;\n}\n.settings-account-row__mark {\n  display: grid;\n  place-items: center;\n  width: 34px;\n  height: 34px;\n  color: light-dark(#67558d, #c3baff);\n  background: light-dark(#f0ecf7, #353044);\n  border: 1px solid light-dark(#d9d0e6, #4d435f);\n  border-radius: 10px;\n}\n.settings-account-row__identity {\n  min-width: 0;\n}\n.settings-account-title {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n.settings-account-email {\n  min-width: 0;\n  overflow: hidden;\n  font-size: 13px;\n  font-weight: 550;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-metadata {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 7px;\n  margin-top: 4px;\n  color: var(--settings-muted);\n}\n.settings-account-domain {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-plan-separator {\n  flex: none;\n}\n.settings-account-plan {\n  flex: none;\n  padding: 1px 6px;\n  color: var(--settings-muted);\n  border: 1px solid var(--settings-border);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n.settings-account-plan--highlighted {\n  color: light-dark(#654f91, #c8bfff);\n  background: light-dark(#f2edf9, #a99bff18);\n  border-color: light-dark(#d9ccea, #a99bff52);\n  font-weight: 600;\n}\n.settings-account-active {\n  flex: none;\n  padding: 2px 7px;\n  color: light-dark(#66548e, #bdb4ff);\n  background: light-dark(#f4f0fb, #aca0ff12);\n  border: 1px solid light-dark(#dfd5f1, #aca0ff24);\n  border-radius: 5px;\n  font-size: 11px;\n  white-space: nowrap;\n}\n\n.settings-account-usage {\n  display: grid;\n  gap: 14px;\n  max-width: 380px;\n}\n.settings-account-usage__meter {\n  display: grid;\n  grid-template-columns: 48px minmax(36px, 1fr) 96px;\n  align-items: center;\n  gap: 3px 10px;\n}\n:host([lang="zh-CN"]) .settings-account-usage__meter {\n  grid-template-columns: 48px minmax(36px, 1fr) 72px;\n}\n\n.settings-account-usage__title {\n  color: light-dark(#5d5d68, #c3c3cd);\n  font-size: 12px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.settings-account-usage__percent {\n  display: flex;\n  align-items: baseline;\n  justify-content: flex-end;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.settings-account-usage__value-label {\n  color: var(--settings-muted);\n  font-size: 11px;\n  font-weight: 400;\n}\n.settings-account-usage__percent--warn {\n  color: var(--settings-warning);\n}\n.settings-account-usage__percent--hot {\n  color: var(--settings-danger);\n}\n.settings-account-usage__bar {\n  height: 4px;\n  overflow: hidden;\n  background: light-dark(#e3e1e8, #3c3c43);\n  border-radius: 4px;\n}\n.settings-account-usage__bar > span {\n  display: block;\n  height: 100%;\n  background: light-dark(#81769e, #9993b8);\n  border-radius: inherit;\n}\n.settings-account-usage__bar--warn > span {\n  background: var(--settings-warning);\n}\n.settings-account-usage__bar--hot > span {\n  background: var(--settings-danger);\n}\n.settings-account-usage__sub {\n  grid-column: 2 / -1;\n  color: var(--account-muted);\n  font-size: 11px;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.settings-account-usage__message,\n.settings-account-unknown {\n  color: var(--settings-muted);\n}\n.settings-account-usage > button {\n  justify-self: start;\n}\n.settings-account-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n.settings-account-action {\n  padding: 8px 10px;\n  min-height: 36px;\n  font-size: 12px;\n  color: var(--settings-text);\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.settings-account-action:hover {\n  background: var(--settings-hover);\n}\n.settings-account-action:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.settings-account-actions .settings-account-delete {\n  color: var(--settings-muted);\n}\n.settings-account-actions .settings-account-delete:hover,\n.settings-account-actions .settings-account-delete:focus-visible {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n.settings-account-mobile-label {\n  display: none;\n}\n.settings-account-reset-summary {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  min-height: 32px;\n  padding: 3px 0;\n  font-size: 12px;\n  white-space: nowrap;\n  color: var(--settings-text);\n  background: transparent;\n  border: 0;\n  border-radius: 5px;\n  cursor: pointer;\n}\n.settings-account-reset-summary:hover {\n  background: var(--settings-hover);\n}\n.settings-account-reset-summary[aria-expanded="true"] > svg:last-child {\n  transform: rotate(90deg);\n}\n.settings-account-details-row > td {\n  background: var(--settings-inset);\n}\n.settings-account-reset-details {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n.settings-account-reset-details strong {\n  font-size: 12px;\n}\n.settings-account-reset-expiry {\n  margin: 6px 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-expiry.is-warn {\n  color: var(--settings-warning);\n}\n.settings-account-reset-expiry.is-hot {\n  color: var(--settings-danger);\n}\n.settings-account-reset-list {\n  margin: 8px 0 0;\n  padding: 0;\n  list-style: none;\n  color: var(--settings-muted);\n  font-size: 11px;\n}\n.settings-account-reset-list li + li {\n  margin-top: 4px;\n}\n.settings-account-empty {\n  text-align: center;\n  color: var(--settings-muted);\n}\n.settings-account-verification {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  color: var(--settings-muted);\n}\n.settings-account-verification a {\n  color: var(--settings-focus);\n  overflow-wrap: anywhere;\n}\n.settings-account-verification code {\n  padding: 5px 8px;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n.settings-account-list :focus-visible,\n.settings-account-toolbar :focus-visible,\n.settings-account-help-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n@container (min-width: 611px) and (max-width: 800px) {\n  .settings-account-table th,\n  .settings-account-table td {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n  .settings-account-table th:nth-child(1) {\n    width: 30%;\n  }\n  .settings-account-table th:nth-child(2) {\n    width: 37%;\n  }\n  .settings-account-table th:nth-child(4) {\n    width: 21%;\n  }\n}\n\n@container (max-width: 610px) {\n  .settings-account-table,\n  .settings-account-table tbody {\n    display: block;\n  }\n  .settings-account-table thead {\n    display: none;\n  }\n  .settings-account-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    padding: 16px;\n    gap: 12px;\n    border-bottom: 1px solid var(--settings-divider);\n  }\n  .settings-account-table .settings-account-row > td {\n    padding: 0;\n    border: 0;\n  }\n  .settings-account-row > td:nth-child(1),\n  .settings-account-row > td:nth-child(2) {\n    grid-column: 1 / -1;\n  }\n  .settings-account-row > td:nth-child(3) {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .settings-account-mobile-label {\n    display: inline;\n    color: var(--settings-muted);\n    font-size: 11px;\n  }\n  .settings-account-usage {\n    max-width: none;\n  }\n  .settings-account-table tr:not(.settings-account-row),\n  .settings-account-table tr:not(.settings-account-row) > td {\n    display: block;\n  }\n}\n\n@media (forced-colors: active) {\n  .settings-account-usage__bar {\n    border: 1px solid CanvasText;\n  }\n  .settings-account-usage__bar > span {\n    background: Highlight;\n  }\n}\n';
@@ -30498,10 +31147,10 @@ ${logoCss}${polaroidCss}
   var skin_market_default = '.skin-market__intro {\n  max-width: 680px;\n  margin: -8px 0 18px;\n  color: var(--settings-muted);\n  font-size: 13px;\n}\n\n.skin-safety-note {\n  display: grid;\n  grid-template-columns: 18px minmax(0, 1fr);\n  align-items: start;\n  gap: 10px;\n  margin: 0 0 22px;\n  padding: 12px 14px;\n  color: var(--settings-muted);\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.skin-safety-note > span,\n.skin-safety-note strong {\n  display: block;\n}\n\n.skin-safety-note strong {\n  margin-bottom: 2px;\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.skin-market-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 13px;\n}\n\n.skin-card {\n  overflow: hidden;\n  position: relative;\n  min-width: 0;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.skin-card[data-selected] {\n  border-color: color-mix(in srgb, var(--settings-focus) 62%, var(--settings-border));\n  box-shadow: inset 3px 0 0 var(--settings-focus);\n}\n\n.skin-preview {\n  position: relative;\n  height: 128px;\n  overflow: hidden;\n  border-bottom: 1px solid rgb(255 255 255 / 10%);\n}\n\n.skin-preview::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgb(255 255 255 / 8%), transparent 36%);\n  pointer-events: none;\n}\n\n.skin-preview__dots {\n  position: absolute;\n  top: 11px;\n  left: 12px;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: rgb(255 255 255 / 70%);\n  box-shadow: 9px 0 rgb(255 255 255 / 42%), 18px 0 rgb(255 255 255 / 24%);\n}\n\n.skin-preview__sidebar,\n.skin-preview__conversation,\n.skin-preview__composer {\n  position: absolute;\n  background: rgb(5 10 16 / 48%);\n  border: 1px solid rgb(255 255 255 / 14%);\n  backdrop-filter: blur(8px);\n}\n\n.skin-preview__sidebar {\n  inset: 27px auto 10px 10px;\n  width: 26%;\n  border-radius: 6px;\n}\n\n.skin-preview__conversation {\n  inset: 27px 10px 42px 31%;\n  border-radius: 7px;\n}\n\n.skin-preview__conversation::before,\n.skin-preview__conversation::after {\n  content: "";\n  position: absolute;\n  left: 12px;\n  height: 5px;\n  border-radius: 3px;\n  background: rgb(255 255 255 / 48%);\n}\n\n.skin-preview__conversation::before {\n  top: 14px;\n  width: 56%;\n}\n\n.skin-preview__conversation::after {\n  top: 27px;\n  width: 38%;\n  opacity: 0.55;\n}\n\n.skin-preview__composer {\n  right: 10px;\n  bottom: 10px;\n  left: 31%;\n  height: 24px;\n  border-radius: 8px;\n}\n\n.skin-card__body {\n  padding: 14px;\n}\n\n.skin-card__title-row,\n.skin-card__footer {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.skin-card__title {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.skin-card__current {\n  margin-left: auto;\n  color: var(--settings-success);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.skin-card__description {\n  min-height: 38px;\n  margin: 7px 0 13px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n.skin-card__description a {\n  color: inherit;\n  text-decoration: underline;\n  text-decoration-color: var(--settings-border);\n  text-underline-offset: 3px;\n}\n\n.skin-card__description a:hover {\n  color: var(--settings-text);\n}\n\n.skin-card__palette {\n  display: flex;\n  align-items: center;\n}\n\n.skin-card__palette i {\n  width: 18px;\n  height: 18px;\n  margin-left: -4px;\n  border: 2px solid var(--settings-panel);\n  border-radius: 50%;\n}\n\n.skin-card__palette i:first-child {\n  margin-left: 0;\n}\n\n.skin-card__apply {\n  margin-left: auto;\n}\n\n.skin-card__apply:disabled {\n  color: var(--settings-muted);\n  background: var(--settings-surface);\n  cursor: default;\n}\n\n@media (max-width: 900px) {\n  .skin-market-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 620px) {\n  .skin-market-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .skin-card,\n  .skin-card * {\n    transition: none !important;\n  }\n}\n';
 
   // src/native-ui/renderer-extension/src/settings/pet-market.css
-  var pet_market_default = '.pet-market__intro {\n  margin: 0 0 16px;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--text-secondary, rgba(255, 255, 255, 0.65));\n}\n\n.pet-safety-note {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 10px 14px;\n  margin-bottom: 20px;\n  border-radius: 8px;\n  background: var(--bg-secondary, rgba(255, 255, 255, 0.04));\n  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));\n  font-size: 12px;\n  line-height: 1.4;\n  color: var(--text-secondary, rgba(255, 255, 255, 0.7));\n}\n\n.pet-safety-note strong {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--text-primary, #ffffff);\n  margin-bottom: 2px;\n}\n\n.pet-safety-note svg {\n  flex-shrink: 0;\n  color: var(--accent, #10a37f);\n  margin-top: 1px;\n}\n\n.pet-market__toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 18px;\n}\n\n.pet-market__tabs {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  background: var(--bg-secondary, rgba(255, 255, 255, 0.04));\n  padding: 3px;\n  border-radius: 8px;\n  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));\n}\n\n.pet-market__tab {\n  appearance: none;\n  background: transparent;\n  border: none;\n  color: var(--text-secondary, rgba(255, 255, 255, 0.6));\n  padding: 5px 12px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s;\n}\n\n.pet-market__tab:hover {\n  color: var(--text-primary, #ffffff);\n  background: rgba(255, 255, 255, 0.05);\n}\n\n.pet-market__tab[data-active="true"] {\n  background: var(--bg-tertiary, rgba(255, 255, 255, 0.12));\n  color: var(--text-primary, #ffffff);\n  font-weight: 600;\n}\n\n.pet-market__search-wrap {\n  position: relative;\n  min-width: 200px;\n  flex: 1;\n  max-width: 280px;\n}\n\n.pet-market__search-wrap svg {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: var(--text-tertiary, rgba(255, 255, 255, 0.4));\n}\n\n.pet-market__search {\n  width: 100%;\n  padding: 6px 12px 6px 32px;\n  border-radius: 6px;\n  background: var(--bg-secondary, rgba(255, 255, 255, 0.05));\n  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));\n  color: var(--text-primary, #ffffff);\n  font-size: 12px;\n  outline: none;\n  transition: border-color 0.15s;\n}\n\n.pet-market__search:focus {\n  border-color: var(--accent, #10a37f);\n}\n\n.pet-market-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n  gap: 16px;\n}\n\n.pet-card {\n  display: flex;\n  flex-direction: column;\n  background: var(--bg-secondary, rgba(255, 255, 255, 0.03));\n  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));\n  border-radius: 10px;\n  overflow: hidden;\n  transition: border-color 0.2s, box-shadow 0.2s;\n}\n\n.pet-card:hover {\n  border-color: var(--border-strong, rgba(255, 255, 255, 0.18));\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.pet-card[data-installed="true"] {\n  border-color: rgba(16, 163, 127, 0.35);\n}\n\n.pet-card__stage {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 140px;\n  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.01) 70%);\n  border-bottom: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.06));\n  overflow: hidden;\n  user-select: none;\n}\n\n.pet-card__sprite {\n  width: 96px;\n  height: 104px;\n  background-repeat: no-repeat;\n  image-rendering: pixelated;\n  image-rendering: -webkit-optimize-contrast;\n  transition: transform 0.2s;\n}\n\n.pet-card:hover .pet-card__sprite {\n  transform: scale(1.08);\n}\n\n.pet-card__body {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding: 14px;\n}\n\n.pet-card__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 8px;\n  margin-bottom: 6px;\n}\n\n.pet-card__title {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--text-primary, #ffffff);\n}\n\n.pet-card__badges {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex-shrink: 0;\n}\n\n.pet-card__badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  font-size: 10.5px;\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-weight: 500;\n}\n\n.pet-card__badge--official {\n  background: rgba(59, 130, 246, 0.15);\n  color: #60a5fa;\n  border: 1px solid rgba(59, 130, 246, 0.3);\n}\n\n.pet-card__badge--community {\n  background: rgba(168, 85, 247, 0.15);\n  color: #c084fc;\n  border: 1px solid rgba(168, 85, 247, 0.3);\n}\n\n.pet-card__badge--installed {\n  background: rgba(16, 163, 127, 0.15);\n  color: #10a37f;\n  border: 1px solid rgba(16, 163, 127, 0.3);\n}\n\n.pet-card__description {\n  margin: 0 0 14px;\n  font-size: 12px;\n  line-height: 1.45;\n  color: var(--text-secondary, rgba(255, 255, 255, 0.6));\n  flex: 1;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.pet-card__footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  margin-top: auto;\n  padding-top: 10px;\n  border-top: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.05));\n}\n\n.pet-card__dir-hint {\n  font-size: 11px;\n  color: var(--text-tertiary, rgba(255, 255, 255, 0.4));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.pet-card__actions {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: auto;\n}\n\n.pet-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 5px 12px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.pet-btn--primary {\n  background: var(--accent, #10a37f);\n  color: #ffffff;\n}\n\n.pet-btn--primary:hover:not(:disabled) {\n  filter: brightness(1.1);\n}\n\n.pet-btn--secondary {\n  background: var(--bg-tertiary, rgba(255, 255, 255, 0.08));\n  border-color: var(--border-subtle, rgba(255, 255, 255, 0.1));\n  color: var(--text-secondary, rgba(255, 255, 255, 0.75));\n}\n\n.pet-btn--secondary:hover:not(:disabled) {\n  background: rgba(255, 255, 255, 0.12);\n  color: var(--text-primary, #ffffff);\n}\n\n.pet-btn--danger {\n  background: transparent;\n  border-color: rgba(239, 68, 68, 0.25);\n  color: #f87171;\n}\n\n.pet-btn--danger:hover:not(:disabled) {\n  background: rgba(239, 68, 68, 0.12);\n  border-color: rgba(239, 68, 68, 0.5);\n}\n\n.pet-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.pet-market__empty {\n  grid-column: 1 / -1;\n  text-align: center;\n  padding: 40px 20px;\n  color: var(--text-tertiary, rgba(255, 255, 255, 0.45));\n  font-size: 13px;\n}\n';
+  var pet_market_default = '.pet-market__intro {\n  margin: 0 0 16px;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--text-secondary, rgba(255, 255, 255, 0.65));\n}\n\n.pet-safety-note {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  padding: 10px 14px;\n  margin-bottom: 20px;\n  border-radius: 8px;\n  background: var(--bg-secondary, rgba(255, 255, 255, 0.04));\n  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));\n  font-size: 12px;\n  line-height: 1.4;\n  color: var(--text-secondary, rgba(255, 255, 255, 0.7));\n}\n\n.pet-safety-note strong {\n  display: block;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--text-primary, #ffffff);\n  margin-bottom: 2px;\n}\n\n.pet-safety-note svg {\n  flex-shrink: 0;\n  color: var(--accent, #10a37f);\n  margin-top: 1px;\n}\n\n.pet-market__toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 18px;\n}\n\n.pet-market__tabs {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  background: var(--bg-secondary, rgba(255, 255, 255, 0.04));\n  padding: 3px;\n  border-radius: 8px;\n  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));\n}\n\n.pet-market__tab {\n  appearance: none;\n  background: transparent;\n  border: none;\n  color: var(--text-secondary, rgba(255, 255, 255, 0.6));\n  padding: 5px 12px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s;\n}\n\n.pet-market__tab:hover {\n  color: var(--text-primary, #ffffff);\n  background: rgba(255, 255, 255, 0.05);\n}\n\n.pet-market__tab[data-active="true"] {\n  background: var(--bg-tertiary, rgba(255, 255, 255, 0.12));\n  color: var(--text-primary, #ffffff);\n  font-weight: 600;\n}\n\n.pet-market__search-wrap {\n  position: relative;\n  min-width: 200px;\n  flex: 1;\n  max-width: 280px;\n}\n\n.pet-market__search-wrap svg {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: var(--text-tertiary, rgba(255, 255, 255, 0.4));\n}\n\n.pet-market__search {\n  width: 100%;\n  padding: 6px 12px 6px 32px;\n  border-radius: 6px;\n  background: var(--bg-secondary, rgba(255, 255, 255, 0.05));\n  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));\n  color: var(--text-primary, #ffffff);\n  font-size: 12px;\n  outline: none;\n  transition: border-color 0.15s;\n}\n\n.pet-market__search:focus {\n  border-color: var(--accent, #10a37f);\n}\n\n.pet-market-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n  gap: 16px;\n}\n\n.pet-card {\n  display: flex;\n  flex-direction: column;\n  background: var(--bg-secondary, rgba(255, 255, 255, 0.03));\n  border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));\n  border-radius: 10px;\n  overflow: hidden;\n  transition: border-color 0.2s, box-shadow 0.2s;\n}\n\n.pet-card:hover {\n  border-color: var(--border-strong, rgba(255, 255, 255, 0.18));\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.pet-card[data-installed="true"] {\n  border-color: rgba(16, 163, 127, 0.35);\n}\n\n.pet-card[data-state="installing"] .pet-card__stage,\n.pet-card[data-state="uninstalling"] .pet-card__stage {\n  opacity: 0.55;\n}\n\n.pet-card[data-state="failed"] {\n  border-color: rgba(239, 68, 68, 0.35);\n}\n\n.pet-card__stage {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 140px;\n  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.01) 70%);\n  border-bottom: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.06));\n  overflow: hidden;\n  user-select: none;\n}\n\n.pet-card__sprite {\n  width: 96px;\n  height: 104px;\n  background-repeat: no-repeat;\n  image-rendering: pixelated;\n  image-rendering: -webkit-optimize-contrast;\n  transition: transform 0.2s;\n}\n\n.pet-card:hover .pet-card__sprite {\n  transform: scale(1.08);\n}\n\n.pet-card__body {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding: 14px;\n}\n\n.pet-card__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 8px;\n  margin-bottom: 6px;\n}\n\n.pet-card__title {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--text-primary, #ffffff);\n}\n\n.pet-card__badges {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex-shrink: 0;\n}\n\n.pet-card__badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  font-size: 10.5px;\n  padding: 2px 6px;\n  border-radius: 4px;\n  font-weight: 500;\n}\n\n.pet-card__badge--official {\n  background: rgba(59, 130, 246, 0.15);\n  color: #60a5fa;\n  border: 1px solid rgba(59, 130, 246, 0.3);\n}\n\n.pet-card__badge--community {\n  background: rgba(168, 85, 247, 0.15);\n  color: #c084fc;\n  border: 1px solid rgba(168, 85, 247, 0.3);\n}\n\n.pet-card__badge--installed {\n  background: rgba(16, 163, 127, 0.15);\n  color: #10a37f;\n  border: 1px solid rgba(16, 163, 127, 0.3);\n}\n\n.pet-card__badge--failed {\n  background: rgba(239, 68, 68, 0.15);\n  color: #f87171;\n  border: 1px solid rgba(239, 68, 68, 0.3);\n}\n\n.pet-card__status {\n  margin: 0 0 10px;\n  font-size: 11.5px;\n  color: var(--text-secondary, rgba(255, 255, 255, 0.6));\n}\n\n.pet-card__error {\n  margin: 0 0 10px;\n  padding: 6px 8px;\n  border-radius: 6px;\n  background: rgba(239, 68, 68, 0.08);\n  border: 1px solid rgba(239, 68, 68, 0.25);\n  color: #f87171;\n  font-size: 11.5px;\n  line-height: 1.4;\n  word-break: break-word;\n}\n\n.pet-card__description {\n  margin: 0 0 14px;\n  font-size: 12px;\n  line-height: 1.45;\n  color: var(--text-secondary, rgba(255, 255, 255, 0.6));\n  flex: 1;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.pet-card__footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  margin-top: auto;\n  padding-top: 10px;\n  border-top: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.05));\n}\n\n.pet-card__dir-hint {\n  font-size: 11px;\n  color: var(--text-tertiary, rgba(255, 255, 255, 0.4));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.pet-card__actions {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: auto;\n}\n\n.pet-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 5px 12px;\n  border-radius: 6px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.pet-btn--primary {\n  background: var(--accent, #10a37f);\n  color: #ffffff;\n}\n\n.pet-btn--primary:hover:not(:disabled) {\n  filter: brightness(1.1);\n}\n\n.pet-btn--secondary {\n  background: var(--bg-tertiary, rgba(255, 255, 255, 0.08));\n  border-color: var(--border-subtle, rgba(255, 255, 255, 0.1));\n  color: var(--text-secondary, rgba(255, 255, 255, 0.75));\n}\n\n.pet-btn--secondary:hover:not(:disabled) {\n  background: rgba(255, 255, 255, 0.12);\n  color: var(--text-primary, #ffffff);\n}\n\n.pet-btn--danger {\n  background: transparent;\n  border-color: rgba(239, 68, 68, 0.25);\n  color: #f87171;\n}\n\n.pet-btn--danger:hover:not(:disabled) {\n  background: rgba(239, 68, 68, 0.12);\n  border-color: rgba(239, 68, 68, 0.5);\n}\n\n.pet-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.pet-market__empty {\n  grid-column: 1 / -1;\n  text-align: center;\n  padding: 40px 20px;\n  color: var(--text-tertiary, rgba(255, 255, 255, 0.45));\n  font-size: 13px;\n}\n';
 
   // src/native-ui/renderer-extension/src/settings/shell.ts
-  var SETTINGS_SHELL_ATTRIBUTE = "data-codexhost-settings-shell";
+  var SETTINGS_SHELL_ATTRIBUTE = "data-harnessmix-settings-shell";
   var RENDERER_SETTINGS_COLOR_SCHEME = "inherit";
   function isRendererSettingsDialogSupported(dialog) {
     return typeof dialog.showModal === "function" && typeof dialog.close === "function";
@@ -30516,7 +31165,7 @@ ${logoCss}${polaroidCss}
     const resolvedRegistry = registry2 ?? createDefaultRendererSettingsRegistry(messages);
     if (!ownerDocument.body) throw new Error("Renderer document body is unavailable");
     if (ownerDocument.querySelector(`[${SETTINGS_SHELL_ATTRIBUTE}]`)) {
-      throw new Error("A codexhost settings shell is already mounted");
+      throw new Error("A harnessmix settings shell is already mounted");
     }
     const root = ownerDocument.createElement("div");
     root.setAttribute(SETTINGS_SHELL_ATTRIBUTE, "v1");
@@ -30529,7 +31178,7 @@ ${accounts_default}
 ${skin_market_default}
 ${pet_market_default}`;
     const dialog = ownerDocument.createElement("dialog");
-    dialog.className = "codexhost-settings-dialog";
+    dialog.className = "harnessmix-settings-dialog";
     const frame = ownerDocument.createElement("div");
     frame.className = "settings-frame";
     const header = ownerDocument.createElement("header");
@@ -30546,7 +31195,7 @@ ${pet_market_default}`;
     brandName.textContent = "Harness Mix";
     const brandTitle = ownerDocument.createElement("span");
     brandTitle.className = "settings-brand__title";
-    brandTitle.id = "codexhost-settings-dialog-title";
+    brandTitle.id = "harnessmix-settings-dialog-title";
     brandTitle.textContent = messages.title;
     brandCopy.append(brandName, brandTitle);
     brand.append(brandMark, brandCopy);
@@ -30650,7 +31299,7 @@ ${pet_market_default}`;
     }
     const starLink = ownerDocument.createElement("a");
     starLink.className = "settings-nav-button settings-nav-star-link";
-    starLink.href = CODEXHOST_GITHUB_REPOSITORY_URL;
+    starLink.href = HARNESSMIX_GITHUB_REPOSITORY_URL;
     starLink.target = "_blank";
     starLink.rel = "noopener noreferrer";
     starLink.setAttribute("aria-label", messages.starOnGitHub);
@@ -30741,24 +31390,24 @@ ${pet_market_default}`;
     const registry2 = definitions ? createRendererSettingsPageRegistry(definitions) : createDefaultRendererSettingsRegistry(messages);
     const ownerWindow = ownerDocument.defaultView ?? (typeof window !== "undefined" ? window : void 0);
     if (ownerWindow) {
-      ownerWindow.__codexhostSettingsShellV1?.dispose();
+      ownerWindow.__harnessmixSettingsShellV1?.dispose();
     }
     const shell = mountRendererSettingsShell(registry2, ownerDocument, messages);
     if (ownerWindow) {
-      ownerWindow.__codexhostSettingsShellV1 = shell;
+      ownerWindow.__harnessmixSettingsShellV1 = shell;
     }
     const dispose = shell.dispose.bind(shell);
     shell.dispose = () => {
       dispose();
-      if (ownerWindow && ownerWindow.__codexhostSettingsShellV1 === shell) {
-        delete ownerWindow.__codexhostSettingsShellV1;
+      if (ownerWindow && ownerWindow.__harnessmixSettingsShellV1 === shell) {
+        delete ownerWindow.__harnessmixSettingsShellV1;
       }
     };
     return shell;
   }
 
   // src/native-ui/renderer-extension/src/settings/trigger.ts
-  var SETTINGS_TRIGGER_ATTRIBUTE = "data-codexhost-settings-trigger";
+  var SETTINGS_TRIGGER_ATTRIBUTE = "data-harnessmix-settings-trigger";
   var SETTINGS_APPLICATION_HEADER_SELECTOR = 'header[data-pip-obstacle="app-shell-header"]';
   var SETTINGS_HEADER_SLOT_SELECTOR = ':scope > [data-test-id="header-shell-slot"]';
   function measuredBounds(element) {
@@ -31437,7 +32086,7 @@ ${pet_market_default}`;
     return normalized;
   }
   function installRendererBindingProbe(options = {}) {
-    const existing = window.__codexhostRendererBindingProbeV1;
+    const existing = window.__harnessmixRendererBindingProbeV1;
     if (existing) return existing;
     const enabledAgents = [...new Set(options.enabledAgents ?? DEFAULT_RENDERER_AGENTS)];
     const enabledAgentSet = new Set(enabledAgents);
@@ -31511,6 +32160,25 @@ ${pet_market_default}`;
         return client?.applyThreadWorkspace?.({ threadId, digest }) ?? { patch: "", digest: "" };
       }
     });
+    const teamCards = installTeamCards({
+      inspectTeam: async (threadId, teamId) => {
+        const client = modelClientForHost("local");
+        return client?.inspectThreadTeam?.({ threadId, ...teamId ? { teamId } : {} }) ?? null;
+      },
+      openThread: (threadId) => openRendererThread(hostThreadIdSchema.parse(threadId), { hostId: "local" }),
+      activeThread: () => {
+        const mounted = [...mountedByComposer.values()].find((candidate) => {
+          if (!candidate.composer.isConnected || !candidate.control.root.isConnected) return false;
+          if (!threadIdFromComposerModelTarget(candidate.modelTarget)) return false;
+          const style = window.getComputedStyle(candidate.composer);
+          return style.display !== "none" && style.visibility !== "hidden" && candidate.composer.getClientRects().length > 0;
+        });
+        const threadId = mounted ? threadIdFromComposerModelTarget(mounted.modelTarget) : null;
+        const scroll = mounted?.composer.closest(".thread-scroll-container");
+        const content = scroll?.parentElement?.parentElement;
+        return mounted && threadId ? { threadId, anchor: content ?? mounted.composer } : null;
+      }
+    });
     let connectionDiagnostics = null;
     const settingsLifecycle = installRendererSettingsLifecycle(window, {
       getUpdateClient: () => modelControl,
@@ -31636,7 +32304,7 @@ ${pet_market_default}`;
         }
       }
       window.dispatchEvent(
-        new CustomEvent("codexhost:renderer-submission", {
+        new CustomEvent("harnessmix:renderer-submission", {
           detail: {
             composerId: state.composerId,
             agent: state.agent,
@@ -31702,7 +32370,7 @@ ${pet_market_default}`;
         await modelControl.executeThreadCommand({ threadId, commandId: command.id });
       } catch (error51) {
         console.error(
-          "codexhost Harness command failed",
+          "harnessmix Harness command failed",
           error51 instanceof Error ? error51.message : String(error51)
         );
       } finally {
@@ -31719,7 +32387,7 @@ ${pet_market_default}`;
       })) {
         return;
       }
-      console.error("codexhost Harness command could not claim the current Composer editor");
+      console.error("harnessmix Harness command could not claim the current Composer editor");
     };
     const applyThreadUsageUpdate = (update) => {
       for (const mounted of mountedByComposer.values()) {
@@ -32631,12 +33299,7 @@ ${pet_market_default}`;
         sidebarAgentIcons.refresh();
         return switched;
       } catch {
-        adapterStatus = {
-          ...adapterStatus,
-          state: "unsupported",
-          reason: "draft-prewarm-clear-failed",
-          hook: null
-        };
+        renderMounted(mounted);
         return false;
       } finally {
         for (const candidate of mountedByComposer.values()) {
@@ -32674,7 +33337,7 @@ ${pet_market_default}`;
         const policy = await waitForRendererDraftPrewarmPolicy(window);
         if (!isCurrent() || policy.hostId !== hostId) return;
         await policy.clear();
-        if (!isCurrent() || window.__codexhostDraftPrewarmPolicyV1 !== policy) return;
+        if (!isCurrent() || window.__harnessmixDraftPrewarmPolicyV1 !== policy) return;
         if (!policy.selectAccount) throw new Error("Codex Account selection is unavailable");
         policy.selectAccount(codexAccountRouteOverride(accounts.accounts, accountId));
         accounts.overrideAccountId = accountId === accounts.selection.activeAccountId ? null : accountId;
@@ -33195,7 +33858,7 @@ ${pet_market_default}`;
           composerCodexAccounts(composer)?.accounts ?? [],
           accountId
         );
-        const policy = window.__codexhostDraftPrewarmPolicyV1;
+        const policy = window.__harnessmixDraftPrewarmPolicyV1;
         if (override !== null && (policy?.hostId !== mounted.hostId || !policy.selectAccount)) {
           return false;
         }
@@ -33234,6 +33897,7 @@ ${pet_market_default}`;
         blockEvent(event);
         return;
       }
+      harnessMentions.prepareSubmission(composer);
       notifySubmission(composer, "submit");
     };
     const onKeyDown = (event) => {
@@ -33256,6 +33920,7 @@ ${pet_market_default}`;
         blockEvent(event);
         return;
       }
+      harnessMentions.prepareSubmission(composer);
       notifySubmission(composer, "enter");
     };
     const onClick = (event) => {
@@ -33270,6 +33935,7 @@ ${pet_market_default}`;
         blockEvent(event);
         return;
       }
+      harnessMentions.prepareSubmission(composer);
       notifySubmission(composer, "click");
     };
     const mutationObserver = new MutationObserver((mutations) => {
@@ -33332,8 +33998,8 @@ ${pet_market_default}`;
         void refreshHarnessAvailability(true);
       }
     };
-    window.addEventListener("codexhost:draft-prewarm-policy-changed", onHostRouteChange);
-    window.addEventListener("codexhost:renderer-adapter-status", onAdapterStatus);
+    window.addEventListener("harnessmix:draft-prewarm-policy-changed", onHostRouteChange);
+    window.addEventListener("harnessmix:renderer-adapter-status", onAdapterStatus);
     window.addEventListener("focus", onWindowFocus);
     const connectedComposers = () => [...mountedByComposer.values()].filter(
       (mounted) => mounted.composer.isConnected && mounted.control.root.isConnected
@@ -33439,13 +34105,14 @@ ${pet_market_default}`;
         sidebarAgentIcons.dispose();
         harnessMentions.dispose();
         collabCards.dispose();
+        teamCards.dispose();
         settingsLifecycle.dispose();
         document.removeEventListener("beforeinput", onBeforeInput, true);
         document.removeEventListener("submit", onSubmit, true);
         document.removeEventListener("keydown", onKeyDown, true);
         document.removeEventListener("click", onClick, true);
-        window.removeEventListener("codexhost:draft-prewarm-policy-changed", onHostRouteChange);
-        window.removeEventListener("codexhost:renderer-adapter-status", onAdapterStatus);
+        window.removeEventListener("harnessmix:draft-prewarm-policy-changed", onHostRouteChange);
+        window.removeEventListener("harnessmix:renderer-adapter-status", onAdapterStatus);
         window.removeEventListener("focus", onWindowFocus);
         for (const state of harnessAvailabilityByHost.values()) {
           state.requestGeneration += 1;
@@ -33463,24 +34130,24 @@ ${pet_market_default}`;
         pendingReplacements.clear();
         connectionListeners.clear();
         connectionDiagnostics = null;
-        delete window.__codexhostRendererBindingProbeV1;
+        delete window.__harnessmixRendererBindingProbeV1;
       }
     };
-    window.__codexhostRendererBindingProbeV1 = api;
+    window.__harnessmixRendererBindingProbeV1 = api;
     scan();
     return api;
   }
 
   // src/native-ui/renderer-extension/src/install-renderer-binding.ts
   function installRendererBinding(enabledAgents = DEFAULT_RENDERER_AGENTS, defaultAgent = "codex") {
-    window.__codexhostRendererBindingProbeV1?.dispose();
+    window.__harnessmixRendererBindingProbeV1?.dispose();
     const binding = installRendererBindingProbe({ enabledAgents, defaultAgent });
     try {
       const adapter = installCurrentRendererAdapter();
       binding.setAdapter(adapter.status, adapter.dispose, adapter.applyAgent, adapter.modelControl);
     } catch (error51) {
       console.error(
-        "codexhost Renderer Adapter installation failed",
+        "harnessmix Renderer Adapter installation failed",
         error51 instanceof Error ? error51.name : "UnknownError"
       );
       binding.setAdapter({
@@ -33494,8 +34161,8 @@ ${pet_market_default}`;
   }
 
   // src/native-ui/renderer-extension/src/production-entry.ts
-  var configuration = window.__codexhostProductionConfigV1;
-  delete window.__codexhostProductionConfigV1;
+  var configuration = window.__harnessmixProductionConfigV1;
+  delete window.__harnessmixProductionConfigV1;
   var install = () => {
     installRendererBinding(DEFAULT_RENDERER_AGENTS, configuration?.defaultAgent ?? "codex");
   };