@liberseek/boft-cli-win32-arm64 0.4.4 → 0.5.0

package/app/renderer-extension.js

@@ -14916,6 +14916,22 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     stderrTail: external_exports.string().min(1).optional()
   }).superRefine(rejectExplicitUndefined(["diagnostic", "stage", "durationMs", "stderrTail"]));
 
+  // ../shared-contracts/dist/harness-session-import.js
+  var HARNESS_SESSION_IMPORT_ID_MAX_LENGTH = 1024;
+  var HARNESS_SESSION_IMPORT_CWD_MAX_LENGTH = 16384;
+  var HARNESS_SESSION_IMPORT_TITLE_MAX_LENGTH = 4096;
+  var HARNESS_SESSION_IMPORT_LIST_MAX_LENGTH = 1e3;
+  var HARNESS_SESSION_IMPORT_UPDATED_AT_MAX = 864e13;
+  var nonBlankTextSchema = external_exports.string().refine((value) => value.trim().length > 0, "Value must not be empty or whitespace").refine((value) => !value.includes("\0"), "Value must not contain NUL");
+  var harnessSessionImportIdSchema = nonBlankTextSchema.max(HARNESS_SESSION_IMPORT_ID_MAX_LENGTH);
+  var harnessSessionImportCandidateSchema = external_exports.object({
+    nativeSessionId: harnessSessionImportIdSchema,
+    title: nonBlankTextSchema.max(HARNESS_SESSION_IMPORT_TITLE_MAX_LENGTH).nullable(),
+    updatedAt: external_exports.number().int().nonnegative().max(HARNESS_SESSION_IMPORT_UPDATED_AT_MAX),
+    cwd: nonBlankTextSchema.max(HARNESS_SESSION_IMPORT_CWD_MAX_LENGTH),
+    running: external_exports.boolean()
+  }).strict();
+
   // ../shared-contracts/dist/ids.js
   var opaqueIdSchema = external_exports.string().refine((value) => value.trim().length > 0, {
     message: "Identifier must not be empty or whitespace"
@@ -14926,6 +14942,23 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var hostItemIdSchema = opaqueIdSchema.brand();
   var hostInteractionIdSchema = opaqueIdSchema.brand();
 
+  // ../shared-contracts/dist/deepseek-modern-sessions.js
+  var DEEPSEEK_MODERN_SESSION_LIST_MAX_LENGTH = HARNESS_SESSION_IMPORT_LIST_MAX_LENGTH;
+  var DEEPSEEK_MODERN_HOST_THREAD_ID_MAX_LENGTH = 1024;
+  var nonBlankTextSchema2 = external_exports.string().refine((value) => value.trim().length > 0, "Value must not be empty or whitespace").refine((value) => !value.includes("\0"), "Value must not contain NUL");
+  var deepSeekModernSessionIdSchema = harnessSessionImportIdSchema;
+  var deepSeekModernSessionCandidateSchema = harnessSessionImportCandidateSchema;
+  var deepSeekModernSessionListParamsSchema = external_exports.object({}).strict();
+  var deepSeekModernSessionListResultSchema = external_exports.object({
+    candidates: external_exports.array(deepSeekModernSessionCandidateSchema).max(DEEPSEEK_MODERN_SESSION_LIST_MAX_LENGTH)
+  }).strict();
+  var deepSeekModernSessionImportParamsSchema = external_exports.object({
+    nativeSessionId: deepSeekModernSessionIdSchema
+  }).strict();
+  var deepSeekModernSessionImportResultSchema = external_exports.object({
+    threadId: nonBlankTextSchema2.max(DEEPSEEK_MODERN_HOST_THREAD_ID_MAX_LENGTH).pipe(hostThreadIdSchema)
+  }).strict();
+
   // ../shared-contracts/dist/external-thread-fork.js
   var externalThreadForkParamsSchema = external_exports.object({
     threadId: hostThreadIdSchema,
@@ -14940,14 +14973,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var HARNESS_PERMISSION_MODE_LABEL_MAX_LENGTH = 256;
   var HARNESS_PERMISSION_MODE_DESCRIPTION_MAX_LENGTH = 1024;
   var HARNESS_PERMISSION_MODE_CATALOG_MAX_LENGTH = 32;
-  var nonBlankTextSchema = external_exports.string().refine((value) => value.trim().length > 0, {
+  var nonBlankTextSchema3 = external_exports.string().refine((value) => value.trim().length > 0, {
     message: "Value must not be empty or whitespace"
   });
-  var harnessPermissionModeIdSchema = nonBlankTextSchema.max(HARNESS_PERMISSION_MODE_ID_MAX_LENGTH).regex(/^[A-Za-z0-9._~-]+$/u, "Permission Mode ID must use transport-safe characters").brand();
+  var harnessPermissionModeIdSchema = nonBlankTextSchema3.max(HARNESS_PERMISSION_MODE_ID_MAX_LENGTH).regex(/^[A-Za-z0-9._~-]+$/u, "Permission Mode ID must use transport-safe characters").brand();
   var harnessPermissionModeSchema = external_exports.object({
     id: harnessPermissionModeIdSchema,
-    label: nonBlankTextSchema.max(HARNESS_PERMISSION_MODE_LABEL_MAX_LENGTH),
-    description: nonBlankTextSchema.max(HARNESS_PERMISSION_MODE_DESCRIPTION_MAX_LENGTH).optional(),
+    label: nonBlankTextSchema3.max(HARNESS_PERMISSION_MODE_LABEL_MAX_LENGTH),
+    description: nonBlankTextSchema3.max(HARNESS_PERMISSION_MODE_DESCRIPTION_MAX_LENGTH).optional(),
     dangerous: external_exports.boolean().optional()
   }).strict();
   var harnessPermissionModeCatalogSchema = external_exports.object({
@@ -15060,22 +15093,22 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var HARNESS_MODEL_LABEL_MAX_LENGTH = 256;
   var HARNESS_THINKING_OPTION_ID_MAX_LENGTH = 128;
   var THREAD_OWNERSHIP_LIST_MAX_LENGTH = 100;
-  var nonBlankTextSchema2 = external_exports.string().refine((value) => value.trim().length > 0, {
+  var nonBlankTextSchema4 = external_exports.string().refine((value) => value.trim().length > 0, {
     message: "Value must not be empty or whitespace"
   });
-  var harnessModelRefIdSchema = nonBlankTextSchema2.max(HARNESS_MODEL_REF_MAX_LENGTH).regex(/^[A-Za-z0-9._~-]+$/u, "Model Ref must use transport-safe opaque characters").brand();
+  var harnessModelRefIdSchema = nonBlankTextSchema4.max(HARNESS_MODEL_REF_MAX_LENGTH).regex(/^[A-Za-z0-9._~-]+$/u, "Model Ref must use transport-safe opaque characters").brand();
   var harnessModelRefSchema = external_exports.object({
     id: harnessModelRefIdSchema
   }).strict();
-  var harnessThinkingOptionIdSchema = nonBlankTextSchema2.max(HARNESS_THINKING_OPTION_ID_MAX_LENGTH).regex(/^[A-Za-z0-9._~-]+$/u, "Thinking option ID must use transport-safe characters").brand();
-  var harnessResolvedModelLabelSchema = nonBlankTextSchema2.max(HARNESS_MODEL_LABEL_MAX_LENGTH);
+  var harnessThinkingOptionIdSchema = nonBlankTextSchema4.max(HARNESS_THINKING_OPTION_ID_MAX_LENGTH).regex(/^[A-Za-z0-9._~-]+$/u, "Thinking option ID must use transport-safe characters").brand();
+  var harnessResolvedModelLabelSchema = nonBlankTextSchema4.max(HARNESS_MODEL_LABEL_MAX_LENGTH);
   var harnessThinkingOptionSchema = external_exports.object({
     id: harnessThinkingOptionIdSchema,
-    label: nonBlankTextSchema2.max(HARNESS_MODEL_LABEL_MAX_LENGTH)
+    label: nonBlankTextSchema4.max(HARNESS_MODEL_LABEL_MAX_LENGTH)
   }).strict();
   var harnessModelSchema = external_exports.object({
     ref: harnessModelRefSchema,
-    label: nonBlankTextSchema2.max(HARNESS_MODEL_LABEL_MAX_LENGTH),
+    label: nonBlankTextSchema4.max(HARNESS_MODEL_LABEL_MAX_LENGTH),
     resolvedModelLabel: harnessResolvedModelLabelSchema.optional(),
     supportedThinkingOptionIds: external_exports.array(harnessThinkingOptionIdSchema).optional()
   }).strict();
@@ -15187,11 +15220,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }
   });
   var harnessModelSelectionStateSchema = harnessConfigurationStateSchema;
+  var harnessWebUiCapabilitySchema = external_exports.object({
+    open: external_exports.literal(true)
+  }).strict();
   var readyHarnessInspectionSchema = external_exports.object({
     status: external_exports.literal("ready"),
     catalog: harnessModelCatalogSchema,
     permissionModes: harnessPermissionModeCatalogSchema.optional(),
-    capabilities: harnessSessionCapabilitiesSchema
+    capabilities: harnessSessionCapabilitiesSchema,
+    webUi: harnessWebUiCapabilitySchema.optional()
   }).strict().superRefine((inspection, context) => {
     const selectable = inspection.capabilities.configuration.selectPermissionMode;
     if (selectable !== Boolean(inspection.permissionModes)) {
@@ -15212,9 +15249,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   ]);
   var harnessInspectParamsSchema = external_exports.object({
     harnessId: harnessIdSchema,
-    cwd: nonBlankTextSchema2.max(16384).optional(),
+    cwd: nonBlankTextSchema4.max(16384).optional(),
     refresh: external_exports.boolean().optional()
   }).strict();
+  var harnessWebUiOpenParamsSchema = external_exports.object({
+    harnessId: harnessIdSchema
+  }).strict();
+  var harnessWebUiOpenResultSchema = external_exports.object({}).strict();
   var threadModelSelectParamsSchema = external_exports.object({
     threadId: hostThreadIdSchema,
     model: harnessModelRefSchema
@@ -15232,8 +15273,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }).strict();
   var externalThreadInspectionSchema = external_exports.object({
     owner: external_exports.literal("external"),
-    harnessId: nonBlankTextSchema2.max(256),
-    transportModelId: nonBlankTextSchema2.max(1024),
+    harnessId: nonBlankTextSchema4.max(256),
+    transportModelId: nonBlankTextSchema4.max(1024),
     effectiveModel: harnessModelRefSchema.optional(),
     resolvedModelLabel: harnessResolvedModelLabelSchema.optional(),
     effectiveThinkingOptionId: harnessThinkingOptionIdSchema.optional(),
@@ -16255,7 +16296,34 @@ ${error51.stderrTail}`] : []
       body.append(callout, install2);
       return body;
     }
-    if (!item.error) return body;
+    if (!item.error) {
+      if (item.openWebUi) {
+        const status = document2.createElement("div");
+        status.className = "settings-connection-state-summary";
+        const title2 = document2.createElement("strong");
+        title2.textContent = connectionStatusLabel(item.availability, messages);
+        const description2 = document2.createElement("p");
+        description2.textContent = item.availability === "ready" ? messages.connectionReadyDescription : messages.connectionUnavailableDescription;
+        status.append(title2, description2);
+        const open = document2.createElement("button");
+        open.type = "button";
+        open.className = "settings-command-button settings-command-button--secondary";
+        open.dataset.connectionAction = "open-web-ui";
+        open.append(
+          messages.connectionOpenHarnessWeb,
+          createRendererSettingsIcon("external-link", 14)
+        );
+        open.addEventListener("click", () => {
+          if (open.disabled) return;
+          open.disabled = true;
+          void item.openWebUi?.().catch(() => void 0).finally(() => {
+            open.disabled = false;
+          });
+        });
+        body.append(status, open);
+      }
+      return body;
+    }
     const summary = document2.createElement("div");
     summary.className = "settings-connection-error-summary";
     const title = document2.createElement("strong");
@@ -16343,7 +16411,7 @@ ${error51.stderrTail}`] : []
     const action = document2.createElement("div");
     action.className = "settings-connection-row__action";
     action.setAttribute("role", "cell");
-    const canExpand = item.error !== null || item.agentSnapshot?.availability === "notInstalled";
+    const canExpand = item.error !== null || item.agentSnapshot?.availability === "notInstalled" || item.openWebUi !== void 0;
     if (item.agentSnapshot?.availability === "notInstalled") {
       const install2 = document2.createElement("a");
       install2.className = "settings-connection-install-link";
@@ -16366,12 +16434,6 @@ ${error51.stderrTail}`] : []
       });
       action.append(viewError);
     }
-    row.addEventListener("click", (event) => {
-      const target = event.target;
-      if (target?.closest?.("a")) return;
-      if (!canExpand) return;
-      toggleExpand();
-    });
     row.addEventListener("keydown", (event) => {
       if (event.key !== "Enter" && event.key !== " ") return;
       if (!canExpand) return;
@@ -16392,15 +16454,24 @@ ${error51.stderrTail}`] : []
     if (expanded && canExpand) {
       block.append(createInlineErrorDetail(document2, item, hostId, messages));
     }
+    block.addEventListener("click", (event) => {
+      const target = event.target;
+      if (target?.closest?.("a, button")) return;
+      if (!canExpand) return;
+      toggleExpand();
+    });
     return { block, row };
   }
-  function connectionItems(host) {
+  function connectionItems(host, diagnostics) {
     return host.agents.map((agent) => ({
       key: agent.agent,
       name: RENDERER_AGENT_LABELS[agent.agent],
       availability: agent.availability,
       error: agent.availability === "notInstalled" ? null : agent.error,
-      agentSnapshot: agent
+      agentSnapshot: agent,
+      ...host.hostId === "local" && agent.webUiAvailable && diagnostics?.openWebUi ? {
+        openWebUi: () => diagnostics.openWebUi?.(host.hostId, agent.agent) ?? Promise.resolve()
+      } : {}
     }));
   }
   var pendingFocusAgent = null;
@@ -16554,7 +16625,7 @@ ${error51.stderrTail}`] : []
           rows.id = panelId;
           rows.dataset.connectionHost = selectedHost.hostId;
           rows.setAttribute("role", "rowgroup");
-          const items = connectionItems(selectedHost);
+          const items = connectionItems(selectedHost, diagnostics);
           if (expandedItemKey && !items.some((item) => item.key === expandedItemKey)) {
             expandedItemKey = null;
           }
@@ -16810,6 +16881,29 @@ ${error51.stderrTail}`] : []
     inDevelopment: "In development",
     notAvailable: "Not available",
     runtimeCapabilityNotInstalled: "This runtime capability is not installed yet.",
+    sessionImportHarness: "Harness",
+    sessionImportDescription: "Sessions keep their original project path. If a folder is not in the Codex sidebar, add it as a project first. Original history remains managed by the Harness.",
+    sessionImportAvailabilityNote: "Currently, only DeepSeek Harness Modern sessions can be imported. Support for other Harnesses is coming later.",
+    sessionImportRefresh: "Refresh",
+    sessionImportRefreshing: "Loading local sessions...",
+    sessionImportUnavailable: "Session import requires a local, BOFT CLI-managed DeepSeek Harness 0.1.2-rc.1 Modern runtime.",
+    sessionImportEmpty: "No local DeepSeek Harness sessions are available to import.",
+    sessionImportLoadFailed: "Local sessions could not be loaded.",
+    sessionImportFailed: "The session could not be imported.",
+    sessionImportUntitled: "Untitled session",
+    sessionImportUpdatedAt: "Updated",
+    sessionImportSessionId: "Session ID",
+    sessionImportRunning: "Running",
+    sessionImportRunningHint: "Stop this session in DSH, then refresh.",
+    sessionImportAction: "Import and open",
+    sessionImportImporting: "Importing...",
+    sessionImportImported: "Session imported",
+    sessionImportOpenFailed: "The Codex sidebar has not shown it yet. Make sure the folder below is added as a project, then try opening it again.",
+    sessionImportCopyProjectPath: "Copy project path",
+    sessionImportPathCopied: "Copied",
+    sessionImportPathCopyFailed: "Copy failed",
+    sessionImportRetryOpen: "Try opening again",
+    sessionImportRetrying: "Opening...",
     connectionsDescription: "Add and configure Agent Harnesses supported by the system.",
     pluginsDescription: "Extend and manage Codex plugins.",
     pluginsRefresh: "Scan environment",
@@ -16846,6 +16940,7 @@ ${error51.stderrTail}`] : []
     connectionHostsScrollLeft: "Show previous Hosts",
     connectionHostsScrollRight: "Show more Hosts",
     connectionOpenInstallation: "Open official installation page",
+    connectionOpenHarnessWeb: "Open DeepSeek Harness Web",
     connectionInstall: "Install",
     connectionInstallDescription: "This Harness was not detected. Follow its official installation guide, then return here and run the check again.",
     connectionErrorTitle: "Connection check failed",
@@ -16925,6 +17020,7 @@ ${error51.stderrTail}`] : []
     pageLabels: Object.freeze({
       connections: "Agents",
       plugins: "Plugin",
+      "session-import": "Session Import",
       updates: "Updates",
       about: "About"
     })
@@ -16940,6 +17036,29 @@ ${error51.stderrTail}`] : []
     inDevelopment: "\u5F00\u53D1\u4E2D",
     notAvailable: "\u6682\u4E0D\u53EF\u7528",
     runtimeCapabilityNotInstalled: "\u8FD0\u884C\u65F6\u5C1A\u672A\u5B89\u88C5\u8BE5\u9879\u80FD\u529B\uFF0C\u56E0\u6B64\u6682\u4E0D\u53EF\u7528\u3002",
+    sessionImportHarness: "Harness",
+    sessionImportDescription: "\u4F1A\u8BDD\u5C06\u4FDD\u7559\u539F\u59CB\u9879\u76EE\u8DEF\u5F84\uFF1B\u82E5\u8BE5\u6587\u4EF6\u5939\u5C1A\u672A\u51FA\u73B0\u5728 Codex \u4FA7\u680F\uFF0C\u8BF7\u5148\u5C06\u5176\u6DFB\u52A0\u4E3A\u9879\u76EE\u3002\u539F\u59CB\u5386\u53F2\u4ECD\u7531 Harness \u7BA1\u7406\u3002",
+    sessionImportAvailabilityNote: "\u5F53\u524D\u4EC5\u652F\u6301\u5BFC\u5165 DeepSeek Harness Modern \u4F1A\u8BDD\uFF1B\u5176\u4ED6 Harness \u7684\u4F1A\u8BDD\u5BFC\u5165\u80FD\u529B\u656C\u8BF7\u671F\u5F85\u3002",
+    sessionImportRefresh: "\u5237\u65B0",
+    sessionImportRefreshing: "\u6B63\u5728\u8BFB\u53D6\u672C\u5730\u4F1A\u8BDD\u2026\u2026",
+    sessionImportUnavailable: "\u4F1A\u8BDD\u5BFC\u5165\u4EC5\u652F\u6301\u672C\u5730\u3001\u7531 BOFT CLI \u7BA1\u7406\u7684 DeepSeek Harness 0.1.2-rc.1 Modern \u8FD0\u884C\u65F6\u3002",
+    sessionImportEmpty: "\u6CA1\u6709\u53EF\u5BFC\u5165\u7684\u672C\u5730 DeepSeek Harness \u4F1A\u8BDD\u3002",
+    sessionImportLoadFailed: "\u65E0\u6CD5\u8BFB\u53D6\u672C\u5730\u4F1A\u8BDD\u3002",
+    sessionImportFailed: "\u65E0\u6CD5\u5BFC\u5165\u8BE5\u4F1A\u8BDD\u3002",
+    sessionImportUntitled: "\u672A\u547D\u540D\u4F1A\u8BDD",
+    sessionImportUpdatedAt: "\u66F4\u65B0\u65F6\u95F4",
+    sessionImportSessionId: "\u4F1A\u8BDD ID",
+    sessionImportRunning: "\u8FD0\u884C\u4E2D",
+    sessionImportRunningHint: "\u8BF7\u5148\u5728 DSH \u4E2D\u505C\u6B62\u8BE5\u4F1A\u8BDD\uFF0C\u7136\u540E\u5237\u65B0\u3002",
+    sessionImportAction: "\u5BFC\u5165\u5E76\u6253\u5F00",
+    sessionImportImporting: "\u6B63\u5728\u5BFC\u5165\u2026\u2026",
+    sessionImportImported: "\u4F1A\u8BDD\u5DF2\u5BFC\u5165",
+    sessionImportOpenFailed: "Codex \u4FA7\u680F\u5C1A\u672A\u663E\u793A\u8BE5\u4F1A\u8BDD\u3002\u8BF7\u786E\u8BA4\u4EE5\u4E0B\u6587\u4EF6\u5939\u5DF2\u6DFB\u52A0\u4E3A\u9879\u76EE\uFF0C\u7136\u540E\u91CD\u8BD5\u6253\u5F00\u3002",
+    sessionImportCopyProjectPath: "\u590D\u5236\u9879\u76EE\u8DEF\u5F84",
+    sessionImportPathCopied: "\u5DF2\u590D\u5236",
+    sessionImportPathCopyFailed: "\u590D\u5236\u5931\u8D25",
+    sessionImportRetryOpen: "\u91CD\u8BD5\u6253\u5F00",
+    sessionImportRetrying: "\u6B63\u5728\u6253\u5F00\u2026\u2026",
     connectionsDescription: "\u6DFB\u52A0\u548C\u914D\u7F6E\u7CFB\u7EDF\u4E2D\u652F\u6301\u7684 Agent Harness\u3002",
     pluginsDescription: "\u6269\u5C55\u548C\u7BA1\u7406 Codex \u7684\u63D2\u4EF6\u3002",
     pluginsRefresh: "\u626B\u63CF\u73AF\u5883",
@@ -16976,6 +17095,7 @@ ${error51.stderrTail}`] : []
     connectionHostsScrollLeft: "\u67E5\u770B\u524D\u9762\u7684 Host",
     connectionHostsScrollRight: "\u67E5\u770B\u66F4\u591A Host",
     connectionOpenInstallation: "\u524D\u5F80\u5B98\u65B9\u5B89\u88C5\u9875\u9762",
+    connectionOpenHarnessWeb: "\u6253\u5F00 DeepSeek Harness Web",
     connectionInstall: "\u5B89\u88C5",
     connectionInstallDescription: "\u5C1A\u672A\u68C0\u6D4B\u5230\u8BE5 Harness\u3002\u8BF7\u6309\u7167\u5B98\u65B9\u5B89\u88C5\u6307\u5357\u5B8C\u6210\u5B89\u88C5\uFF0C\u7136\u540E\u8FD4\u56DE\u6B64\u9875\u9762\u91CD\u65B0\u68C0\u67E5\u3002",
     connectionErrorTitle: "\u8FDE\u63A5\u68C0\u67E5\u5931\u8D25",
@@ -17055,6 +17175,7 @@ ${error51.stderrTail}`] : []
     pageLabels: Object.freeze({
       connections: "Agents",
       plugins: "Plugin",
+      "session-import": "\u4F1A\u8BDD\u5BFC\u5165",
       updates: "\u66F4\u65B0",
       about: "\u5173\u4E8E"
     })
@@ -18766,7 +18887,6 @@ ${error51.stderrTail}`] : []
     sessionCostEstimate: "Session cost estimate",
     threadUsage: "Thread Usage",
     threadUsageDetails: "Thread Usage details",
-    contextSummary: "context",
     tokensSummary: "tokens",
     tokensPerSecond: "tok/s",
     fiveHourSummary: "5h",
@@ -18787,7 +18907,6 @@ ${error51.stderrTail}`] : []
     sessionCostEstimate: "\u4F1A\u8BDD\u8D39\u7528\u4F30\u7B97",
     threadUsage: "\u5BF9\u8BDD\u7528\u91CF",
     threadUsageDetails: "\u5BF9\u8BDD\u7528\u91CF\u8BE6\u60C5",
-    contextSummary: "\u4E0A\u4E0B\u6587",
     tokensSummary: "Token",
     tokensPerSecond: "Token/\u79D2",
     fiveHourSummary: "5 \u5C0F\u65F6",
@@ -18816,6 +18935,9 @@ ${error51.stderrTail}`] : []
     if (absolute < 1e9) return `${sign}${decimal(absolute / 1e6, 1)}M`;
     return `${sign}${decimal(absolute / 1e9, 1)}B`;
   }
+  function formatRendererContextSummary(usedTokens, windowTokens) {
+    return `${decimal(usedTokens / windowTokens * 100, 1)}% / ${formatRendererTokenCount(windowTokens)}`;
+  }
   function formatRendererCreditsPercent(value) {
     return `${decimal(value, 1)}%`;
   }
@@ -19155,7 +19277,7 @@ ${error51.stderrTail}`] : []
     ].filter((value) => value !== null);
     if (summary.length === 0 && hasContext && usage?.contextWindowTokens !== void 0 && usage.contextWindowTokens > 0) {
       summary.push(
-        `${decimal((usage.contextUsedTokens ?? 0) / usage.contextWindowTokens * 100, 1)}% ${messages.contextSummary}`
+        formatRendererContextSummary(usage.contextUsedTokens ?? 0, usage.contextWindowTokens)
       );
     }
     if (summary.length === 0 && usage?.totalTokens !== void 0) {
@@ -19617,11 +19739,7 @@ ${error51.stderrTail}`] : []
     menu.style.maxHeight = "min(360px, calc(100vh - 16px))";
     menu.style.overflowY = "auto";
     menu.style.padding = "4px";
-    menu.style.border = "1px solid rgba(127, 127, 127, 0.24)";
-    menu.style.borderRadius = "10px";
-    menu.style.background = "Canvas";
-    menu.style.color = "CanvasText";
-    menu.style.boxShadow = "0 12px 32px rgba(0, 0, 0, 0.22)";
+    applyRendererPopoverChrome(menu);
     ownerDocument.body.append(menu);
     if (insertBefore?.parentElement === parent) parent.insertBefore(root, insertBefore);
     else parent.append(root);
@@ -20059,11 +20177,8 @@ ${error51.stderrTail}`] : []
       if (control.usage) control.usage.anchor = null;
       return;
     }
-    const previousUsageParent = control.usage.root.parentElement;
-    const previousUsageNextSibling = control.usage.root.nextElementSibling;
     control.usage.place(anchor);
-    const usagePositionChanged = previousUsageParent !== control.usage.root.parentElement || previousUsageNextSibling !== control.usage.root.nextElementSibling;
-    if (usagePositionChanged) control.harnessCommands?.placeBefore(control.usage.root);
+    control.harnessCommands?.placeBefore(control.usage.root);
   }
   function refreshCreditsPlacement(control) {
     const anchor = creditsPlacementAnchor(control);
@@ -20232,7 +20347,9 @@ ${error51.stderrTail}`] : []
   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_EXTERNAL_THREAD_ATTRIBUTE = "data-codexhost-sidebar-external-thread";
   var OWNERSHIP_RETRY_DELAYS_MS = [100, 300, 800, 1500, 3e3];
+  var PIN_REPLAY_RETRY_DELAYS_MS = [50, 150, 300];
   function isRecord2(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
@@ -20315,9 +20432,11 @@ ${error51.stderrTail}`] : []
         ...this.element.querySelectorAll(`[${SIDEBAR_AGENT_ICON_ATTRIBUTE}]`)
       ];
       if (icons.length === 1 && icons[0]?.parentElement === titleTrigger && icons[0].getAttribute(SIDEBAR_AGENT_ICON_ATTRIBUTE) === agent) {
+        this.element.setAttribute(SIDEBAR_EXTERNAL_THREAD_ATTRIBUTE, "true");
         return;
       }
       this.clear();
+      this.element.setAttribute(SIDEBAR_EXTERNAL_THREAD_ATTRIBUTE, "true");
       const label = `${RENDERER_AGENT_LABELS[agent]} Agent`;
       const marker = this.element.ownerDocument.createElement("span");
       marker.setAttribute(SIDEBAR_AGENT_ICON_ATTRIBUTE, agent);
@@ -20335,11 +20454,84 @@ ${error51.stderrTail}`] : []
       titleTrigger.insertBefore(marker, title);
     }
     clear() {
+      this.element.removeAttribute(SIDEBAR_EXTERNAL_THREAD_ATTRIBUTE);
       for (const icon2 of this.element.querySelectorAll(`[${SIDEBAR_AGENT_ICON_ATTRIBUTE}]`)) {
         icon2.remove();
       }
     }
   };
+  function sidebarExternalPinActionFromTarget(target) {
+    if (!(target instanceof Element)) return null;
+    const button = target.closest("button");
+    const row = target.closest(SIDEBAR_THREAD_ROW_SELECTOR);
+    if (!button || !row || row.getAttribute(SIDEBAR_EXTERNAL_THREAD_ATTRIBUTE) !== "true") {
+      return null;
+    }
+    if (row.querySelector("button") !== button) return null;
+    const attributes = sidebarThreadAttributes(row);
+    const threadId = hostThreadIdSchema.safeParse(threadIdFromSidebarRowElement(row));
+    if (!attributes || !threadId.success) return null;
+    return {
+      hostId: attributes.hostId,
+      threadId: threadId.data,
+      isPinned: row.getAttribute("data-app-action-sidebar-thread-pinned") !== "true"
+    };
+  }
+  function installRendererSidebarExternalPinning(options) {
+    const root = options.root ?? document;
+    const replayingButtons = /* @__PURE__ */ new WeakSet();
+    const replayTimers = /* @__PURE__ */ new Set();
+    const currentPinRow = (action) => {
+      for (const row of root.querySelectorAll(SIDEBAR_THREAD_ROW_SELECTOR)) {
+        const attributes = sidebarThreadAttributes(row);
+        if (attributes?.hostId === action.hostId && row.getAttribute(SIDEBAR_EXTERNAL_THREAD_ATTRIBUTE) === "true" && threadIdFromSidebarRowElement(row) === action.threadId) {
+          return row;
+        }
+      }
+      return null;
+    };
+    const replayNativePinAction = (action, originalButton, retryIndex = 0) => {
+      const row = currentPinRow(action);
+      if (row?.getAttribute("data-app-action-sidebar-thread-pinned") === String(action.isPinned)) {
+        return;
+      }
+      const currentButton = row?.querySelector("button") ?? (originalButton.isConnected === false ? null : originalButton);
+      if (currentButton) {
+        replayingButtons.add(currentButton);
+        currentButton.click();
+        return;
+      }
+      const delay = PIN_REPLAY_RETRY_DELAYS_MS[retryIndex];
+      if (delay === void 0) return;
+      const timer = setTimeout(() => {
+        replayTimers.delete(timer);
+        replayNativePinAction(action, originalButton, retryIndex + 1);
+      }, delay);
+      replayTimers.add(timer);
+    };
+    const onClick = (event) => {
+      const action = sidebarExternalPinActionFromTarget(event.target);
+      if (!action) return;
+      const button = event.target instanceof Element ? event.target.closest("button") : null;
+      if (!button) return;
+      if (replayingButtons.delete(button)) return;
+      const update = options.getClient(action.hostId)?.updateThreadPinned;
+      if (!update) return;
+      event.preventDefault();
+      event.stopImmediatePropagation();
+      void update({ threadId: action.threadId, isPinned: action.isPinned }).then(() => {
+        replayNativePinAction(action, button);
+      }).catch((error51) => {
+        options.reportError?.(error51);
+      });
+    };
+    root.addEventListener("click", onClick, true);
+    return () => {
+      root.removeEventListener("click", onClick, true);
+      for (const timer of replayTimers) clearTimeout(timer);
+      replayTimers.clear();
+    };
+  }
   var BrowserSidebarAgentIconDom = class {
     constructor(root) {
       this.root = root;
@@ -20549,6 +20741,64 @@ ${error51.stderrTail}`] : []
   var RESPONSE_CONVERSATION_ATTRIBUTE = "data-response-annotation-conversation";
   var TURN_KEY_ATTRIBUTE = "data-content-search-turn-key";
   var OPEN_THREAD_TIMEOUT_MS = 5e3;
+  function abortError() {
+    return Object.assign(new Error("Thread opening was aborted"), { name: "AbortError" });
+  }
+  function openRendererThread(threadId, options = {}) {
+    const find = () => {
+      for (const row of document.querySelectorAll(SIDEBAR_THREAD_ROW_SELECTOR)) {
+        if ((options.hostId === void 0 || row.getAttribute(SIDEBAR_THREAD_HOST_ID_ATTRIBUTE) === options.hostId) && threadIdFromSidebarRowElement(row) === threadId) {
+          return row;
+        }
+      }
+      return null;
+    };
+    if (options.signal?.aborted) return Promise.reject(abortError());
+    const current = find();
+    if (current) {
+      current.click();
+      return Promise.resolve();
+    }
+    return new Promise((resolve, reject) => {
+      let settled = false;
+      const cleanup = () => {
+        window.clearTimeout(timeout);
+        observer.disconnect();
+        options.signal?.removeEventListener("abort", onAbort);
+      };
+      const finish = (row2) => {
+        if (settled) return;
+        settled = true;
+        cleanup();
+        row2.click();
+        resolve();
+      };
+      const observer = new MutationObserver(() => {
+        const row2 = find();
+        if (row2) finish(row2);
+      });
+      const timeout = window.setTimeout(() => {
+        if (settled) return;
+        settled = true;
+        cleanup();
+        reject(new Error("Thread did not appear in the sidebar"));
+      }, options.timeoutMs ?? OPEN_THREAD_TIMEOUT_MS);
+      const onAbort = () => {
+        if (settled) return;
+        settled = true;
+        cleanup();
+        reject(abortError());
+      };
+      options.signal?.addEventListener("abort", onAbort, { once: true });
+      observer.observe(document.documentElement, { childList: true, subtree: true });
+      if (options.signal?.aborted) {
+        onAbort();
+        return;
+      }
+      const row = find();
+      if (row) finish(row);
+    });
+  }
   function isRecord3(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
@@ -20622,35 +20872,7 @@ ${error51.stderrTail}`] : []
       target.control.click();
     }
     openThread(threadId) {
-      const find = () => {
-        for (const row of document.querySelectorAll(SIDEBAR_THREAD_ROW_SELECTOR)) {
-          if (threadIdFromSidebarRowElement(row) === threadId) return row;
-        }
-        return null;
-      };
-      const current = find();
-      if (current) {
-        current.click();
-        return Promise.resolve();
-      }
-      return new Promise((resolve, reject) => {
-        const observer = new MutationObserver(() => {
-          const row = find();
-          if (!row) return;
-          cleanup();
-          row.click();
-          resolve();
-        });
-        const timeout = window.setTimeout(() => {
-          cleanup();
-          reject(new Error("Forked Thread did not appear in the sidebar"));
-        }, OPEN_THREAD_TIMEOUT_MS);
-        const cleanup = () => {
-          window.clearTimeout(timeout);
-          observer.disconnect();
-        };
-        observer.observe(document.documentElement, { childList: true, subtree: true });
-      });
+      return openRendererThread(threadId);
     }
   };
   function installRendererForkControl(options) {
@@ -20690,6 +20912,9 @@ ${error51.stderrTail}`] : []
 
   // src/renderer-model-client.ts
   var HARNESS_INSPECT_METHOD = "codexhost/harness/inspect";
+  var DEEPSEEK_MODERN_SESSION_LIST_METHOD = "codexhost/deepseek/modern-session/list";
+  var DEEPSEEK_MODERN_SESSION_IMPORT_METHOD = "codexhost/deepseek/modern-session/import";
+  var HARNESS_WEB_UI_OPEN_METHOD = "codexhost/harness/web-ui/open";
   var THREAD_FORK_METHOD = "codexhost/thread/fork";
   var THREAD_INSPECT_METHOD = "codexhost/thread/inspect";
   var THREAD_COMMANDS_INSPECT_METHOD = "codexhost/thread/commands/inspect";
@@ -20698,15 +20923,26 @@ ${error51.stderrTail}`] : []
   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_METADATA_UPDATE_METHOD = "thread/metadata/update";
   var THREAD_USAGE_INSPECT_METHOD = "codexhost/thread/usage/inspect";
   var THREAD_USAGE_UPDATED_METHOD = "codexhost/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 RendererDeepSeekSessionUnavailableError = class extends Error {
+    constructor() {
+      super("DeepSeek Modern Session import is unavailable");
+      this.name = "RendererDeepSeekSessionUnavailableError";
+    }
+  };
   function isRecord4(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
+  function normalizeDeepSeekSessionError(error51) {
+    const code = isRecord4(error51) ? error51.code : void 0;
+    return code === -32076 || code === -32077 ? new RendererDeepSeekSessionUnavailableError() : error51;
+  }
   function notifiedThreadId(notification) {
     if (!isRecord4(notification) || notification.method !== THREAD_TOKEN_USAGE_UPDATED_METHOD && notification.method !== THREAD_USAGE_UPDATED_METHOD) {
       return null;
@@ -20757,6 +20993,7 @@ ${error51.stderrTail}`] : []
     );
     const manager = managers[0];
     if (managers.length !== 1 || !manager) return null;
+    const pendingDeepSeekImports = /* @__PURE__ */ new Map();
     const inspectHarness = async (input) => {
       const params = harnessInspectParamsSchema.parse(input);
       const result = await manager.sendRequest(HARNESS_INSPECT_METHOD, params);
@@ -20792,13 +21029,47 @@ ${error51.stderrTail}`] : []
       const result = await manager.sendRequest(THREAD_PERMISSION_MODE_SELECT_METHOD, params);
       return harnessConfigurationStateSchema.parse(result);
     };
+    const importDeepSeekModernSession = async (input) => {
+      const params = deepSeekModernSessionImportParamsSchema.parse(input);
+      const pending = pendingDeepSeekImports.get(params.nativeSessionId);
+      if (pending) return pending;
+      const request = (async () => {
+        try {
+          const result = await manager.sendRequest(DEEPSEEK_MODERN_SESSION_IMPORT_METHOD, params);
+          return deepSeekModernSessionImportResultSchema.parse(result);
+        } catch (error51) {
+          throw normalizeDeepSeekSessionError(error51);
+        }
+      })().finally(() => {
+        if (pendingDeepSeekImports.get(params.nativeSessionId) === request) {
+          pendingDeepSeekImports.delete(params.nativeSessionId);
+        }
+      });
+      pendingDeepSeekImports.set(params.nativeSessionId, request);
+      return request;
+    };
     return Object.freeze({
+      async listDeepSeekModernSessions(input) {
+        const params = deepSeekModernSessionListParamsSchema.parse(input);
+        try {
+          const result = await manager.sendRequest(DEEPSEEK_MODERN_SESSION_LIST_METHOD, params);
+          return deepSeekModernSessionListResultSchema.parse(result);
+        } catch (error51) {
+          throw normalizeDeepSeekSessionError(error51);
+        }
+      },
+      importDeepSeekModernSession,
       async forkThread(input) {
         const params = externalThreadForkParamsSchema.parse(input);
         const result = await manager.sendRequest(THREAD_FORK_METHOD, params);
         return externalThreadForkResultSchema.parse(result);
       },
       inspectHarness,
+      async openHarnessWebUi(input) {
+        const params = harnessWebUiOpenParamsSchema.parse(input);
+        const result = await manager.sendRequest(HARNESS_WEB_UI_OPEN_METHOD, params);
+        harnessWebUiOpenResultSchema.parse(result);
+      },
       async inspectThread(input) {
         const params = threadInspectionParamsSchema.parse(input);
         const result = await manager.sendRequest(THREAD_INSPECT_METHOD, params);
@@ -20815,6 +21086,13 @@ ${error51.stderrTail}`] : []
         }
         return result;
       },
+      async updateThreadPinned(input) {
+        const threadId = hostThreadIdSchema.parse(input.threadId);
+        await manager.sendRequest(THREAD_METADATA_UPDATE_METHOD, {
+          threadId,
+          isPinned: input.isPinned
+        });
+      },
       inspectThreadUsage,
       subscribeThreadUsage(listener) {
         const notifications = notificationTarget(manager);
@@ -21701,6 +21979,55 @@ ${error51.stderrTail}`] : []
     );
   }
 
+  // src/renderer-harness-command-claim.ts
+  function inputEvent(editor, text) {
+    const view = editor.ownerDocument.defaultView;
+    return view?.InputEvent ? new view.InputEvent("input", {
+      bubbles: true,
+      composed: true,
+      data: text,
+      inputType: "insertText"
+    }) : new (view?.Event ?? Event)("input", { bubbles: true, composed: true });
+  }
+  function prependTextarea(editor, prefix) {
+    const view = editor.ownerDocument.defaultView;
+    if (!view || !(editor instanceof view.HTMLTextAreaElement)) return false;
+    const setter = Object.getOwnPropertyDescriptor(view.HTMLTextAreaElement.prototype, "value")?.set;
+    if (!setter) return false;
+    const start = editor.selectionStart;
+    const end = editor.selectionEnd;
+    setter.call(editor, prefix + editor.value);
+    editor.dispatchEvent(inputEvent(editor, prefix));
+    editor.focus({ preventScroll: true });
+    if (start !== null && end !== null) {
+      editor.setSelectionRange(start + prefix.length, end + prefix.length);
+    }
+    return true;
+  }
+  function prependContentEditable(editor, prefix) {
+    if (editor.getAttribute("contenteditable") !== "true") return false;
+    const document2 = editor.ownerDocument;
+    const selection = document2.getSelection();
+    if (!selection || typeof document2.execCommand !== "function") return false;
+    const range = document2.createRange();
+    range.selectNodeContents(editor);
+    range.collapse(true);
+    editor.focus({ preventScroll: true });
+    selection.removeAllRanges();
+    selection.addRange(range);
+    return document2.execCommand("insertText", false, prefix);
+  }
+  function prependEditor(editor, prefix) {
+    return prependTextarea(editor, prefix) || prependContentEditable(editor, prefix);
+  }
+  function routeRendererHarnessCommandSelection(editor, command, execute) {
+    if (command.argumentMode === "none") {
+      execute();
+      return true;
+    }
+    return editor !== null && prependEditor(editor, `${command.invocation} `);
+  }
+
   // src/codex-locale-adapter.ts
   var GET_LOCALE_OVERRIDE_URL = "vscode://codex/get-setting";
   var GET_LOCALE_INFO_URL = "vscode://codex/locale-info";
@@ -21723,7 +22050,7 @@ ${error51.stderrTail}`] : []
     }
     return canonicalLocale(ownerWindow.navigator.language);
   }
-  function abortError() {
+  function abortError2() {
     return new DOMException("The operation was aborted", "AbortError");
   }
   function parseLocaleOverride(value) {
@@ -21753,7 +22080,7 @@ ${error51.stderrTail}`] : []
     if (typeof bridge?.sendMessageFromView !== "function") {
       return Promise.reject(new Error("Codex locale bridge is unavailable"));
     }
-    if (signal?.aborted) return Promise.reject(abortError());
+    if (signal?.aborted) return Promise.reject(abortError2());
     const requestId = ownerWindow.crypto.randomUUID();
     return new Promise((resolve, reject) => {
       let settled = false;
@@ -21768,7 +22095,7 @@ ${error51.stderrTail}`] : []
         cleanup();
         operation();
       };
-      const onAbort = () => settle(() => reject(abortError()));
+      const onAbort = () => settle(() => reject(abortError2()));
       const onMessage = (event) => {
         const message2 = event.data;
         if (!isRecord7(message2) || message2.type !== "fetch-response") return;
@@ -21835,12 +22162,12 @@ ${error51.stderrTail}`] : []
     if (!Number.isFinite(timeoutMs) || timeoutMs <= 0) {
       throw new Error("Codex locale request timeout must be positive");
     }
-    if (options.signal?.aborted) throw abortError();
+    if (options.signal?.aborted) throw abortError2();
     const [overrideResult, localeInfoResult] = await Promise.allSettled([
       readLocaleOverride(ownerWindow, options.signal, timeoutMs),
       readLocaleInfo(ownerWindow, options.signal, timeoutMs)
     ]);
-    if (options.signal?.aborted) throw abortError();
+    if (options.signal?.aborted) throw abortError2();
     const navigatorLocale = firstNavigatorLocale(ownerWindow);
     const overrideKnown = overrideResult.status === "fulfilled";
     const localeOverride = overrideKnown ? overrideResult.value.value : void 0;
@@ -21983,6 +22310,346 @@ ${error51.stderrTail}`] : []
     }
   };
 
+  // src/settings/deepseek-session-import-page.ts
+  var SESSION_IMPORT_HARNESSES = KNOWN_RENDERER_AGENTS.filter(
+    (agent) => agent !== "codex"
+  );
+  function shortSessionId(value) {
+    return value.length <= 18 ? value : `${value.slice(0, 10)}\u2026${value.slice(-6)}`;
+  }
+  function createStatus(document2, message, error51 = false) {
+    const status = document2.createElement("div");
+    status.className = error51 ? "settings-session-import-status is-error" : "settings-session-import-status";
+    status.setAttribute("role", error51 ? "alert" : "status");
+    status.append(createRendererSettingsIcon(error51 ? "alert" : "download", 18));
+    const copy = document2.createElement("span");
+    copy.textContent = message;
+    status.append(copy);
+    return status;
+  }
+  function createAccessibleText(document2, message) {
+    const text = document2.createElement("span");
+    text.className = "settings-visually-hidden";
+    text.textContent = message;
+    return text;
+  }
+  function createDeepSeekSessionImportSettingsPage(messages, getClient, openImportedThread) {
+    return Object.freeze({
+      id: "session-import",
+      label: messages.pageLabels["session-import"],
+      icon: "download",
+      mount(context) {
+        const document2 = context.content.ownerDocument;
+        const header = document2.createElement("div");
+        header.className = "settings-connection-page-header";
+        const headingCopy = document2.createElement("div");
+        const heading = document2.createElement("h2");
+        heading.className = "settings-section-label";
+        heading.textContent = messages.pageLabels["session-import"];
+        const description = document2.createElement("p");
+        description.className = "settings-page-description";
+        description.textContent = messages.sessionImportDescription;
+        headingCopy.append(heading, description);
+        const refresh = document2.createElement("button");
+        refresh.type = "button";
+        refresh.className = "settings-command-button settings-command-button--secondary";
+        refresh.dataset.sessionImportAction = "refresh";
+        const setRefreshLabel = (loading) => {
+          refresh.replaceChildren(
+            createRendererSettingsIcon("refresh", 15),
+            loading ? messages.sessionImportRefreshing : messages.sessionImportRefresh
+          );
+        };
+        setRefreshLabel(false);
+        header.append(headingCopy, refresh);
+        const harness = document2.createElement("div");
+        harness.className = "settings-session-import-harness";
+        const harnessLabel = document2.createElement("span");
+        harnessLabel.textContent = messages.sessionImportHarness;
+        const harnessOptions = document2.createElement("div");
+        harnessOptions.className = "settings-segmented settings-session-import-harness__options";
+        harnessOptions.dataset.sessionImportHarness = "selector";
+        harnessOptions.setAttribute("role", "group");
+        harnessOptions.setAttribute("aria-label", messages.sessionImportHarness);
+        for (const agent of SESSION_IMPORT_HARNESSES) {
+          const selected = agent === "deepseek-harness";
+          const option = document2.createElement("button");
+          option.type = "button";
+          option.className = selected ? "settings-segmented__item settings-segmented__item--selected settings-session-import-harness__option" : "settings-segmented__item settings-session-import-harness__option";
+          option.dataset.sessionImportHarnessOption = agent;
+          option.textContent = RENDERER_AGENT_LABELS[agent];
+          option.disabled = !selected;
+          option.setAttribute("aria-pressed", selected ? "true" : "false");
+          harnessOptions.append(option);
+        }
+        harness.append(harnessLabel, harnessOptions);
+        const availabilityNote = document2.createElement("p");
+        availabilityNote.className = "settings-page-description settings-session-import-availability-note";
+        availabilityNote.textContent = messages.sessionImportAvailabilityNote;
+        const content = document2.createElement("section");
+        content.className = "settings-session-import-content";
+        context.content.append(header, harness, availabilityNote, content);
+        let candidates = [];
+        let importingId = null;
+        let actions = [];
+        const updateImportActions = () => {
+          for (const { button, candidate } of actions) {
+            const importing = importingId === candidate.nativeSessionId;
+            button.disabled = candidate.running;
+            button.setAttribute(
+              "aria-disabled",
+              candidate.running || importingId !== null ? "true" : "false"
+            );
+            button.setAttribute("aria-busy", importing ? "true" : "false");
+            button.replaceChildren(
+              createRendererSettingsIcon("download", 15),
+              importing ? messages.sessionImportImporting : messages.sessionImportAction
+            );
+          }
+        };
+        const renderUnavailable = (focus = false) => {
+          candidates = [];
+          actions = [];
+          const status = createStatus(document2, messages.sessionImportUnavailable);
+          content.replaceChildren(status);
+          if (focus) {
+            status.tabIndex = -1;
+            status.focus();
+          }
+        };
+        const renderFailure = (error51, operation = "list") => {
+          if (error51 instanceof RendererDeepSeekSessionUnavailableError) {
+            renderUnavailable(operation === "import");
+            return;
+          }
+          actions = [];
+          const status = createStatus(
+            document2,
+            operation === "import" ? messages.sessionImportFailed : messages.sessionImportLoadFailed,
+            true
+          );
+          content.replaceChildren(status);
+          if (operation === "import") {
+            status.tabIndex = -1;
+            status.focus();
+          }
+        };
+        const renderOpenRecovery = (candidate, threadId) => {
+          actions = [];
+          refresh.disabled = false;
+          const recovery = document2.createElement("section");
+          recovery.className = "settings-session-import-recovery";
+          recovery.setAttribute("role", "region");
+          recovery.setAttribute("aria-label", messages.sessionImportImported);
+          recovery.tabIndex = -1;
+          const recoveryCopy = document2.createElement("div");
+          recoveryCopy.className = "settings-session-import-recovery__copy";
+          const title = document2.createElement("strong");
+          title.textContent = messages.sessionImportImported;
+          const explanation = document2.createElement("p");
+          explanation.textContent = messages.sessionImportOpenFailed;
+          recoveryCopy.append(title, explanation);
+          const path = document2.createElement("div");
+          path.className = "settings-session-import-recovery__path";
+          const cwd = document2.createElement("code");
+          cwd.textContent = candidate.cwd;
+          cwd.title = candidate.cwd;
+          const copyPath = document2.createElement("button");
+          copyPath.type = "button";
+          copyPath.className = "settings-command-button settings-command-button--secondary";
+          copyPath.dataset.sessionImportAction = "copy-project-path";
+          const setCopyLabel = (label) => {
+            copyPath.replaceChildren(createRendererSettingsIcon("copy", 15), label);
+          };
+          const showCopyFeedback = (label) => {
+            setCopyLabel(label);
+            document2.defaultView?.setTimeout(
+              () => setCopyLabel(messages.sessionImportCopyProjectPath),
+              2e3
+            );
+          };
+          setCopyLabel(messages.sessionImportCopyProjectPath);
+          copyPath.addEventListener("click", () => {
+            const clipboard = document2.defaultView?.navigator.clipboard;
+            if (!clipboard) {
+              showCopyFeedback(messages.sessionImportPathCopyFailed);
+              return;
+            }
+            void clipboard.writeText(candidate.cwd).then(
+              () => showCopyFeedback(messages.sessionImportPathCopied),
+              () => showCopyFeedback(messages.sessionImportPathCopyFailed)
+            );
+          });
+          path.append(cwd, copyPath);
+          const retry = document2.createElement("button");
+          retry.type = "button";
+          retry.className = "settings-command-button";
+          retry.dataset.sessionImportAction = "retry-open";
+          const setRetrying = (pending) => {
+            retry.disabled = pending;
+            refresh.disabled = pending;
+            retry.setAttribute("aria-busy", pending ? "true" : "false");
+            retry.replaceChildren(
+              createRendererSettingsIcon("refresh", 15),
+              pending ? messages.sessionImportRetrying : messages.sessionImportRetryOpen
+            );
+          };
+          setRetrying(false);
+          retry.addEventListener("click", () => {
+            if (retry.disabled) return;
+            setRetrying(true);
+            void context.runLatest((signal) => openImportedThread(threadId, signal), {
+              success() {
+                setRetrying(false);
+              },
+              failure() {
+                renderOpenRecovery(candidate, threadId);
+              }
+            });
+          });
+          recovery.append(recoveryCopy, path, retry);
+          content.replaceChildren(recovery);
+          recovery.focus();
+        };
+        const renderCandidates = () => {
+          actions = [];
+          content.replaceChildren();
+          if (candidates.length === 0) {
+            content.append(createStatus(document2, messages.sessionImportEmpty));
+            return;
+          }
+          const list = document2.createElement("div");
+          list.className = "settings-session-import-list";
+          for (const candidate of candidates) {
+            const row = document2.createElement("article");
+            row.className = "settings-session-import-row";
+            row.dataset.sessionImportId = candidate.nativeSessionId;
+            const copy = document2.createElement("div");
+            copy.className = "settings-session-import-row__copy";
+            const title = document2.createElement("strong");
+            title.textContent = candidate.title ?? messages.sessionImportUntitled;
+            const metadata = document2.createElement("span");
+            metadata.textContent = `${messages.sessionImportUpdatedAt}: ${new Intl.DateTimeFormat(
+              messages.locale === "zh-CN" ? "zh-CN" : "en",
+              { dateStyle: "medium", timeStyle: "short" }
+            ).format(new Date(candidate.updatedAt))}`;
+            const cwd = document2.createElement("code");
+            cwd.className = "settings-session-import-row__cwd";
+            cwd.textContent = candidate.cwd;
+            cwd.title = candidate.cwd;
+            const identity = document2.createElement("span");
+            identity.textContent = `${messages.sessionImportSessionId}: ${shortSessionId(candidate.nativeSessionId)}`;
+            identity.title = candidate.nativeSessionId;
+            identity.setAttribute("aria-hidden", "true");
+            copy.append(
+              title,
+              metadata,
+              cwd,
+              identity,
+              createAccessibleText(
+                document2,
+                `${messages.sessionImportSessionId}: ${candidate.nativeSessionId}`
+              )
+            );
+            const actionArea = document2.createElement("div");
+            actionArea.className = "settings-session-import-row__action";
+            if (candidate.running) {
+              const running = document2.createElement("span");
+              running.className = "settings-session-import-running";
+              running.textContent = messages.sessionImportRunning;
+              running.title = messages.sessionImportRunningHint;
+              running.setAttribute("aria-hidden", "true");
+              actionArea.append(
+                running,
+                createAccessibleText(
+                  document2,
+                  `${messages.sessionImportRunning}: ${messages.sessionImportRunningHint}`
+                )
+              );
+            }
+            const action = document2.createElement("button");
+            action.type = "button";
+            action.className = "settings-command-button";
+            action.dataset.sessionImportAction = "import";
+            action.addEventListener("click", () => {
+              if (candidate.running || importingId !== null) return;
+              const client = getClient();
+              if (!client) {
+                renderUnavailable(true);
+                return;
+              }
+              importingId = candidate.nativeSessionId;
+              refresh.disabled = true;
+              updateImportActions();
+              let committedThreadId = null;
+              void context.runLatest(
+                async (signal) => {
+                  const result = await client.importDeepSeekModernSession({
+                    nativeSessionId: candidate.nativeSessionId
+                  });
+                  committedThreadId = result.threadId;
+                  await openImportedThread(result.threadId, signal);
+                },
+                {
+                  success() {
+                    importingId = null;
+                    refresh.disabled = false;
+                    updateImportActions();
+                  },
+                  failure(error51) {
+                    importingId = null;
+                    refresh.disabled = false;
+                    if (committedThreadId) {
+                      renderOpenRecovery(candidate, committedThreadId);
+                    } else {
+                      renderFailure(error51, "import");
+                    }
+                  }
+                }
+              );
+            });
+            actions.push({ button: action, candidate });
+            actionArea.append(action);
+            row.append(copy, actionArea);
+            list.append(row);
+          }
+          content.append(list);
+          updateImportActions();
+        };
+        const load = () => {
+          if (importingId !== null) return;
+          const client = getClient();
+          if (!client) {
+            refresh.disabled = false;
+            setRefreshLabel(false);
+            renderUnavailable();
+            return;
+          }
+          refresh.disabled = true;
+          setRefreshLabel(true);
+          content.replaceChildren(createStatus(document2, messages.sessionImportRefreshing));
+          void context.runLatest(() => client.listDeepSeekModernSessions({}), {
+            success(result) {
+              candidates = result.candidates;
+              refresh.disabled = false;
+              setRefreshLabel(false);
+              renderCandidates();
+            },
+            failure(error51) {
+              candidates = [];
+              refresh.disabled = false;
+              setRefreshLabel(false);
+              renderFailure(error51);
+            }
+          });
+        };
+        refresh.addEventListener("click", load);
+        load();
+        return void 0;
+      }
+    });
+  }
+
   // src/settings/plugins-page.ts
   function adapterStatusLabel(availability, messages) {
     if (availability === "ready") return messages.connectionStatusReady;
@@ -22844,22 +23511,29 @@ ${error51.stderrTail}`] : []
       }
     });
   }
-  function createDefaultRendererSettingsPages(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null, getDiagnostics = () => null) {
+  function createDefaultRendererSettingsPages(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null, getDiagnostics = () => null, getSessionImportClient = () => null, openImportedThread = () => Promise.reject(new Error("Imported Thread navigation is unavailable"))) {
     return Object.freeze([
       createConnectionsSettingsPage(messages, getDiagnostics),
       createPluginsSettingsPage(messages, getDiagnostics),
+      createDeepSeekSessionImportSettingsPage(messages, getSessionImportClient, openImportedThread),
       updatesPage(messages, getUpdateClient),
       aboutPage(messages)
     ]);
   }
-  function createDefaultRendererSettingsRegistry(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null, getDiagnostics = () => null) {
+  function createDefaultRendererSettingsRegistry(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null, getDiagnostics = () => null, getSessionImportClient = () => null, openImportedThread) {
     return createRendererSettingsPageRegistry(
-      createDefaultRendererSettingsPages(messages, getUpdateClient, getDiagnostics)
+      createDefaultRendererSettingsPages(
+        messages,
+        getUpdateClient,
+        getDiagnostics,
+        getSessionImportClient,
+        openImportedThread
+      )
     );
   }
 
   // src/settings/shell.css
-  var shell_default = ':host {\n  /* Inherit Codex Desktop color-scheme; light-dark() tracks the host page. */\n  --settings-bg: light-dark(#ffffff, #181818);\n  --settings-sidebar: light-dark(#f4f4f5, #1c1c1c);\n  --settings-panel: transparent;\n  --settings-text: light-dark(#171717, #f5f5f5);\n  --settings-muted: light-dark(#737373, #a1a1a1);\n  --settings-border: light-dark(rgb(15 23 42 / 10%), rgb(255 255 255 / 10%));\n  --settings-divider: light-dark(rgb(15 23 42 / 10%), rgb(255 255 255 / 10%));\n  --settings-hover: light-dark(rgb(15 23 42 / 5%), rgb(255 255 255 / 6%));\n  --settings-active: light-dark(rgb(51 156 255 / 14%), rgb(51 156 255 / 12%));\n  --settings-focus: #339cff;\n  --settings-elevated: light-dark(#ffffff, #2c2c2e);\n  --settings-inset: light-dark(rgb(15 23 42 / 4%), rgb(0 0 0 / 18%));\n  --settings-surface: light-dark(rgb(15 23 42 / 3%), rgb(255 255 255 / 2%));\n  --settings-surface-strong: light-dark(rgb(15 23 42 / 6%), rgb(255 255 255 / 6%));\n  --settings-mark: light-dark(#52525b, #d4d8de);\n  --settings-dialog-shadow: light-dark(\n    0 24px 64px rgb(15 23 42 / 16%),\n    0 24px 64px rgb(0 0 0 / 38%)\n  );\n  --settings-backdrop: light-dark(rgb(15 23 42 / 28%), rgb(0 0 0 / 52%));\n  --settings-segmented-shadow:\n    0 0 0 0.5px light-dark(rgb(15 23 42 / 6%), rgb(0 0 0 / 4%)),\n    0 3px 1px 0 light-dark(rgb(15 23 42 / 4%), rgb(0 0 0 / 4%)),\n    0 3px 8px 0 light-dark(rgb(15 23 42 / 10%), rgb(0 0 0 / 12%));\n  color: var(--settings-text);\n  font:\n    14px/1.5 system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n  letter-spacing: 0;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  letter-spacing: 0;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\nbutton {\n  color: inherit;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.codexhost-settings-dialog {\n  width: min(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  box-shadow: var(--settings-dialog-shadow);\n}\n\n.codexhost-settings-dialog::backdrop {\n  background: var(--settings-backdrop);\n}\n\n.settings-frame,\n.settings-layout {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.settings-frame {\n  display: flex;\n  flex-direction: column;\n}\n\n.settings-layout {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 240px minmax(0, 1fr);\n  background: var(--settings-bg);\n}\n\n.settings-sidebar {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--settings-sidebar);\n  border-right: 1px solid var(--settings-border);\n  padding-top: 28px;\n}\n\n.settings-header {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 64px;\n  flex: none;\n  padding: 0 16px;\n  border-bottom: 1px solid var(--settings-border);\n}\n\n.settings-header-actions {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 12px;\n  margin-left: auto;\n}\n\n.settings-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-brand__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex: none;\n  color: var(--settings-text);\n}\n\n.settings-brand__mark .codexhost-settings-icon {\n  width: 32px;\n  height: 32px;\n  object-fit: contain;\n}\n\n.settings-brand__copy {\n  display: flex;\n  min-width: 0;\n  align-items: baseline;\n  gap: 0;\n  line-height: 20px;\n}\n\n.settings-brand__name {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-brand__title {\n  margin-left: 14px;\n  padding-left: 14px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  font-weight: 400;\n  border-left: 1px solid var(--settings-border);\n}\n\n.settings-nav {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 4px;\n  padding: 0 12px 16px;\n  overflow-y: auto;\n}\n\n.settings-nav-section-label {\n  min-height: 28px;\n  padding: 7px 12px 3px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-nav-section-label:not(:first-child) {\n  margin-top: 14px;\n}\n\n.settings-nav-button {\n  display: grid;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  width: 100%;\n  position: relative;\n  min-height: 48px;\n  flex: none;\n  gap: 14px;\n  padding: 10px 14px;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 21px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: 12px;\n  cursor: pointer;\n}\n\n.settings-nav-button .codexhost-settings-icon {\n  width: 18px;\n  height: 18px;\n  opacity: 0.9;\n}\n\n.settings-nav-button:hover {\n  background: var(--settings-hover);\n}\n\n.settings-nav-button[aria-current="page"] {\n  background: var(--settings-active);\n  color: var(--settings-focus);\n}\n\n.settings-nav-button[aria-current="page"]::before {\n  position: absolute;\n  left: 0;\n  width: 3px;\n  height: 22px;\n  content: "";\n  background: var(--settings-focus);\n  border-radius: 0 3px 3px 0;\n}\n\n.settings-nav-button span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  padding: 0;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-icon-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-icon-button:focus-visible,\n.settings-nav-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-page {\n  display: block;\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  background: var(--settings-bg);\n  scrollbar-gutter: stable;\n}\n\n.settings-page__content {\n  width: min(930px, calc(100% - 80px));\n  margin-inline: auto;\n}\n\n.settings-page__content {\n  min-width: 0;\n  padding: 44px 0 56px;\n}\n\n.settings-section-label {\n  min-height: auto;\n  padding: 0 0 28px;\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 30px;\n}\n\n.settings-status-list,\n.settings-empty {\n  overflow: hidden;\n  background: var(--settings-panel);\n}\n\n.settings-status-row {\n  display: grid;\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\n  position: relative;\n  align-items: center;\n  min-height: 88px;\n  gap: 28px;\n  padding: 16px 0;\n}\n\n.settings-status-row:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 1px;\n  background: var(--settings-divider);\n}\n\n.settings-status-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--settings-text);\n  gap: 14px;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-status-row__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  height: 44px;\n  flex: none;\n  color: var(--settings-muted);\n  background: var(--settings-surface-strong);\n  border-radius: 50%;\n}\n\n.settings-status-badge {\n  flex: none;\n  padding: 5px 12px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 18px;\n  background: var(--settings-surface-strong);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-status-row__detail {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-page-description {\n  max-width: 760px;\n  margin: -12px 0 24px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-preference-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  min-height: 88px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-divider);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-preference-row__copy {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  min-width: 0;\n  gap: 5px;\n}\n\n.settings-preference-row__copy strong {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-preference-row__copy span {\n  max-width: 680px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-preference-switch {\n  display: inline-flex;\n  align-items: center;\n  width: 42px;\n  height: 24px;\n  flex: none;\n  padding: 2px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--settings-surface-strong);\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n\n.settings-preference-switch[aria-checked="true"] {\n  justify-content: flex-end;\n  background: var(--settings-focus);\n}\n\n.settings-preference-switch:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-preference-switch__thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: white;\n  box-shadow: 0 1px 3px rgb(0 0 0 / 35%);\n}\n\n.settings-connection-page-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 24px;\n  margin-bottom: 24px;\n}\n\n.settings-connection-page-header .settings-section-label {\n  padding-bottom: 0;\n}\n\n.settings-connection-page-header .settings-page-description {\n  margin: 8px 0 0;\n}\n\n.settings-connections-content,\n.settings-plugins-content,\n.settings-connection-list,\n.settings-connection-rows {\n  min-width: 0;\n}\n\n.settings-connections-content,\n.settings-plugins-content {\n  display: grid;\n  gap: 12px;\n}\n\n.settings-connection-list {\n  overflow: hidden;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-segmented {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  padding: 2px;\n  gap: 3px;\n  background: var(--settings-surface-strong);\n  border-radius: 10px;\n}\n\n.settings-segmented__item {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 28px;\n  padding: 4px 14px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n  white-space: nowrap;\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n  transition:\n    color 0.15s ease,\n    background-color 0.15s ease,\n    box-shadow 0.15s ease;\n}\n\n.settings-segmented__item:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-segmented__item--selected,\n.settings-segmented__item[aria-selected="true"] {\n  color: var(--settings-text);\n  background: var(--settings-elevated);\n  box-shadow: var(--settings-segmented-shadow);\n}\n\n.settings-segmented__item:focus-visible,\n.settings-connection-row:focus-visible,\n.settings-connection-install-link:focus-visible,\n.settings-connection-view-error:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-connection-table-header,\n.settings-connection-row {\n  display: grid;\n  /* Component : Status : Actions = 4 : 3 : 3 */\n  grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 3fr);\n  align-items: center;\n  min-width: 0;\n  column-gap: 16px;\n}\n\n.settings-connection-table-header {\n  min-height: 36px;\n  padding: 0 12px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  background: var(--settings-surface);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-rows > .settings-connection-row,\n.settings-connection-rows > .settings-connection-block {\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-rows > .settings-connection-row:last-child,\n.settings-connection-rows > .settings-connection-block:last-child {\n  border-bottom: 0;\n}\n\n.settings-connection-row {\n  min-height: 64px;\n  padding: 10px 12px;\n  cursor: pointer;\n}\n\n.settings-connection-row:hover {\n  background: var(--settings-hover);\n}\n\n.settings-connection-row[data-connection-selected="true"] {\n  background: var(--settings-active);\n}\n\n.settings-connection-row__identity,\n.settings-connection-inspector__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  gap: 9px;\n  color: var(--settings-text);\n}\n\n.settings-connection-row__identity strong,\n.settings-connection-inspector__identity strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 19px;\n}\n\n.settings-connection-row__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  color: var(--settings-mark);\n  font-size: 10px;\n  font-weight: 700;\n  background: var(--settings-surface-strong);\n  border-radius: 7px;\n}\n\n.settings-connection-row__mark--logo {\n  color: var(--settings-text);\n  background: transparent;\n}\n\n.settings-connection-row__mark--logo > img,\n.settings-connection-row__mark--logo > svg {\n  display: block;\n  max-width: 22px;\n  max-height: 22px;\n}\n\n.settings-connection-table-header > :last-child {\n  text-align: end;\n}\n\n.settings-connection-row__status {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  gap: 6px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__status::before {\n  width: 7px;\n  height: 7px;\n  flex: none;\n  content: "";\n  background: currentColor;\n  border-radius: 50%;\n}\n\n.settings-connection-row__status[data-connection-tone="ready"] {\n  color: #4ade80;\n}\n\n.settings-connection-row__status[data-connection-tone="checking"] {\n  color: #f5c542;\n}\n\n.settings-connection-row__status[data-connection-tone="setup"] {\n  color: var(--settings-muted);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"]::before {\n  background: transparent;\n  border: 1.5px solid currentColor;\n}\n\n.settings-connection-row__status[data-connection-tone="failed"] {\n  color: #f87171;\n}\n\n.settings-connection-row__action {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-connection-row__handle {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  color: var(--settings-muted);\n  cursor: grab;\n  opacity: 0.6;\n}\n\n.settings-connection-row__handle:hover {\n  opacity: 1;\n}\n\n.settings-connection-row[draggable="true"] {\n  cursor: grab;\n}\n\n.settings-connection-row[data-connection-dragging="true"] {\n  opacity: 0.4;\n}\n\n.settings-connection-row[data-connection-drop-indicator="before"] {\n  box-shadow: inset 0 2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-row[data-connection-drop-indicator="after"] {\n  box-shadow: inset 0 -2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-inline-detail {\n  display: grid;\n  gap: 12px;\n  margin-top: 2px;\n  padding: 14px 12px 16px;\n  border-top: 1px solid var(--settings-divider);\n  background: var(--settings-inset);\n}\n\n.settings-connection-group-divider {\n  padding: 10px 12px 6px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  /* No border-top here: the row immediately above already carries its own\n     border-bottom (it is no longer :last-child once this divider follows\n     it), so adding one here would double the separator line. */\n}\n\n.settings-connection-group-divider[data-connection-drag-over="true"] {\n  color: var(--settings-focus);\n  background: rgb(51 156 255 / 8%);\n  border-radius: 6px;\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] {\n  background: rgb(51 156 255 / 8%);\n}\n\n.settings-connection-group-hint {\n  display: grid;\n  gap: 3px;\n  margin: 0 12px 12px;\n  padding: 14px 16px;\n  text-align: center;\n  border: 1.5px dashed var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] .settings-connection-group-hint {\n  border-color: var(--settings-focus);\n}\n\n.settings-connection-group-hint strong {\n  color: var(--settings-text);\n  font-size: 12.5px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-group-hint span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 17px;\n}\n\n.settings-connection-group-reset {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 12px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n  cursor: pointer;\n}\n\n.settings-connection-group-reset:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-install-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  color: var(--settings-focus);\n  text-decoration: none;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n}\n\n.settings-connection-install-link:hover {\n  color: #8cc5ff;\n  background: rgb(51 156 255 / 10%);\n  border-color: rgb(51 156 255 / 22%);\n}\n\n.settings-connection-view-error {\n  padding: 4px 7px;\n  color: #f87171;\n  font: inherit;\n  font-size: 11px;\n  line-height: 18px;\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-view-error:hover {\n  color: #fca5a5;\n  background: rgb(239 68 68 / 9%);\n}\n\n.settings-connection-inspector {\n  position: sticky;\n  top: 24px;\n}\n\n.settings-connection-inspector__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  min-width: 0;\n  gap: 12px;\n  padding: 16px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-inspector__body {\n  display: grid;\n  min-width: 0;\n  gap: 14px;\n  padding: 16px;\n}\n\n.settings-connection-install-callout {\n  display: grid;\n  grid-template-columns: 32px minmax(0, 1fr);\n  gap: 10px;\n  padding: 14px;\n  background: linear-gradient(rgb(51 156 255 / 8%), rgb(51 156 255 / 4%));\n  border: 1px solid rgb(51 156 255 / 20%);\n  border-radius: 10px;\n}\n\n.settings-connection-install-callout__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-radius: 8px;\n}\n\n.settings-connection-install-callout strong,\n.settings-connection-error-summary strong,\n.settings-connection-state-summary strong {\n  display: block;\n  margin: 0 0 4px;\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 19px;\n}\n\n.settings-connection-install-callout p,\n.settings-connection-error-summary p,\n.settings-connection-state-summary p,\n.settings-connection-issue-note {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.settings-connection-install-button {\n  width: 100%;\n}\n\n.settings-connection-error-summary {\n  padding: 13px 14px;\n  color: #fecaca;\n  background: rgb(239 68 68 / 7%);\n  border: 1px solid rgb(239 68 68 / 20%);\n  border-radius: 10px;\n}\n\n.settings-connection-error-metadata {\n  display: grid;\n  gap: 7px;\n  padding: 12px;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-detail-line {\n  display: grid;\n  grid-template-columns: 92px minmax(0, 1fr);\n  gap: 10px;\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.settings-connection-detail-line code {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  white-space: pre-wrap;\n}\n\n.settings-connection-error-log-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.settings-connection-error-log-header strong {\n  color: var(--settings-text);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.settings-connection-error-log-header .settings-command-button {\n  min-height: 30px;\n  padding: 5px 9px;\n  font-size: 11px;\n}\n\n.settings-connection-stderr {\n  max-height: 220px;\n  min-width: 0;\n  margin: 0;\n  padding: 11px;\n  overflow: auto;\n  color: var(--settings-text);\n  font:\n    10px/16px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    "Liberation Mono",\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-error-actions {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 8px;\n}\n\n.settings-connection-error-actions .settings-command-button {\n  width: 100%;\n}\n\n.settings-connection-issue-note {\n  margin-top: -4px;\n}\n\n.settings-connection-state-summary {\n  padding: 14px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-empty {\n  display: flex;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 16px;\n}\n\n.settings-empty > div {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.settings-empty strong {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.settings-empty span {\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 19px;\n}\n\n.settings-about-page {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  box-sizing: border-box;\n  min-height: min(620px, calc(100vh - 200px));\n  max-width: 720px;\n}\n\n.settings-about-page > .settings-section-label {\n  padding-bottom: 10px;\n}\n\n.settings-about-panel {\n  display: grid;\n  gap: 18px;\n  padding: 28px;\n  background: rgb(255 255 255 / 2%);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-about-product {\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 32px;\n}\n\n.settings-about-tagline {\n  color: var(--settings-text);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.settings-about-copy {\n  display: grid;\n  max-width: 660px;\n  gap: 12px;\n}\n\n.settings-about-lead,\n.settings-about-extension,\n.settings-about-closing p,\n.settings-about-copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-lead {\n  color: var(--settings-text);\n  font-weight: 500;\n}\n\n.settings-about-agents {\n  display: grid;\n  gap: 10px;\n  margin: 2px 0;\n  padding: 0;\n  list-style: none;\n}\n\n.settings-about-agent {\n  display: grid;\n  gap: 4px;\n  padding-left: 2px;\n}\n\n.settings-about-agent-name {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-about-agent-name::before {\n  content: "\xB7 ";\n  color: var(--settings-muted);\n  font-weight: 600;\n}\n\n.settings-about-agent-description {\n  display: block;\n  padding-left: 0.85em;\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n}\n\n.settings-about-closing {\n  display: grid;\n  gap: 8px;\n}\n\n.settings-about-repository {\n  gap: 10px;\n}\n\n.settings-about-open-source {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0.35em;\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-repository p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-star-callout {\n  margin: 4px 0 0;\n  color: #f5c542;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-about-repository-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: #7cb8ff;\n  font-weight: 600;\n  line-height: 1;\n  text-decoration: none;\n}\n\n.settings-about-repository-link .codexhost-settings-icon {\n  display: block;\n  flex: none;\n}\n\n.settings-about-repository-link:hover {\n  text-decoration: underline;\n}\n\n.settings-about-brand {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: auto;\n  padding-top: 12px;\n  color: inherit;\n  opacity: 0.9;\n  text-decoration: none;\n  transition: opacity 160ms ease;\n}\n\n.settings-about-brand:hover {\n  opacity: 1;\n}\n\n.settings-about-brand-video {\n  width: 40px;\n  height: 40px;\n  flex: none;\n  overflow: hidden;\n  object-fit: cover;\n  border-radius: 999px;\n  box-shadow: 0 1px 2px rgb(0 0 0 / 18%);\n}\n\n.settings-about-brand-copy {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n}\n\n.settings-about-brand-name {\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 0.18em;\n  line-height: 18px;\n}\n\n.settings-about-brand-tagline {\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  line-height: 16px;\n}\n\n.settings-page-error {\n  padding: 16px;\n  color: var(--settings-text);\n  font-size: 13px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 20px;\n}\n\n.settings-update-metadata {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n  margin-bottom: 24px;\n  padding: 0 4px 20px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-update-metadata__item {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-update-metadata__item span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-metadata__item strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n/* The only emphasis on this screen: a latest version newer than the installed one. */\n.settings-update-metadata__value--newer {\n  color: #4aa3f0;\n}\n\n.settings-update-panel {\n  display: grid;\n  gap: 12px;\n  padding: 20px;\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n/* Soft status copy (unavailable / request failure) should not sit in a framed card. */\n.settings-update-panel[data-update-state="unavailable"],\n.settings-update-panel[data-update-state="failed"],\n.settings-update-panel[data-update-state="error"] {\n  padding: 4px 0 0;\n  border: 0;\n  border-radius: 0;\n}\n\n.settings-update-panel__status-row {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  min-width: 0;\n}\n\n.settings-update-panel__status-row .settings-update-actions {\n  flex: none;\n}\n\n.settings-update-panel__status-row .settings-update-panel__head {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.settings-update-panel__head {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-panel__head .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-update-panel[data-update-state="available"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="downloading"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="installing"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="restarting"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: #4aa3f0;\n}\n\n.settings-update-panel[data-update-state="current"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: #4ade80;\n}\n\n.settings-update-panel[data-update-state="failed"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="error"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: #ef4444;\n}\n\n.settings-update-panel[data-update-state="unavailable"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-update-panel__title {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-summary,\n.settings-update-error {\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-summary {\n  color: var(--settings-muted);\n}\n\n.settings-update-error {\n  color: #ef4444;\n}\n\n.settings-update-progress {\n  width: 100%;\n  height: 8px;\n  accent-color: #238be8;\n}\n\n.settings-update-progress-detail {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n/* Release notes scroll with the page; a scroller inside a scroller traps the wheel. */\n.settings-update-notes-section {\n  min-width: 0;\n  margin-top: 24px;\n  padding-top: 24px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes-section:empty {\n  display: none;\n}\n\n.settings-update-notes {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.settings-update-notes > :first-child {\n  margin-top: 0;\n}\n\n.settings-update-notes > :last-child {\n  margin-bottom: 0;\n}\n\n.settings-update-notes h1,\n.settings-update-notes h2,\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  margin: 6px 0 0;\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes h1 {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.settings-update-notes h2 {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.settings-update-notes p,\n.settings-update-notes ul,\n.settings-update-notes ol,\n.settings-update-notes pre,\n.settings-update-notes blockquote {\n  margin: 0;\n}\n\n.settings-update-notes ul,\n.settings-update-notes ol {\n  padding-left: 24px;\n}\n\n.settings-update-notes li {\n  padding-left: 4px;\n}\n\n.settings-update-notes li::marker {\n  color: var(--settings-muted);\n  font-size: 0.85em;\n}\n\n.settings-update-notes li + li {\n  margin-top: 14px;\n}\n\n.settings-update-notes .release-note-translation {\n  display: block;\n  margin-top: 3px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-notes blockquote {\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  border-left: 3px solid var(--settings-focus);\n  background: var(--settings-surface);\n}\n\n.settings-update-notes hr {\n  width: 100%;\n  margin: 2px 0;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes strong {\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes a {\n  color: #7cb8ff;\n  text-decoration: none;\n}\n\n.settings-update-notes a:hover {\n  text-decoration: underline;\n}\n\n.settings-update-notes code {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n}\n\n.settings-update-notes :not(pre) > code {\n  padding: 1px 5px;\n  background: var(--settings-surface-strong);\n  border-radius: 4px;\n}\n\n.settings-update-notes pre {\n  min-width: 0;\n  max-width: 100%;\n  padding: 10px 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n\n.settings-update-notes pre code {\n  line-height: 18px;\n  white-space: pre-wrap;\n}\n\n/* Manual update sits directly under the status panel, not behind a disclosure:\n   automatic updates can fail for machine-local reasons and this is the way out. */\n.settings-update-controls {\n  display: grid;\n  min-width: 0;\n  gap: 10px;\n  margin-top: 24px;\n}\n\n.settings-update-manual-title {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-manual {\n  display: grid;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-manual[hidden] {\n  display: none;\n}\n\n.settings-update-manual-description {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-manual-description.is-fallback {\n  color: #ef4444;\n}\n\n.settings-update-command {\n  display: flex;\n  align-items: stretch;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-update-command code {\n  min-width: 0;\n  flex: 1;\n  padding: 9px 12px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-update-command__copy {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n  gap: 6px;\n  padding: 0 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-left: 1px solid var(--settings-border);\n  cursor: pointer;\n}\n\n.settings-update-command__copy:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-update-command__copy:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n.settings-update-actions {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.settings-command-button,\n.settings-update-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  min-height: 36px;\n  gap: 8px;\n  padding: 8px 12px;\n  color: white;\n  font: inherit;\n  font-size: 13px;\n  text-decoration: none;\n  background: #1677d2;\n  border: 1px solid #238be8;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-command-button--secondary,\n.settings-update-link {\n  color: var(--settings-muted);\n  background: transparent;\n  border-color: var(--settings-border);\n}\n\n.settings-command-button--secondary .codexhost-settings-icon,\n.settings-update-link .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-command-button:hover:not(.settings-command-button--secondary) {\n  filter: brightness(1.08);\n}\n\n.settings-command-button--secondary:hover,\n.settings-update-link:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-command-button--secondary:hover .codexhost-settings-icon,\n.settings-update-link:hover .codexhost-settings-icon {\n  color: var(--settings-text);\n}\n\n.settings-command-button:focus-visible,\n.settings-update-link:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.codexhost-settings-icon {\n  display: block;\n  flex: none;\n  stroke: currentColor;\n}\n\n@media (max-width: 720px) {\n  .codexhost-settings-dialog {\n    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-section-label {\n    display: none;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-update-metadata {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-connection-page-header {\n    flex-direction: column;\n  }\n\n  .settings-connection-page-header > .settings-command-button {\n    width: 100%;\n  }\n\n  .settings-status-row__detail {\n    grid-column: 1 / -1;\n    margin: -8px 0 0 58px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host,\n  :host([data-theme="light"]),\n  :host([data-theme="dark"]) {\n    --settings-bg: Canvas;\n    --settings-sidebar: Canvas;\n    --settings-panel: Canvas;\n    --settings-text: CanvasText;\n    --settings-muted: GrayText;\n    --settings-border: ButtonBorder;\n    --settings-divider: ButtonBorder;\n    --settings-hover: Highlight;\n    --settings-active: Highlight;\n    --settings-focus: Highlight;\n    --settings-elevated: Canvas;\n    --settings-inset: Canvas;\n    --settings-surface: Canvas;\n    --settings-surface-strong: Canvas;\n    --settings-mark: CanvasText;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    scroll-behavior: auto !important;\n  }\n}\n';
+  var shell_default = ':host {\n  /* Inherit Codex Desktop color-scheme; light-dark() tracks the host page. */\n  --settings-bg: light-dark(#ffffff, #181818);\n  --settings-sidebar: light-dark(#f4f4f5, #1c1c1c);\n  --settings-panel: transparent;\n  --settings-text: light-dark(#171717, #f5f5f5);\n  --settings-muted: light-dark(#737373, #a1a1a1);\n  --settings-border: light-dark(rgb(15 23 42 / 10%), rgb(255 255 255 / 10%));\n  --settings-divider: light-dark(rgb(15 23 42 / 10%), rgb(255 255 255 / 10%));\n  --settings-hover: light-dark(rgb(15 23 42 / 5%), rgb(255 255 255 / 6%));\n  --settings-active: light-dark(rgb(51 156 255 / 14%), rgb(51 156 255 / 12%));\n  --settings-focus: #339cff;\n  --settings-elevated: light-dark(#ffffff, #2c2c2e);\n  --settings-inset: light-dark(rgb(15 23 42 / 4%), rgb(0 0 0 / 18%));\n  --settings-surface: light-dark(rgb(15 23 42 / 3%), rgb(255 255 255 / 2%));\n  --settings-surface-strong: light-dark(rgb(15 23 42 / 6%), rgb(255 255 255 / 6%));\n  --settings-mark: light-dark(#52525b, #d4d8de);\n  --settings-dialog-shadow: light-dark(\n    0 24px 64px rgb(15 23 42 / 16%),\n    0 24px 64px rgb(0 0 0 / 38%)\n  );\n  --settings-backdrop: light-dark(rgb(15 23 42 / 28%), rgb(0 0 0 / 52%));\n  --settings-segmented-shadow:\n    0 0 0 0.5px light-dark(rgb(15 23 42 / 6%), rgb(0 0 0 / 4%)),\n    0 3px 1px 0 light-dark(rgb(15 23 42 / 4%), rgb(0 0 0 / 4%)),\n    0 3px 8px 0 light-dark(rgb(15 23 42 / 10%), rgb(0 0 0 / 12%));\n  color: var(--settings-text);\n  font:\n    14px/1.5 system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    sans-serif;\n  letter-spacing: 0;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  letter-spacing: 0;\n}\n\nbutton,\ninput,\nselect {\n  font: inherit;\n}\n\nbutton {\n  color: inherit;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.codexhost-settings-dialog {\n  width: min(1120px, calc(100vw - 32px));\n  height: min(780px, calc(100vh - 32px));\n  max-width: none;\n  max-height: none;\n  margin: auto;\n  padding: 0;\n  overflow: hidden;\n  color: var(--settings-text);\n  background: var(--settings-bg);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n  box-shadow: var(--settings-dialog-shadow);\n}\n\n.codexhost-settings-dialog::backdrop {\n  background: var(--settings-backdrop);\n}\n\n.settings-frame,\n.settings-layout {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.settings-frame {\n  display: flex;\n  flex-direction: column;\n}\n\n.settings-layout {\n  flex: 1;\n  display: grid;\n  grid-template-columns: 240px minmax(0, 1fr);\n  background: var(--settings-bg);\n}\n\n.settings-sidebar {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--settings-sidebar);\n  border-right: 1px solid var(--settings-border);\n  padding-top: 28px;\n}\n\n.settings-header {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  height: 64px;\n  flex: none;\n  padding: 0 16px;\n  border-bottom: 1px solid var(--settings-border);\n}\n\n.settings-header-actions {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 12px;\n  margin-left: auto;\n}\n\n.settings-brand {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-brand__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  flex: none;\n  color: var(--settings-text);\n}\n\n.settings-brand__mark .codexhost-settings-icon {\n  width: 32px;\n  height: 32px;\n  object-fit: contain;\n}\n\n.settings-brand__copy {\n  display: flex;\n  min-width: 0;\n  align-items: baseline;\n  gap: 0;\n  line-height: 20px;\n}\n\n.settings-brand__name {\n  overflow: hidden;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 500;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-brand__title {\n  margin-left: 14px;\n  padding-left: 14px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  font-weight: 400;\n  border-left: 1px solid var(--settings-border);\n}\n\n.settings-nav {\n  display: flex;\n  min-width: 0;\n  min-height: 0;\n  flex: 1;\n  flex-direction: column;\n  gap: 4px;\n  padding: 0 12px 16px;\n  overflow-y: auto;\n}\n\n.settings-nav-section-label {\n  min-height: 28px;\n  padding: 7px 12px 3px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-nav-section-label:not(:first-child) {\n  margin-top: 14px;\n}\n\n.settings-nav-button {\n  display: grid;\n  grid-template-columns: 16px minmax(0, 1fr);\n  align-items: center;\n  width: 100%;\n  position: relative;\n  min-height: 48px;\n  flex: none;\n  gap: 14px;\n  padding: 10px 14px;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 21px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-radius: 12px;\n  cursor: pointer;\n}\n\n.settings-nav-button .codexhost-settings-icon {\n  width: 18px;\n  height: 18px;\n  opacity: 0.9;\n}\n\n.settings-nav-button:hover {\n  background: var(--settings-hover);\n}\n\n.settings-nav-button[aria-current="page"] {\n  background: var(--settings-active);\n  color: var(--settings-focus);\n}\n\n.settings-nav-button[aria-current="page"]::before {\n  position: absolute;\n  left: 0;\n  width: 3px;\n  height: 22px;\n  content: "";\n  background: var(--settings-focus);\n  border-radius: 0 3px 3px 0;\n}\n\n.settings-nav-button span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.settings-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  padding: 0;\n  color: var(--settings-muted);\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n\n.settings-icon-button:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-icon-button:focus-visible,\n.settings-nav-button:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-page {\n  display: block;\n  position: relative;\n  min-width: 0;\n  min-height: 0;\n  overflow-y: auto;\n  background: var(--settings-bg);\n  scrollbar-gutter: stable;\n}\n\n.settings-page__content {\n  width: min(930px, calc(100% - 80px));\n  margin-inline: auto;\n}\n\n.settings-page__content {\n  min-width: 0;\n  padding: 44px 0 56px;\n}\n\n.settings-section-label {\n  min-height: auto;\n  padding: 0 0 28px;\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 30px;\n}\n\n.settings-status-list,\n.settings-empty {\n  overflow: hidden;\n  background: var(--settings-panel);\n}\n\n.settings-status-row {\n  display: grid;\n  grid-template-columns: minmax(170px, 1fr) auto minmax(280px, 1.45fr);\n  position: relative;\n  align-items: center;\n  min-height: 88px;\n  gap: 28px;\n  padding: 16px 0;\n}\n\n.settings-status-row:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 1px;\n  background: var(--settings-divider);\n}\n\n.settings-status-row__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  color: var(--settings-text);\n  gap: 14px;\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n.settings-status-row__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  height: 44px;\n  flex: none;\n  color: var(--settings-muted);\n  background: var(--settings-surface-strong);\n  border-radius: 50%;\n}\n\n.settings-status-badge {\n  flex: none;\n  padding: 5px 12px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 18px;\n  background: var(--settings-surface-strong);\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-status-row__detail {\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-page-description {\n  max-width: 760px;\n  margin: -12px 0 24px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-preference-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  min-height: 88px;\n  padding: 18px 0;\n  border-top: 1px solid var(--settings-divider);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-preference-row__copy {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  min-width: 0;\n  gap: 5px;\n}\n\n.settings-preference-row__copy strong {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-preference-row__copy span {\n  max-width: 680px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-preference-switch {\n  display: inline-flex;\n  align-items: center;\n  width: 42px;\n  height: 24px;\n  flex: none;\n  padding: 2px;\n  border: 0;\n  border-radius: 999px;\n  background: var(--settings-surface-strong);\n  cursor: pointer;\n  transition: background 120ms ease;\n}\n\n.settings-preference-switch[aria-checked="true"] {\n  justify-content: flex-end;\n  background: var(--settings-focus);\n}\n\n.settings-preference-switch:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-preference-switch__thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: white;\n  box-shadow: 0 1px 3px rgb(0 0 0 / 35%);\n}\n\n.settings-connection-page-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 24px;\n  margin-bottom: 24px;\n}\n\n.settings-connection-page-header .settings-section-label {\n  padding-bottom: 0;\n}\n\n.settings-connection-page-header .settings-page-description {\n  margin: 8px 0 0;\n}\n\n.settings-connections-content,\n.settings-plugins-content,\n.settings-connection-list,\n.settings-connection-rows {\n  min-width: 0;\n}\n\n.settings-connections-content,\n.settings-plugins-content {\n  display: grid;\n  gap: 12px;\n}\n\n.settings-connection-list {\n  overflow: hidden;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-segmented {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  padding: 2px;\n  gap: 3px;\n  background: var(--settings-surface-strong);\n  border-radius: 10px;\n}\n\n.settings-segmented__item {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 28px;\n  padding: 4px 14px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n  white-space: nowrap;\n  background: transparent;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n  transition:\n    color 0.15s ease,\n    background-color 0.15s ease,\n    box-shadow 0.15s ease;\n}\n\n.settings-segmented__item:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-segmented__item--selected,\n.settings-segmented__item[aria-selected="true"],\n.settings-segmented__item[aria-pressed="true"] {\n  color: var(--settings-text);\n  background: var(--settings-elevated);\n  box-shadow: var(--settings-segmented-shadow);\n}\n\n.settings-segmented__item:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.settings-segmented__item:disabled:hover {\n  color: var(--settings-muted);\n  background: transparent;\n}\n\n.settings-segmented__item:focus-visible,\n.settings-connection-row:focus-visible,\n.settings-connection-install-link:focus-visible,\n.settings-connection-view-error:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 1px;\n}\n\n.settings-connection-table-header,\n.settings-connection-row {\n  display: grid;\n  /* Component : Status : Actions = 4 : 3 : 3 */\n  grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 3fr);\n  align-items: center;\n  min-width: 0;\n  column-gap: 16px;\n}\n\n.settings-connection-table-header {\n  min-height: 36px;\n  padding: 0 12px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  background: var(--settings-surface);\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-rows > .settings-connection-row,\n.settings-connection-rows > .settings-connection-block {\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-rows > .settings-connection-row:last-child,\n.settings-connection-rows > .settings-connection-block:last-child {\n  border-bottom: 0;\n}\n\n.settings-connection-row {\n  min-height: 64px;\n  padding: 10px 12px;\n  cursor: pointer;\n}\n\n.settings-connection-row:hover {\n  background: var(--settings-hover);\n}\n\n.settings-connection-row[data-connection-selected="true"] {\n  background: var(--settings-active);\n}\n\n.settings-connection-row__identity,\n.settings-connection-inspector__identity {\n  display: inline-flex;\n  align-items: center;\n  min-width: 0;\n  gap: 9px;\n  color: var(--settings-text);\n}\n\n.settings-connection-row__identity strong,\n.settings-connection-inspector__identity strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 19px;\n}\n\n.settings-connection-row__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  flex: none;\n  color: var(--settings-mark);\n  font-size: 10px;\n  font-weight: 700;\n  background: var(--settings-surface-strong);\n  border-radius: 7px;\n}\n\n.settings-connection-row__mark--logo {\n  color: var(--settings-text);\n  background: transparent;\n}\n\n.settings-connection-row__mark--logo > img,\n.settings-connection-row__mark--logo > svg {\n  display: block;\n  max-width: 22px;\n  max-height: 22px;\n}\n\n.settings-connection-table-header > :last-child {\n  text-align: end;\n}\n\n.settings-connection-row__status {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n  max-width: 100%;\n  gap: 6px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-row__status::before {\n  width: 7px;\n  height: 7px;\n  flex: none;\n  content: "";\n  background: currentColor;\n  border-radius: 50%;\n}\n\n.settings-connection-row__status[data-connection-tone="ready"] {\n  color: #4ade80;\n}\n\n.settings-connection-row__status[data-connection-tone="checking"] {\n  color: #f5c542;\n}\n\n.settings-connection-row__status[data-connection-tone="setup"] {\n  color: var(--settings-muted);\n}\n\n.settings-connection-row__status[data-connection-tone="setup"]::before {\n  background: transparent;\n  border: 1.5px solid currentColor;\n}\n\n.settings-connection-row__status[data-connection-tone="failed"] {\n  color: #f87171;\n}\n\n.settings-connection-row__action {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-connection-row__handle {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  color: var(--settings-muted);\n  cursor: grab;\n  opacity: 0.6;\n}\n\n.settings-connection-row__handle:hover {\n  opacity: 1;\n}\n\n.settings-connection-row[draggable="true"] {\n  cursor: grab;\n}\n\n.settings-connection-row[data-connection-dragging="true"] {\n  opacity: 0.4;\n}\n\n.settings-connection-row[data-connection-drop-indicator="before"] {\n  box-shadow: inset 0 2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-row[data-connection-drop-indicator="after"] {\n  box-shadow: inset 0 -2px 0 0 var(--settings-focus);\n}\n\n.settings-connection-inline-detail {\n  display: grid;\n  gap: 12px;\n  margin-top: 2px;\n  padding: 14px 12px 16px;\n  border-top: 1px solid var(--settings-divider);\n  background: var(--settings-inset);\n}\n\n.settings-connection-group-divider {\n  padding: 10px 12px 6px;\n  color: var(--settings-muted);\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  /* No border-top here: the row immediately above already carries its own\n     border-bottom (it is no longer :last-child once this divider follows\n     it), so adding one here would double the separator line. */\n}\n\n.settings-connection-group-divider[data-connection-drag-over="true"] {\n  color: var(--settings-focus);\n  background: rgb(51 156 255 / 8%);\n  border-radius: 6px;\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] {\n  background: rgb(51 156 255 / 8%);\n}\n\n.settings-connection-group-hint {\n  display: grid;\n  gap: 3px;\n  margin: 0 12px 12px;\n  padding: 14px 16px;\n  text-align: center;\n  border: 1.5px dashed var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-connection-group-more[data-connection-drag-over="true"] .settings-connection-group-hint {\n  border-color: var(--settings-focus);\n}\n\n.settings-connection-group-hint strong {\n  color: var(--settings-text);\n  font-size: 12.5px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n.settings-connection-group-hint span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 17px;\n}\n\n.settings-connection-group-reset {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 12px;\n  color: var(--settings-muted);\n  font: inherit;\n  font-size: 12px;\n  text-align: left;\n  background: transparent;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n  cursor: pointer;\n}\n\n.settings-connection-group-reset:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-connection-install-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  color: var(--settings-focus);\n  text-decoration: none;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: 7px;\n}\n\n.settings-connection-install-link:hover {\n  color: #8cc5ff;\n  background: rgb(51 156 255 / 10%);\n  border-color: rgb(51 156 255 / 22%);\n}\n\n.settings-connection-view-error {\n  padding: 4px 7px;\n  color: #f87171;\n  font: inherit;\n  font-size: 11px;\n  line-height: 18px;\n  background: transparent;\n  border: 0;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-connection-view-error:hover {\n  color: #fca5a5;\n  background: rgb(239 68 68 / 9%);\n}\n\n.settings-connection-inspector {\n  position: sticky;\n  top: 24px;\n}\n\n.settings-connection-inspector__header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  min-width: 0;\n  gap: 12px;\n  padding: 16px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-connection-inspector__body {\n  display: grid;\n  min-width: 0;\n  gap: 14px;\n  padding: 16px;\n}\n\n.settings-connection-install-callout {\n  display: grid;\n  grid-template-columns: 32px minmax(0, 1fr);\n  gap: 10px;\n  padding: 14px;\n  background: linear-gradient(rgb(51 156 255 / 8%), rgb(51 156 255 / 4%));\n  border: 1px solid rgb(51 156 255 / 20%);\n  border-radius: 10px;\n}\n\n.settings-connection-install-callout__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  color: var(--settings-focus);\n  background: var(--settings-active);\n  border-radius: 8px;\n}\n\n.settings-connection-install-callout strong,\n.settings-connection-error-summary strong,\n.settings-connection-state-summary strong {\n  display: block;\n  margin: 0 0 4px;\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 19px;\n}\n\n.settings-connection-install-callout p,\n.settings-connection-error-summary p,\n.settings-connection-state-summary p,\n.settings-connection-issue-note {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.settings-connection-install-button {\n  width: 100%;\n}\n\n.settings-connection-error-summary {\n  padding: 13px 14px;\n  color: #fecaca;\n  background: rgb(239 68 68 / 7%);\n  border: 1px solid rgb(239 68 68 / 20%);\n  border-radius: 10px;\n}\n\n.settings-connection-error-metadata {\n  display: grid;\n  gap: 7px;\n  padding: 12px;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-detail-line {\n  display: grid;\n  grid-template-columns: 92px minmax(0, 1fr);\n  gap: 10px;\n  min-width: 0;\n  color: var(--settings-muted);\n  font-size: 10px;\n  line-height: 16px;\n}\n\n.settings-connection-detail-line code {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  white-space: pre-wrap;\n}\n\n.settings-connection-error-log-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n}\n\n.settings-connection-error-log-header strong {\n  color: var(--settings-text);\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.settings-connection-error-log-header .settings-command-button {\n  min-height: 30px;\n  padding: 5px 9px;\n  font-size: 11px;\n}\n\n.settings-connection-stderr {\n  max-height: 220px;\n  min-width: 0;\n  margin: 0;\n  padding: 11px;\n  overflow: auto;\n  color: var(--settings-text);\n  font:\n    10px/16px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    "Liberation Mono",\n    monospace;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  background: var(--settings-inset);\n  border: 1px solid var(--settings-border);\n  border-radius: 9px;\n}\n\n.settings-connection-error-actions {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 8px;\n}\n\n.settings-connection-error-actions .settings-command-button {\n  width: 100%;\n}\n\n.settings-connection-issue-note {\n  margin-top: -4px;\n}\n\n.settings-connection-state-summary {\n  padding: 14px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.settings-empty {\n  display: flex;\n  align-items: center;\n  min-height: 72px;\n  padding: 12px 16px;\n}\n\n.settings-empty > div {\n  display: grid;\n  min-width: 0;\n  gap: 2px;\n}\n\n.settings-empty strong {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 19px;\n}\n\n.settings-empty span {\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 19px;\n}\n\n.settings-about-page {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  box-sizing: border-box;\n  min-height: min(620px, calc(100vh - 200px));\n  max-width: 720px;\n}\n\n.settings-about-page > .settings-section-label {\n  padding-bottom: 10px;\n}\n\n.settings-about-panel {\n  display: grid;\n  gap: 18px;\n  padding: 28px;\n  background: rgb(255 255 255 / 2%);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-about-product {\n  color: var(--settings-text);\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 32px;\n}\n\n.settings-about-tagline {\n  color: var(--settings-text);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.settings-about-copy {\n  display: grid;\n  max-width: 660px;\n  gap: 12px;\n}\n\n.settings-about-lead,\n.settings-about-extension,\n.settings-about-closing p,\n.settings-about-copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-lead {\n  color: var(--settings-text);\n  font-weight: 500;\n}\n\n.settings-about-agents {\n  display: grid;\n  gap: 10px;\n  margin: 2px 0;\n  padding: 0;\n  list-style: none;\n}\n\n.settings-about-agent {\n  display: grid;\n  gap: 4px;\n  padding-left: 2px;\n}\n\n.settings-about-agent-name {\n  color: var(--settings-text);\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-about-agent-name::before {\n  content: "\xB7 ";\n  color: var(--settings-muted);\n  font-weight: 600;\n}\n\n.settings-about-agent-description {\n  display: block;\n  padding-left: 0.85em;\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n}\n\n.settings-about-closing {\n  display: grid;\n  gap: 8px;\n}\n\n.settings-about-repository {\n  gap: 10px;\n}\n\n.settings-about-open-source {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0.35em;\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-repository p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 21px;\n}\n\n.settings-about-star-callout {\n  margin: 4px 0 0;\n  color: #f5c542;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-about-repository-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: #7cb8ff;\n  font-weight: 600;\n  line-height: 1;\n  text-decoration: none;\n}\n\n.settings-about-repository-link .codexhost-settings-icon {\n  display: block;\n  flex: none;\n}\n\n.settings-about-repository-link:hover {\n  text-decoration: underline;\n}\n\n.settings-about-brand {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: auto;\n  padding-top: 12px;\n  color: inherit;\n  opacity: 0.9;\n  text-decoration: none;\n  transition: opacity 160ms ease;\n}\n\n.settings-about-brand:hover {\n  opacity: 1;\n}\n\n.settings-about-brand-video {\n  width: 40px;\n  height: 40px;\n  flex: none;\n  overflow: hidden;\n  object-fit: cover;\n  border-radius: 999px;\n  box-shadow: 0 1px 2px rgb(0 0 0 / 18%);\n}\n\n.settings-about-brand-copy {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n}\n\n.settings-about-brand-name {\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 0.18em;\n  line-height: 18px;\n}\n\n.settings-about-brand-tagline {\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  line-height: 16px;\n}\n\n.settings-page-error {\n  padding: 16px;\n  color: var(--settings-text);\n  font-size: 13px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 20px;\n}\n\n.settings-update-metadata {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 24px;\n  margin-bottom: 24px;\n  padding: 0 4px 20px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-update-metadata__item {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-update-metadata__item span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-metadata__item strong {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 500;\n  line-height: 22px;\n}\n\n/* The only emphasis on this screen: a latest version newer than the installed one. */\n.settings-update-metadata__value--newer {\n  color: #4aa3f0;\n}\n\n.settings-update-panel {\n  display: grid;\n  gap: 12px;\n  padding: 20px;\n  color: var(--settings-text);\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 8px;\n}\n\n/* Soft status copy (unavailable / request failure) should not sit in a framed card. */\n.settings-update-panel[data-update-state="unavailable"],\n.settings-update-panel[data-update-state="failed"],\n.settings-update-panel[data-update-state="error"] {\n  padding: 4px 0 0;\n  border: 0;\n  border-radius: 0;\n}\n\n.settings-update-panel__status-row {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  min-width: 0;\n}\n\n.settings-update-panel__status-row .settings-update-actions {\n  flex: none;\n}\n\n.settings-update-panel__status-row .settings-update-panel__head {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.settings-update-panel__head {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-panel__head .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-update-panel[data-update-state="available"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="downloading"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="installing"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="restarting"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: #4aa3f0;\n}\n\n.settings-update-panel[data-update-state="current"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: #4ade80;\n}\n\n.settings-update-panel[data-update-state="failed"]\n  .settings-update-panel__head\n  .codexhost-settings-icon,\n.settings-update-panel[data-update-state="error"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: #ef4444;\n}\n\n.settings-update-panel[data-update-state="unavailable"]\n  .settings-update-panel__head\n  .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-update-panel__title {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-summary,\n.settings-update-error {\n  margin: 0;\n  overflow-wrap: anywhere;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-summary {\n  color: var(--settings-muted);\n}\n\n.settings-update-error {\n  color: #ef4444;\n}\n\n.settings-update-progress {\n  width: 100%;\n  height: 8px;\n  accent-color: #238be8;\n}\n\n.settings-update-progress-detail {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n/* Release notes scroll with the page; a scroller inside a scroller traps the wheel. */\n.settings-update-notes-section {\n  min-width: 0;\n  margin-top: 24px;\n  padding-top: 24px;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes-section:empty {\n  display: none;\n}\n\n.settings-update-notes {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  color: var(--settings-muted);\n  font-size: 14px;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.settings-update-notes > :first-child {\n  margin-top: 0;\n}\n\n.settings-update-notes > :last-child {\n  margin-bottom: 0;\n}\n\n.settings-update-notes h1,\n.settings-update-notes h2,\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  margin: 6px 0 0;\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes h1 {\n  font-size: 18px;\n  line-height: 26px;\n}\n\n.settings-update-notes h2 {\n  font-size: 17px;\n  line-height: 24px;\n}\n\n.settings-update-notes h3,\n.settings-update-notes h4,\n.settings-update-notes h5,\n.settings-update-notes h6 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.settings-update-notes p,\n.settings-update-notes ul,\n.settings-update-notes ol,\n.settings-update-notes pre,\n.settings-update-notes blockquote {\n  margin: 0;\n}\n\n.settings-update-notes ul,\n.settings-update-notes ol {\n  padding-left: 24px;\n}\n\n.settings-update-notes li {\n  padding-left: 4px;\n}\n\n.settings-update-notes li::marker {\n  color: var(--settings-muted);\n  font-size: 0.85em;\n}\n\n.settings-update-notes li + li {\n  margin-top: 14px;\n}\n\n.settings-update-notes .release-note-translation {\n  display: block;\n  margin-top: 3px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-update-notes blockquote {\n  padding: 8px 12px;\n  color: var(--settings-muted);\n  border-left: 3px solid var(--settings-focus);\n  background: var(--settings-surface);\n}\n\n.settings-update-notes hr {\n  width: 100%;\n  margin: 2px 0;\n  border: 0;\n  border-top: 1px solid var(--settings-divider);\n}\n\n.settings-update-notes strong {\n  color: var(--settings-text);\n  font-weight: 600;\n}\n\n.settings-update-notes a {\n  color: #7cb8ff;\n  text-decoration: none;\n}\n\n.settings-update-notes a:hover {\n  text-decoration: underline;\n}\n\n.settings-update-notes code {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n}\n\n.settings-update-notes :not(pre) > code {\n  padding: 1px 5px;\n  background: var(--settings-surface-strong);\n  border-radius: 4px;\n}\n\n.settings-update-notes pre {\n  min-width: 0;\n  max-width: 100%;\n  padding: 10px 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  background: var(--settings-inset);\n  border-radius: 6px;\n}\n\n.settings-update-notes pre code {\n  line-height: 18px;\n  white-space: pre-wrap;\n}\n\n/* Manual update sits directly under the status panel, not behind a disclosure:\n   automatic updates can fail for machine-local reasons and this is the way out. */\n.settings-update-controls {\n  display: grid;\n  min-width: 0;\n  gap: 10px;\n  margin-top: 24px;\n}\n\n.settings-update-manual-title {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-update-manual {\n  display: grid;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-update-manual[hidden] {\n  display: none;\n}\n\n.settings-update-manual-description {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-update-manual-description.is-fallback {\n  color: #ef4444;\n}\n\n.settings-update-command {\n  display: flex;\n  align-items: stretch;\n  min-width: 0;\n  overflow: hidden;\n  border: 1px solid var(--settings-border);\n  border-radius: 6px;\n}\n\n.settings-update-command code {\n  min-width: 0;\n  flex: 1;\n  padding: 9px 12px;\n  overflow-x: auto;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 20px;\n  white-space: nowrap;\n}\n\n.settings-update-command__copy {\n  display: inline-flex;\n  align-items: center;\n  flex: none;\n  gap: 6px;\n  padding: 0 12px;\n  color: var(--settings-muted);\n  font-size: 12px;\n  background: transparent;\n  border: 0;\n  border-left: 1px solid var(--settings-border);\n  cursor: pointer;\n}\n\n.settings-update-command__copy:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-update-command__copy:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: -2px;\n}\n\n.settings-update-actions {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.settings-command-button,\n.settings-update-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  min-height: 36px;\n  gap: 8px;\n  padding: 8px 12px;\n  color: white;\n  font: inherit;\n  font-size: 13px;\n  text-decoration: none;\n  background: #1677d2;\n  border: 1px solid #238be8;\n  border-radius: 6px;\n  cursor: pointer;\n}\n\n.settings-command-button--secondary,\n.settings-update-link {\n  color: var(--settings-muted);\n  background: transparent;\n  border-color: var(--settings-border);\n}\n\n.settings-command-button--secondary .codexhost-settings-icon,\n.settings-update-link .codexhost-settings-icon {\n  color: var(--settings-muted);\n}\n\n.settings-command-button:hover:not(.settings-command-button--secondary) {\n  filter: brightness(1.08);\n}\n\n.settings-command-button--secondary:hover,\n.settings-update-link:hover {\n  color: var(--settings-text);\n  background: var(--settings-hover);\n}\n\n.settings-command-button--secondary:hover .codexhost-settings-icon,\n.settings-update-link:hover .codexhost-settings-icon {\n  color: var(--settings-text);\n}\n\n.settings-command-button:disabled,\n.settings-command-button[aria-disabled="true"] {\n  opacity: 0.55;\n  cursor: not-allowed;\n  filter: none;\n}\n\n.settings-command-button:focus-visible,\n.settings-update-link:focus-visible {\n  outline: 2px solid var(--settings-focus);\n  outline-offset: 2px;\n}\n\n.settings-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.settings-session-import-harness {\n  display: grid;\n  gap: 8px;\n  min-width: 0;\n}\n\n.settings-session-import-harness > span {\n  color: var(--settings-muted);\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.settings-session-import-harness__options {\n  width: 100%;\n}\n\n.settings-session-import-availability-note {\n  margin: 16px 0 20px;\n}\n\n.settings-session-import-content {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n}\n\n.settings-session-import-status {\n  display: flex;\n  align-items: flex-start;\n  min-width: 0;\n  gap: 10px;\n  padding: 14px 16px;\n  color: var(--settings-muted);\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-session-import-status.is-error {\n  color: #fecaca;\n  background: rgb(239 68 68 / 7%);\n  border-color: rgb(239 68 68 / 20%);\n}\n\n.settings-session-import-list {\n  display: grid;\n  min-width: 0;\n  overflow: hidden;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-session-import-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  min-width: 0;\n  gap: 16px;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--settings-divider);\n}\n\n.settings-session-import-row:last-child {\n  border-bottom: 0;\n}\n\n.settings-session-import-row__copy {\n  display: grid;\n  min-width: 0;\n  gap: 4px;\n}\n\n.settings-session-import-row__copy strong {\n  color: var(--settings-text);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n.settings-session-import-row__copy span,\n.settings-session-import-row__cwd {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.settings-session-import-row__cwd {\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n}\n\n.settings-session-import-row__action {\n  display: flex;\n  align-items: center;\n  flex: none;\n  gap: 8px;\n}\n\n.settings-session-import-running {\n  color: #f5c542;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 18px;\n  white-space: nowrap;\n}\n\n.settings-session-import-recovery {\n  display: grid;\n  min-width: 0;\n  gap: 12px;\n  padding: 16px;\n  background: var(--settings-surface);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.settings-session-import-recovery__copy {\n  display: grid;\n  gap: 6px;\n}\n\n.settings-session-import-recovery__copy strong {\n  color: var(--settings-text);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.settings-session-import-recovery__copy p {\n  margin: 0;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.settings-session-import-recovery__path {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  gap: 8px;\n}\n\n.settings-session-import-recovery__path code {\n  min-width: 0;\n  flex: 1;\n  overflow-wrap: anywhere;\n  color: var(--settings-text);\n  font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.codexhost-settings-icon {\n  display: block;\n  flex: none;\n  stroke: currentColor;\n}\n\n@media (max-width: 720px) {\n  .codexhost-settings-dialog {\n    width: calc(100vw - 16px);\n    height: calc(100vh - 16px);\n    border-radius: 10px;\n  }\n\n  .settings-layout {\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .settings-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .settings-header {\n    height: 56px;\n    padding-inline: 14px;\n  }\n\n  .settings-sidebar {\n    padding-top: 20px;\n  }\n\n  .settings-nav {\n    flex: none;\n    flex-direction: row;\n    gap: 4px;\n    padding: 7px 8px 8px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  .settings-nav-section-label {\n    display: none;\n  }\n\n  .settings-nav-button {\n    width: auto;\n    min-width: max-content;\n    min-height: 34px;\n    grid-template-columns: 16px auto;\n    border-radius: 10px;\n  }\n\n  .settings-page__content {\n    width: calc(100% - 40px);\n  }\n\n  .settings-page__content {\n    padding-top: 32px;\n    padding-bottom: 32px;\n  }\n\n  .settings-section-label {\n    padding-bottom: 20px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n\n  .settings-update-metadata {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .settings-status-row {\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 16px;\n  }\n\n  .settings-connection-page-header {\n    flex-direction: column;\n  }\n\n  .settings-connection-page-header > .settings-command-button {\n    width: 100%;\n  }\n\n  .settings-session-import-row {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .settings-session-import-row__action {\n    justify-content: flex-start;\n    flex-wrap: wrap;\n  }\n\n  .settings-status-row__detail {\n    grid-column: 1 / -1;\n    margin: -8px 0 0 58px;\n  }\n}\n\n@media (forced-colors: active) {\n  :host,\n  :host([data-theme="light"]),\n  :host([data-theme="dark"]) {\n    --settings-bg: Canvas;\n    --settings-sidebar: Canvas;\n    --settings-panel: Canvas;\n    --settings-text: CanvasText;\n    --settings-muted: GrayText;\n    --settings-border: ButtonBorder;\n    --settings-divider: ButtonBorder;\n    --settings-hover: Highlight;\n    --settings-active: Highlight;\n    --settings-focus: Highlight;\n    --settings-elevated: Canvas;\n    --settings-inset: Canvas;\n    --settings-surface: Canvas;\n    --settings-surface-strong: Canvas;\n    --settings-mark: CanvasText;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *,\n  *::before,\n  *::after {\n    scroll-behavior: auto !important;\n  }\n}\n';
 
   // src/settings/shell.ts
   var SETTINGS_SHELL_ATTRIBUTE = "data-codexhost-settings-shell";
@@ -23441,7 +24115,15 @@ ${error51.stderrTail}`] : []
       const definitions = createDefaultRendererSettingsPages(
         messages,
         options.getUpdateClient ?? (() => null),
-        options.getConnectionDiagnostics ?? (() => null)
+        options.getConnectionDiagnostics ?? (() => null),
+        options.getSessionImportClient ?? (() => null),
+        async (threadId, signal) => {
+          if (!options.openImportedThread) {
+            throw new Error("Imported Thread navigation is unavailable");
+          }
+          await options.openImportedThread(threadId, signal);
+          if (!disposed && !signal.aborted) shell?.close();
+        }
       );
       const nextShell = installRendererSettingsShell(definitions, messages, ownerWindow.document);
       const nextTrigger = installRendererSettingsHeaderTrigger({
@@ -23872,10 +24554,30 @@ ${error51.stderrTail}`] : []
       getClient: (hostId) => modelClientForHost(hostId),
       getLocalAgent: localAgentForSidebarThread
     });
+    const stopSidebarExternalPinning = installRendererSidebarExternalPinning({
+      getClient: (hostId) => modelClientForHost(hostId),
+      reportError: (error51) => {
+        console.error(
+          "codexhost External Thread pin update failed",
+          error51 instanceof Error ? error51.message : String(error51)
+        );
+      }
+    });
     let connectionDiagnostics = null;
     const settingsLifecycle = installRendererSettingsLifecycle(window, {
       getUpdateClient: () => modelControl,
       getConnectionDiagnostics: () => connectionDiagnostics,
+      getSessionImportClient: () => {
+        const client = modelClientForHost("local");
+        const list = client?.listDeepSeekModernSessions;
+        const importSession = client?.importDeepSeekModernSession;
+        if (!list || !importSession) return null;
+        return {
+          listDeepSeekModernSessions: (input) => list(input),
+          importDeepSeekModernSession: (input) => importSession(input)
+        };
+      },
+      openImportedThread: (threadId, signal) => openRendererThread(threadId, { hostId: "local", signal }),
       onLocaleChange() {
         for (const mounted of mountedByComposer.values()) renderMounted(mounted);
       }
@@ -23899,6 +24601,9 @@ ${error51.stderrTail}`] : []
         omp: void 0,
         antigravity: void 0
       },
+      webUi: Object.fromEntries(
+        externalAgents.map((agent) => [agent, false])
+      ),
       requestGeneration: 0,
       request: null,
       retryTimer: null,
@@ -24003,6 +24708,17 @@ ${error51.stderrTail}`] : []
         mounted.control.harnessCommands.setExecuting(null);
       }
     };
+    const selectCommand = (mounted, command) => {
+      const threadId = threadIdFromComposerModelTarget(mounted.modelTarget);
+      if (!threadId || !modelControl || controller.get(mounted.composer).agent === "codex") return;
+      const editor = mounted.composer.querySelector(EDITOR_SELECTOR);
+      if (routeRendererHarnessCommandSelection(editor, command, () => {
+        void executeCommand(mounted, command);
+      })) {
+        return;
+      }
+      console.error("codexhost Harness command could not claim the current Composer editor");
+    };
     const applyThreadUsageUpdate = (update) => {
       for (const mounted of mountedByComposer.values()) {
         if (threadIdFromComposerModelTarget(mounted.modelTarget) !== update.threadId) continue;
@@ -24858,12 +25574,14 @@ ${error51.stderrTail}`] : []
           agentsToInspect.map(async (agent) => {
             let status = "error";
             let nextError;
+            let webUiAvailable = false;
             try {
               const inspection = await client.inspectHarness({
                 harnessId: externalHarnessIds[agent],
                 refresh
               });
               status = inspection.status === "ready" ? "ready" : inspection.status;
+              webUiAvailable = hostId === "local" && inspection.status === "ready" && inspection.webUi?.open === true;
               if (inspection.status !== "ready") {
                 const error51 = inspection.error;
                 nextError = {
@@ -24889,6 +25607,7 @@ ${error51.stderrTail}`] : []
             const previousStatus = state.availability[agent];
             state.errors[agent] = nextError;
             state.availability = { ...state.availability, [agent]: status };
+            state.webUi = { ...state.webUi, [agent]: webUiAvailable };
             if (hostId !== activeAvailabilityHostId) {
               publishConnectionStatus();
               return;
@@ -24993,7 +25712,8 @@ ${error51.stderrTail}`] : []
               agents: externalAgents.map((agent) => ({
                 agent,
                 availability: state.availability[agent] ?? "checking",
-                error: state.errors[agent] ?? null
+                error: state.errors[agent] ?? null,
+                ...state.webUi[agent] ? { webUiAvailable: true } : {}
               }))
             };
           })
@@ -25005,6 +25725,21 @@ ${error51.stderrTail}`] : []
           (hostId) => refreshHarnessAvailabilityForHost(hostId, true, false, true)
         );
       },
+      async openWebUi(hostId, agent) {
+        const state = hostHarnessAvailabilityState(hostId);
+        const client = hostId === "local" ? modelClientForHost(hostId) : null;
+        if (state.availability[agent] !== "ready" || state.webUi[agent] !== true || !client?.openHarnessWebUi) {
+          throw new Error("Harness Web UI is unavailable");
+        }
+        try {
+          await client.openHarnessWebUi({ harnessId: externalHarnessIds[agent] });
+        } catch (error51) {
+          state.webUi = { ...state.webUi, [agent]: false };
+          publishConnectionStatus();
+          void refreshHarnessAvailabilityForHost(hostId, true, false, true).catch(() => void 0);
+          throw error51;
+        }
+      },
       subscribe(listener) {
         connectionListeners.add(listener);
         return () => connectionListeners.delete(listener);
@@ -25055,7 +25790,7 @@ ${error51.stderrTail}`] : []
         },
         (command) => {
           const mounted2 = mountedByComposer.get(composer);
-          if (mounted2) void executeCommand(mounted2, command);
+          if (mounted2) selectCommand(mounted2, command);
         }
       );
       const mounted = {
@@ -25453,6 +26188,7 @@ ${error51.stderrTail}`] : []
         modelControl = null;
         mutationObserver.disconnect();
         sidebarAgentIcons.dispose();
+        stopSidebarExternalPinning();
         settingsLifecycle.dispose();
         document.removeEventListener("beforeinput", onBeforeInput, true);
         document.removeEventListener("submit", onSubmit, true);