@karlorz/codexhost-cli-win32-x64 0.13.3-5 → 0.13.3-7

package/app/console-web.js

@@ -14930,6 +14930,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     url: external_exports.string().max(2048).regex(/^http:\/\/(?:127\.0\.0\.1|localhost):\d{1,5}\/(?:\?.*)?$/u)
   });
   var CONSOLE_HOST_METHODS = Object.freeze([
+    "codexhost/voice/gateway-status",
     "codexhost/console/remote-connections",
     "codexhost/runtime/status",
     "codexhost/remote/ssh-setup",
@@ -14940,6 +14941,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     "codexhost/harness/installation",
     "codexhost/harness/launch-settings/get",
     "codexhost/harness/launch-settings/set",
+    "codexhost/harness/grok-computer-use/get",
+    "codexhost/harness/grok-computer-use/set",
     "codexhost/harness/web-ui/open",
     "codexhost/harness/accounts/sources",
     "codexhost/harness/accounts/list",
@@ -15471,7 +15474,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var harnessInspectParamsSchema = external_exports.object({
     harnessId: harnessIdSchema,
     cwd: nonBlankTextSchema2.max(16384).optional(),
-    refresh: external_exports.boolean().optional()
+    refresh: external_exports.boolean().optional(),
+    /** `availability` asks only whether the Harness can run; see `InspectHarnessInput.purpose`. */
+    purpose: external_exports.literal("availability").optional()
   }).strict();
   var harnessWebUiOpenParamsSchema = external_exports.object({
     harnessId: harnessIdSchema
@@ -15647,6 +15652,28 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     restartRequired: external_exports.boolean()
   }).strict();
 
+  // ../shared-contracts/dist/grok-computer-use.js
+  var GROK_COMPUTER_USE_GET_METHOD = "codexhost/harness/grok-computer-use/get";
+  var GROK_COMPUTER_USE_SET_METHOD = "codexhost/harness/grok-computer-use/set";
+  var grokComputerUseGetSchema = external_exports.object({}).strict();
+  var grokComputerUseSetSchema = external_exports.object({
+    enabled: external_exports.boolean().optional(),
+    browser: external_exports.boolean().optional()
+  }).strict().refine((value) => value.enabled !== void 0 || value.browser !== void 0, {
+    message: "Expected enabled or browser"
+  });
+  var grokComputerUseSettingsSchema = external_exports.object({
+    enabled: external_exports.boolean(),
+    available: external_exports.boolean(),
+    unavailableReason: external_exports.string().min(1).max(500).optional(),
+    browser: external_exports.boolean().optional(),
+    browserFilesPresent: external_exports.boolean().optional(),
+    browserAvailable: external_exports.boolean().optional(),
+    browserUnavailableReason: external_exports.string().min(1).max(500).optional(),
+    applyFailed: external_exports.boolean().optional(),
+    applyError: external_exports.string().min(1).max(500).optional()
+  }).strict();
+
   // ../shared-contracts/dist/harness-installation.js
   var HARNESS_INSTALLATION_METHOD = "codexhost/harness/installation";
   var harnessInstallationParamsSchema = external_exports.object({
@@ -16046,6 +16073,52 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     external_exports.strictObject({ error: external_exports.strictObject({ code: external_exports.number().int(), message: external_exports.string() }) })
   ]);
 
+  // ../shared-contracts/dist/voice-settings.js
+  var voiceRoutesSchema = external_exports.strictObject({
+    chatExperience: external_exports.enum(["chatgpt", "codex"]),
+    chatConnection: external_exports.enum(["desktop", "gateway"]),
+    workConnection: external_exports.enum(["desktop", "gateway"])
+  });
+  var DEFAULT_VOICE_ROUTES = Object.freeze({
+    chatExperience: "chatgpt",
+    chatConnection: "desktop",
+    workConnection: "gateway"
+  });
+  var voiceSettingsSchema = voiceRoutesSchema.extend({ inject: external_exports.boolean() });
+  var voiceSettingsRequestSchema = external_exports.discriminatedUnion("operation", [
+    external_exports.strictObject({
+      operation: external_exports.literal("get"),
+      runtime: external_exports.strictObject({
+        id: external_exports.string().uuid(),
+        revision: external_exports.string().max(64),
+        activeCall: external_exports.boolean()
+      }).optional()
+    }),
+    external_exports.strictObject({ operation: external_exports.literal("migrate"), routes: voiceRoutesSchema }),
+    external_exports.strictObject({
+      operation: external_exports.literal("set"),
+      settings: voiceSettingsSchema,
+      revision: external_exports.string().max(64)
+    }),
+    external_exports.strictObject({ operation: external_exports.literal("restart"), confirm: external_exports.literal(true) })
+  ]);
+  var voiceSettingsStateSchema = external_exports.strictObject({
+    settings: voiceSettingsSchema,
+    initialized: external_exports.boolean(),
+    revision: external_exports.string(),
+    activeInject: external_exports.boolean().nullable(),
+    envOverride: external_exports.enum(["0", "1"]).nullable(),
+    activeEnvOverride: external_exports.enum(["0", "1"]).nullable(),
+    routesActive: external_exports.boolean().nullable(),
+    activeCall: external_exports.boolean().nullable(),
+    gatewayReady: external_exports.boolean().nullable(),
+    restartAvailable: external_exports.boolean(),
+    restart: external_exports.strictObject({
+      phase: external_exports.enum(["idle", "restarting", "succeeded", "failed"]),
+      error: external_exports.string().nullable()
+    })
+  });
+
   // ../shared-contracts/dist/index.js
   var workspaceContractVersionSchema = external_exports.literal(WORKSPACE_CONTRACT_VERSION);
 
@@ -17042,6 +17115,14 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
         if (!client.setHarnessLaunchSettings) throw new Error("Launch settings are unavailable");
         return client.setHarnessLaunchSettings({ harnessId: harnessIdSchema.parse(agent), path });
       },
+      async getGrokComputerUse() {
+        if (!client.getGrokComputerUse) throw new Error("Grok Computer Use settings are unavailable");
+        return client.getGrokComputerUse();
+      },
+      async setGrokComputerUse(_hostId, update) {
+        if (!client.setGrokComputerUse) throw new Error("Grok Computer Use settings are unavailable");
+        return client.setGrokComputerUse(update);
+      },
       subscribe(listener) {
         listeners.add(listener);
         return () => listeners.delete(listener);
@@ -17050,7 +17131,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   }
 
   // src/console/console.css
-  var console_default = '/*\n * Standalone console layout. Colors and components come from the settings\n * design tokens (shell.css) so reused settings pages and console pages match.\n */\n\n:host {\n  position: fixed;\n  inset: 0;\n  display: block;\n}\n\n.console-app {\n  display: grid;\n  grid-template-columns: 248px minmax(0, 1fr);\n  height: 100%;\n  min-height: 0;\n  background: var(--settings-bg);\n  color: var(--settings-text);\n}\n\n.console-sidebar {\n  padding-top: 0;\n}\n\n.console-sidebar .settings-nav {\n  padding-top: 4px;\n}\n\n.console-brand {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 18px 16px 16px;\n}\n\n.console-brand__copy {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  line-height: 18px;\n}\n\n.console-brand__name {\n  font-size: 14px;\n  font-weight: 650;\n  letter-spacing: -0.01em;\n}\n\n.console-brand__subtitle {\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n\n.console-status-card {\n  display: grid;\n  gap: 4px;\n  margin: 8px 10px 14px;\n  padding: 11px 12px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.console-status-card__row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.console-status-card__title {\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.console-status-card__meta {\n  overflow: hidden;\n  color: var(--settings-muted);\n  font-size: 11px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.console-dot {\n  width: 8px;\n  height: 8px;\n  flex: none;\n  background: var(--settings-subtle);\n  border-radius: 50%;\n}\n\n.console-dot.is-ok {\n  background: var(--settings-success);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--settings-success) 18%, transparent);\n}\n\n.console-dot.is-warn {\n  background: var(--settings-warning);\n}\n\n.console-dot.is-bad {\n  background: var(--settings-danger);\n}\n\n.console-main {\n  position: relative;\n}\n\n.console-announcement {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  width: min(930px, calc(100% - 80px));\n  margin: 28px auto 0;\n  padding: 14px 16px;\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n  border: 1px solid var(--settings-warning-border);\n  border-radius: 12px;\n  overflow-wrap: anywhere;\n}\n\n.console-announcement[data-type="info"] {\n  color: var(--settings-focus);\n  background: color-mix(in srgb, var(--settings-focus) 7%, var(--settings-bg));\n  border-color: color-mix(in srgb, var(--settings-focus) 24%, var(--settings-bg));\n}\n\n.console-announcement[data-type="danger"] {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n  border-color: var(--settings-danger-border);\n}\n\n.console-announcement > svg {\n  flex: none;\n  margin-top: 2px;\n}\n\n.console-announcement[hidden] {\n  display: none;\n}\n\n.console-announcement > div {\n  min-width: 0;\n}\n\n.console-announcement .settings-update-notes {\n  margin-top: 4px;\n  color: inherit;\n  font: inherit;\n}\n\n.console-announcement a {\n  color: inherit;\n}\n\n.console-offline {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 16px auto 0;\n  width: min(930px, calc(100% - 80px));\n  padding: 10px 12px;\n  color: var(--settings-danger);\n  font-size: 12px;\n  background: var(--settings-danger-bg);\n  border: 1px solid var(--settings-danger-border);\n  border-radius: 10px;\n}\n\n.console-offline[hidden] {\n  display: none;\n}\n\n/* Overview */\n\n.console-hero {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 16px;\n  padding: 20px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 14px;\n}\n\n.console-hero__icon {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  place-items: center;\n  color: var(--settings-muted);\n  background: var(--settings-surface);\n  border-radius: 12px;\n}\n\n.console-hero[data-tone="ok"] .console-hero__icon {\n  color: var(--settings-success);\n  background: color-mix(in srgb, var(--settings-success) 12%, transparent);\n}\n\n.console-hero[data-tone="warn"] .console-hero__icon {\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n}\n\n.console-hero[data-tone="bad"] .console-hero__icon {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n\n.console-hero__title {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.console-hero__detail {\n  margin-top: 2px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.console-versions {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));\n  gap: 12px;\n  margin: 12px 0;\n}\n\n.console-version-card {\n  min-width: 0;\n  padding: 14px 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.console-version-card dt {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.console-version-card dd {\n  margin: 6px 0 0;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.console-lead {\n  margin: 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.console-details summary {\n  color: var(--settings-muted);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.console-details[open] summary {\n  margin-bottom: 12px;\n}\n\n.console-details .console-facts {\n  margin-bottom: 12px;\n}\n\n.console-section-title {\n  margin: 28px 0 10px;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n/* Startup timeline */\n\n.console-timeline {\n  display: grid;\n  gap: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.console-timeline li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  position: relative;\n  min-height: 30px;\n  padding-left: 22px;\n  font-size: 13px;\n}\n\n.console-timeline li::before {\n  content: "";\n  position: absolute;\n  top: 11px;\n  left: 4px;\n  width: 8px;\n  height: 8px;\n  background: var(--settings-success);\n  border-radius: 50%;\n}\n\n.console-timeline li:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  top: 21px;\n  bottom: -9px;\n  left: 7.5px;\n  width: 1px;\n  background: var(--settings-divider);\n}\n\n.console-timeline li.is-stopped::before {\n  background: var(--settings-danger);\n  box-shadow: 0 0 0 3px var(--settings-danger-bg);\n}\n\n.console-timeline__time {\n  color: var(--settings-subtle);\n  font:\n    11px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    monospace;\n}\n\n/* Empty states */\n\n.console-empty {\n  display: grid;\n  justify-items: center;\n  gap: 10px;\n  padding: 56px 24px;\n  text-align: center;\n  background: var(--settings-panel);\n  border: 1px dashed var(--settings-border);\n  border-radius: 14px;\n}\n\n.console-empty__icon {\n  display: grid;\n  width: 48px;\n  height: 48px;\n  place-items: center;\n  color: var(--settings-muted);\n  background: var(--settings-surface);\n  border-radius: 14px;\n}\n\n.console-empty__title {\n  font-size: 15px;\n  font-weight: 600;\n}\n\n.console-empty__body {\n  max-width: 440px;\n  margin: 0 0 6px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n/* Offline Harness list */\n\n.console-harness-list {\n  display: grid;\n  gap: 8px;\n}\n\n.console-harness {\n  display: grid;\n  gap: 10px;\n  padding: 14px 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.console-harness__identity {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n}\n\n.console-harness__icon {\n  width: 28px;\n  height: 28px;\n  flex: none;\n  object-fit: contain;\n  border-radius: 8px;\n}\n\n.console-harness__icon.is-placeholder {\n  background: var(--settings-surface);\n}\n\n.console-harness__name {\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.console-harness__path {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.console-harness__path .console-input {\n  flex: 1;\n}\n\n@media (max-width: 760px) {\n  .console-app {\n    grid-template-columns: 1fr;\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .console-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .console-sidebar .settings-nav {\n    flex-direction: row;\n    overflow-x: auto;\n  }\n\n  .console-sidebar .settings-nav-section-label,\n  .console-status-card {\n    display: none;\n  }\n\n  .console-hero {\n    grid-template-columns: 1fr;\n  }\n\n  .settings-page__content,\n  .console-announcement,\n  .console-offline {\n    width: calc(100% - 32px);\n  }\n}\n';
+  var console_default = '/*\n * Standalone console layout. Colors and components come from the settings\n * design tokens (shell.css) so reused settings pages and console pages match.\n */\n\n:host {\n  position: fixed;\n  inset: 0;\n  display: block;\n}\n\n.console-app {\n  display: grid;\n  grid-template-columns: 248px minmax(0, 1fr);\n  height: 100%;\n  min-height: 0;\n  background: var(--settings-bg);\n  color: var(--settings-text);\n}\n\n.console-sidebar {\n  padding-top: 0;\n}\n\n.console-sidebar .settings-nav {\n  padding-top: 4px;\n}\n\n.console-brand {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 18px 16px 16px;\n}\n\n.console-brand__copy {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  line-height: 18px;\n}\n\n.console-brand__name {\n  font-size: 14px;\n  font-weight: 650;\n  letter-spacing: -0.01em;\n}\n\n.console-brand__subtitle {\n  color: var(--settings-muted);\n  font-size: 12px;\n}\n\n.console-status-card {\n  display: grid;\n  gap: 4px;\n  margin: 8px 10px 14px;\n  padding: 11px 12px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 10px;\n}\n\n.console-status-card__row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.console-status-card__title {\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.console-status-card__meta {\n  overflow: hidden;\n  color: var(--settings-muted);\n  font-size: 11px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.console-dot {\n  width: 8px;\n  height: 8px;\n  flex: none;\n  background: var(--settings-subtle);\n  border-radius: 50%;\n}\n\n.console-dot.is-ok {\n  background: var(--settings-success);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--settings-success) 18%, transparent);\n}\n\n.console-dot.is-warn {\n  background: var(--settings-warning);\n}\n\n.console-dot.is-bad {\n  background: var(--settings-danger);\n}\n\n.console-main {\n  position: relative;\n}\n\n.console-announcement {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  width: min(930px, calc(100% - 80px));\n  margin: 28px auto 0;\n  padding: 14px 16px;\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n  border: 1px solid var(--settings-warning-border);\n  border-radius: 12px;\n  overflow-wrap: anywhere;\n}\n\n.console-announcement[data-type="info"] {\n  color: var(--settings-focus);\n  background: color-mix(in srgb, var(--settings-focus) 7%, var(--settings-bg));\n  border-color: color-mix(in srgb, var(--settings-focus) 24%, var(--settings-bg));\n}\n\n.console-announcement[data-type="danger"] {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n  border-color: var(--settings-danger-border);\n}\n\n.console-announcement > svg {\n  flex: none;\n  margin-top: 2px;\n}\n\n.console-announcement[hidden] {\n  display: none;\n}\n\n.console-announcement > div {\n  min-width: 0;\n}\n\n.console-announcement .settings-update-notes {\n  margin-top: 4px;\n  color: inherit;\n  font: inherit;\n}\n\n.console-announcement a {\n  color: inherit;\n}\n\n.console-offline {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 16px auto 0;\n  width: min(930px, calc(100% - 80px));\n  padding: 10px 12px;\n  color: var(--settings-danger);\n  font-size: 12px;\n  background: var(--settings-danger-bg);\n  border: 1px solid var(--settings-danger-border);\n  border-radius: 10px;\n}\n\n.console-offline[hidden] {\n  display: none;\n}\n\n/* Overview */\n\n.console-hero {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  align-items: center;\n  gap: 16px;\n  padding: 20px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 14px;\n}\n\n.console-hero > .console-actions {\n  grid-column: 1 / -1;\n}\n\n.console-hero__icon {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  place-items: center;\n  color: var(--settings-muted);\n  background: var(--settings-surface);\n  border-radius: 12px;\n}\n\n.console-hero[data-tone="ok"] .console-hero__icon {\n  color: var(--settings-success);\n  background: color-mix(in srgb, var(--settings-success) 12%, transparent);\n}\n\n.console-hero[data-tone="warn"] .console-hero__icon {\n  color: var(--settings-warning);\n  background: var(--settings-warning-bg);\n}\n\n.console-hero[data-tone="bad"] .console-hero__icon {\n  color: var(--settings-danger);\n  background: var(--settings-danger-bg);\n}\n\n.console-hero__title {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.console-hero__detail {\n  margin-top: 2px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.console-versions {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));\n  gap: 12px;\n  margin: 12px 0;\n}\n\n.console-version-card {\n  min-width: 0;\n  padding: 14px 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.console-version-card dt {\n  color: var(--settings-muted);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.console-version-card dd {\n  margin: 6px 0 0;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 22px;\n  overflow-wrap: anywhere;\n}\n\n.console-lead {\n  margin: 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.console-details summary {\n  color: var(--settings-muted);\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.console-details[open] summary {\n  margin-bottom: 12px;\n}\n\n.console-details .console-facts {\n  margin-bottom: 12px;\n}\n\n.console-section-title {\n  margin: 28px 0 10px;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n/* Startup timeline */\n\n.console-timeline {\n  display: grid;\n  gap: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.console-timeline li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  position: relative;\n  min-height: 30px;\n  padding-left: 22px;\n  font-size: 13px;\n}\n\n.console-timeline li::before {\n  content: "";\n  position: absolute;\n  top: 11px;\n  left: 4px;\n  width: 8px;\n  height: 8px;\n  background: var(--settings-success);\n  border-radius: 50%;\n}\n\n.console-timeline li:not(:last-child)::after {\n  content: "";\n  position: absolute;\n  top: 21px;\n  bottom: -9px;\n  left: 7.5px;\n  width: 1px;\n  background: var(--settings-divider);\n}\n\n.console-timeline li.is-stopped::before {\n  background: var(--settings-danger);\n  box-shadow: 0 0 0 3px var(--settings-danger-bg);\n}\n\n.console-timeline__time {\n  color: var(--settings-subtle);\n  font:\n    11px ui-monospace,\n    "SFMono-Regular",\n    Consolas,\n    monospace;\n}\n\n.console-menu-button {\n  display: none;\n  margin-left: auto;\n}\n\n/* Empty states */\n\n.console-empty {\n  display: grid;\n  justify-items: center;\n  gap: 10px;\n  padding: 56px 24px;\n  text-align: center;\n  background: var(--settings-panel);\n  border: 1px dashed var(--settings-border);\n  border-radius: 14px;\n}\n\n.console-empty__icon {\n  display: grid;\n  width: 48px;\n  height: 48px;\n  place-items: center;\n  color: var(--settings-muted);\n  background: var(--settings-surface);\n  border-radius: 14px;\n}\n\n.console-empty__title {\n  font-size: 15px;\n  font-weight: 600;\n}\n\n.console-empty__body {\n  max-width: 440px;\n  margin: 0 0 6px;\n  color: var(--settings-muted);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n/* Offline Harness list */\n\n.console-harness-list {\n  display: grid;\n  gap: 8px;\n}\n\n.console-harness {\n  display: grid;\n  gap: 10px;\n  padding: 14px 16px;\n  background: var(--settings-panel);\n  border: 1px solid var(--settings-border);\n  border-radius: 12px;\n}\n\n.console-harness__identity {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  min-width: 0;\n}\n\n.console-harness__icon {\n  width: 28px;\n  height: 28px;\n  flex: none;\n  object-fit: contain;\n  border-radius: 8px;\n}\n\n.console-harness__icon.is-placeholder {\n  background: var(--settings-surface);\n}\n\n.console-harness__name {\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.console-harness__path {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.console-harness__path .console-input {\n  flex: 1;\n}\n\n@media (max-width: 760px) {\n  .console-app {\n    grid-template-columns: 1fr;\n    grid-template-rows: auto minmax(0, 1fr);\n  }\n\n  .console-sidebar {\n    border-right: 0;\n    border-bottom: 1px solid var(--settings-border);\n  }\n\n  .console-sidebar .settings-nav {\n    display: none;\n    flex-direction: column;\n    overflow-x: hidden;\n    max-height: 55vh;\n    overflow-y: auto;\n  }\n\n  .console-menu-button {\n    display: inline-flex;\n  }\n  .console-brand {\n    padding: 12px 16px;\n  }\n  .console-brand__copy {\n    flex-direction: row;\n    gap: 5px;\n    align-items: baseline;\n  }\n  .console-sidebar .settings-nav.is-open {\n    display: flex;\n  }\n\n  .console-sidebar .settings-nav-section-label,\n  .console-status-card {\n    display: none;\n  }\n\n  .console-hero {\n    grid-template-columns: 1fr;\n  }\n\n  .settings-page__content,\n  .console-announcement,\n  .console-offline {\n    width: calc(100% - 32px);\n  }\n}\n';
 
   // src/console/components.css
   var components_default = `/* Shared blocks */
@@ -17089,6 +17170,17 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   gap: 8px;
 }
 
+.console-restart {
+  width: 100%;
+  min-width: 0;
+}
+
+.console-restart > p {
+  flex-basis: 100%;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
 .console-muted {
   margin: 0;
   color: var(--settings-muted);
@@ -18260,6 +18352,12 @@ th[aria-sort] .console-usage-sort__mark {
     stopped: "codexhost is not running",
     stoppedDetail: "Start codexhost to use Codex Desktop with your Harnesses.",
     start: "Start codexhost",
+    restart: "Restart codexhost",
+    restartConfirm: "Restart now",
+    restartCancel: "Cancel",
+    restartWarning: "Restart closes Desktop and may interrupt a voice call or running tasks. Finish or stop them before continuing. Saved chats remain available; Desktop controls which chat reopens.",
+    restarting: "Restarting codexhost\u2026 Waiting for the new Desktop controller.",
+    restarted: "Restart complete. The new Desktop controller is ready.",
     starting: "Starting\u2026",
     startingTitle: "codexhost is starting",
     startingDetail: "Preparing Codex Desktop. Please wait; there is no need to start it again.",
@@ -18312,6 +18410,13 @@ th[aria-sort] .console-usage-sort__mark {
     save: "Save",
     useAutomatic: "Use automatic",
     saved: "Saved",
+    grokComputerUse: "Grok Computer Use",
+    grokComputerUseHelp: "Lets Grok control Mac apps through ChatGPT\u2019s Computer Use helper. ChatGPT Settings \u2192 Computer use still applies only to official Codex. New Grok threads pick up this switch.",
+    grokComputerUseUnavailable: "ChatGPT Desktop Computer Use files were not found.",
+    grokBrowser: "Grok in-app browser",
+    grokBrowserHelp: "Lets Grok use ChatGPT\u2019s built-in browser (Browser Use) through cua_repl. Independent of Computer Use; official Codex Browser Use is unchanged. Grok fails closed when the in-app tab cannot be bound.",
+    grokBrowserUnavailable: "ChatGPT Desktop in-app browser files were not found.",
+    grokBrowserBlocked: "Saved as intent. ChatGPT Desktop does not authorize Grok to use the in-app browser.",
     installGuide: "Install guide",
     noHarness: "No Harness plugins are installed.",
     consoleOffline: "The console is not running",
@@ -18443,6 +18548,12 @@ th[aria-sort] .console-usage-sort__mark {
     stopped: "codexhost \u672A\u8FD0\u884C",
     stoppedDetail: "\u542F\u52A8 codexhost \u540E\u5373\u53EF\u5728 Codex Desktop \u4E2D\u4F7F\u7528\u5404\u4E2A Harness\u3002",
     start: "\u542F\u52A8 codexhost",
+    restart: "\u91CD\u65B0\u542F\u52A8 codexhost",
+    restartConfirm: "\u7ACB\u5373\u91CD\u65B0\u542F\u52A8",
+    restartCancel: "\u53D6\u6D88",
+    restartWarning: "\u91CD\u65B0\u542F\u52A8\u4F1A\u5173\u95ED Desktop\uFF0C\u53EF\u80FD\u4E2D\u65AD\u8BED\u97F3\u901A\u8BDD\u6216\u8FD0\u884C\u4E2D\u7684\u4EFB\u52A1\u3002\u8BF7\u5148\u5B8C\u6210\u6216\u505C\u6B62\u5B83\u4EEC\u3002\u5DF2\u4FDD\u5B58\u804A\u5929\u4ECD\u53EF\u4F7F\u7528\uFF1B\u91CD\u65B0\u6253\u5F00\u54EA\u4E2A\u804A\u5929\u7531 Desktop \u51B3\u5B9A\u3002",
+    restarting: "\u6B63\u5728\u91CD\u65B0\u542F\u52A8 codexhost\u2026 \u7B49\u5F85\u65B0\u7684 Desktop \u63A7\u5236\u5668\u3002",
+    restarted: "\u91CD\u65B0\u542F\u52A8\u5B8C\u6210\u3002\u65B0\u7684 Desktop \u63A7\u5236\u5668\u5DF2\u5C31\u7EEA\u3002",
     starting: "\u6B63\u5728\u542F\u52A8\u2026",
     startingTitle: "codexhost \u6B63\u5728\u542F\u52A8",
     startingDetail: "\u6B63\u5728\u51C6\u5907 Codex Desktop\uFF0C\u8BF7\u7A0D\u5019\uFF0C\u65E0\u9700\u91CD\u590D\u542F\u52A8\u3002",
@@ -18495,6 +18606,13 @@ th[aria-sort] .console-usage-sort__mark {
     save: "\u4FDD\u5B58",
     useAutomatic: "\u6062\u590D\u81EA\u52A8\u67E5\u627E",
     saved: "\u5DF2\u4FDD\u5B58",
+    grokComputerUse: "Grok Computer Use",
+    grokComputerUseHelp: "\u8BA9 Grok \u901A\u8FC7 ChatGPT \u7684 Computer Use \u52A9\u624B\u63A7\u5236 Mac \u5E94\u7528\u3002ChatGPT \u8BBE\u7F6E \u2192 Computer use \u4ECD\u53EA\u4F5C\u7528\u4E8E\u5B98\u65B9 Codex\u3002\u65B0\u7684 Grok \u7EBF\u7A0B\u4F1A\u8BFB\u53D6\u6B64\u5F00\u5173\u3002",
+    grokComputerUseUnavailable: "\u672A\u627E\u5230 ChatGPT Desktop \u7684 Computer Use \u6587\u4EF6\u3002",
+    grokBrowser: "Grok \u5185\u7F6E\u6D4F\u89C8\u5668",
+    grokBrowserHelp: "\u8BA9 Grok \u901A\u8FC7 cua_repl \u4F7F\u7528 ChatGPT \u5185\u7F6E\u6D4F\u89C8\u5668\uFF08Browser Use\uFF09\u3002\u4E0E Computer Use \u76F8\u4E92\u72EC\u7ACB\uFF0C\u5B98\u65B9 Codex Browser Use \u4E0D\u53D7\u5F71\u54CD\u3002\u65E0\u6CD5\u7ED1\u5B9A\u5185\u7F6E\u6807\u7B7E\u9875\u65F6 Grok \u4F1A\u76F4\u63A5\u5931\u8D25\u3002",
+    grokBrowserUnavailable: "\u672A\u627E\u5230 ChatGPT Desktop \u7684\u5185\u7F6E\u6D4F\u89C8\u5668\u6587\u4EF6\u3002",
+    grokBrowserBlocked: "\u5DF2\u4FDD\u5B58\u4E3A\u610F\u5411\u3002ChatGPT Desktop \u5C1A\u672A\u6388\u6743 Grok \u4F7F\u7528\u5185\u7F6E\u6D4F\u89C8\u5668\u3002",
     installGuide: "\u5B89\u88C5\u8BF4\u660E",
     noHarness: "\u6CA1\u6709\u5DF2\u5B89\u88C5\u7684 Harness \u63D2\u4EF6\u3002",
     consoleOffline: "\u63A7\u5236\u53F0\u672A\u8FD0\u884C",
@@ -18626,6 +18744,7 @@ th[aria-sort] .console-usage-sort__mark {
         const document2 = context.content.ownerDocument;
         const list = h(document2, "div", { className: "console-harness-list" });
         const status = /* @__PURE__ */ new Map();
+        const busy = /* @__PURE__ */ new Set();
         let harnesses = [];
         const render = () => {
           if (harnesses.length === 0) {
@@ -18702,6 +18821,75 @@ th[aria-sort] .console-usage-sort__mark {
                   );
                 }
               }
+              if (harness2.computerUse) {
+                const computerUse = harness2.computerUse;
+                const pending = busy.has(harness2.id);
+                const post = (update) => {
+                  busy.add(harness2.id);
+                  toggle.disabled = true;
+                  browserToggle.disabled = true;
+                  void consolePost(
+                    "/api/harnesses/grok-computer-use",
+                    update
+                  ).then(({ harness: saved }) => {
+                    harnesses = harnesses.map((entry) => entry.id === saved.id ? saved : entry);
+                    status.set(harness2.id, messages.saved);
+                  }).catch(
+                    (error51) => status.set(harness2.id, error51 instanceof Error ? error51.message : String(error51))
+                  ).finally(() => {
+                    busy.delete(harness2.id);
+                    render();
+                  });
+                };
+                const toggle = h(document2, "input", {
+                  type: "checkbox",
+                  "aria-label": messages.grokComputerUse
+                });
+                toggle.checked = computerUse.enabled;
+                toggle.disabled = pending || !computerUse.available && !computerUse.enabled;
+                toggle.addEventListener("change", () => post({ enabled: toggle.checked }));
+                const browserToggle = h(document2, "input", {
+                  type: "checkbox",
+                  "aria-label": messages.grokBrowser
+                });
+                browserToggle.checked = computerUse.browser === true;
+                browserToggle.disabled = pending || computerUse.browserFilesPresent !== true && computerUse.browser !== true;
+                browserToggle.addEventListener(
+                  "change",
+                  () => post({ browser: browserToggle.checked })
+                );
+                row.append(
+                  h(
+                    document2,
+                    "div",
+                    { className: "console-harness__path" },
+                    h(document2, "label", {}, toggle, ` ${messages.grokComputerUse}`)
+                  ),
+                  h(
+                    document2,
+                    "div",
+                    { className: "console-muted" },
+                    harness2.computerUse.available ? messages.grokComputerUseHelp : computerUse.unavailableReason ?? messages.grokComputerUseUnavailable
+                  ),
+                  h(
+                    document2,
+                    "div",
+                    { className: "console-harness__path" },
+                    h(document2, "label", {}, browserToggle, ` ${messages.grokBrowser}`)
+                  ),
+                  h(
+                    document2,
+                    "div",
+                    { className: "console-muted" },
+                    computerUse.browserAvailable === true ? messages.grokBrowserHelp : computerUse.browserFilesPresent === true ? computerUse.browserUnavailableReason ?? messages.grokBrowserBlocked : computerUse.browserUnavailableReason ?? messages.grokBrowserUnavailable
+                  )
+                );
+                if (status.has(harness2.id)) {
+                  row.append(
+                    h(document2, "div", { className: "console-muted" }, status.get(harness2.id) ?? "")
+                  );
+                }
+              }
               if (guide) {
                 identity.append(
                   h(
@@ -18846,6 +19034,599 @@ th[aria-sort] .console-usage-sort__mark {
     });
   }
 
+  // src/renderer-cpa-live-voice-preference.ts
+  var voiceStateOwner = globalThis;
+  var { sharedRoutes, gatewayReady } = voiceStateOwner.__codexhostVoicePreferenceStateV1 ??= {
+    sharedRoutes: /* @__PURE__ */ new WeakMap(),
+    gatewayReady: /* @__PURE__ */ new WeakMap()
+  };
+
+  // src/voice-settings-sync.ts
+  function desktopVoiceCallActive(owner) {
+    const hook = Reflect.get(owner, "__codexhostNativeChatVoiceV1");
+    if (hook?.activeCall) return true;
+    return [
+      ...owner.document.querySelectorAll(
+        'button[aria-label="End Voice"],button[aria-label="End voice"],button[aria-label="End voice chat"]'
+      )
+    ].some((button2) => button2.getBoundingClientRect().width > 0);
+  }
+
+  // src/settings/preference-ui.ts
+  var nextPreferenceId = 0;
+  function preferenceId(prefix) {
+    nextPreferenceId += 1;
+    return `codexhost-${prefix}-${nextPreferenceId}`;
+  }
+  function createPreferenceGroup(document2, title) {
+    const group = document2.createElement("section");
+    group.className = "mt-7 first-of-type:mt-0";
+    const header = document2.createElement("div");
+    header.className = "mb-2 flex min-h-6 items-center gap-2 px-1";
+    const heading = document2.createElement("h3");
+    heading.id = preferenceId("preference-group");
+    heading.className = "m-0 text-[13px] leading-5 font-semibold text-settings-text";
+    heading.textContent = title;
+    header.append(heading);
+    const card = document2.createElement("div");
+    card.className = "rounded-[10px] border border-settings-border bg-settings-panel";
+    group.setAttribute("aria-labelledby", heading.id);
+    group.append(header, card);
+    return { group, header, card };
+  }
+  function createPreferenceItem(document2, input) {
+    const item = document2.createElement("div");
+    item.className = "flex min-h-[60px] items-center justify-between gap-6 border-t border-settings-divider px-4 py-3 first:border-t-0";
+    const copy = document2.createElement("div");
+    copy.className = "flex min-w-0 flex-col gap-0.5";
+    const heading = document2.createElement("div");
+    heading.className = "flex items-center gap-1.5";
+    const title = document2.createElement("label");
+    title.htmlFor = input.controlId;
+    title.className = "cursor-pointer text-[13px] leading-5 font-medium text-settings-text";
+    title.textContent = input.title;
+    heading.append(title);
+    if (input.help) heading.append(createHelpTooltip(document2, input.help.label, input.help.lines));
+    const description = document2.createElement("div");
+    description.id = preferenceId("preference-description");
+    description.className = "text-xs leading-[18px] text-settings-muted data-[invalid=true]:text-settings-danger";
+    description.textContent = input.description;
+    copy.append(heading, description);
+    item.append(copy);
+    return { item, description };
+  }
+  function createHelpTooltip(document2, label, lines) {
+    const wrapper = document2.createElement("span");
+    wrapper.className = "group relative inline-flex";
+    const button2 = document2.createElement("button");
+    button2.type = "button";
+    button2.className = "inline-flex size-4 cursor-help items-center justify-center rounded-full border-0 bg-transparent p-0 text-settings-subtle transition-colors hover:text-settings-text focus-visible:text-settings-text focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-settings-focus";
+    button2.setAttribute("aria-label", label);
+    button2.append(createRendererSettingsIcon("help", 14));
+    const tooltip = document2.createElement("div");
+    tooltip.id = preferenceId("preference-tooltip");
+    tooltip.setAttribute("role", "tooltip");
+    tooltip.className = "pointer-events-none invisible absolute top-full left-0 z-20 mt-2 w-80 rounded-lg border border-settings-border bg-settings-panel px-3 py-2.5 text-xs leading-[18px] font-normal text-settings-text opacity-0 shadow-[0_10px_30px_rgb(0_0_0/0.22)] transition-opacity duration-150 group-hover:visible group-hover:opacity-100 group-focus-within:visible group-focus-within:opacity-100";
+    const list = document2.createElement("ul");
+    list.className = "m-0 grid list-disc gap-1 pl-4 marker:text-settings-subtle";
+    for (const line of lines) {
+      const item = document2.createElement("li");
+      item.textContent = line;
+      list.append(item);
+    }
+    tooltip.append(list);
+    button2.setAttribute("aria-describedby", tooltip.id);
+    button2.addEventListener("keydown", (event) => {
+      if (event.key === "Escape") button2.blur();
+    });
+    wrapper.append(button2, tooltip);
+    return wrapper;
+  }
+  function createPreferenceSwitch(document2, id, describedBy) {
+    const input = document2.createElement("input");
+    input.type = "checkbox";
+    input.id = id;
+    input.setAttribute("role", "switch");
+    input.setAttribute("aria-describedby", describedBy);
+    input.className = "relative m-0 h-5 w-9 shrink-0 cursor-pointer appearance-none rounded-full bg-settings-surface-hover ring-1 ring-settings-border transition-colors ring-inset before:absolute before:top-0.5 before:left-0.5 before:size-4 before:rounded-full before:bg-white before:shadow-[0_1px_2px_rgb(0_0_0/0.3)] before:transition-transform checked:bg-settings-focus checked:ring-transparent checked:before:translate-x-4 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-settings-focus";
+    return input;
+  }
+  function createNumberField(document2, input) {
+    const field = document2.createElement("div");
+    field.className = "flex h-8 shrink-0 items-center gap-1.5 rounded-md border border-settings-border bg-settings-surface px-2.5 transition-colors focus-within:border-settings-focus data-[invalid=true]:border-settings-danger";
+    const control = document2.createElement("input");
+    control.type = "number";
+    control.id = input.id;
+    control.min = String(input.min);
+    control.max = String(input.max);
+    control.step = "1";
+    control.setAttribute("aria-describedby", input.describedBy);
+    control.className = "w-14 border-0 bg-transparent p-0 text-right text-[13px] leading-5 text-settings-text tabular-nums outline-none";
+    const unit = document2.createElement("span");
+    unit.className = "text-xs text-settings-muted";
+    unit.setAttribute("aria-hidden", "true");
+    unit.textContent = input.unit;
+    field.append(control, unit);
+    return { field, control };
+  }
+
+  // src/settings/voice-messages.ts
+  function voiceMessages(locale) {
+    const en = {
+      title: "Voice",
+      description: "Choose voice for Chat and Work. Shared on this Mac.",
+      chat: "Chat",
+      experience: "Voice experience",
+      chatHint: "ChatGPT stays in your current Chat conversation.",
+      codexConnection: "Codex connection",
+      codexHint: "Available when Codex voice is selected.",
+      work: "Work",
+      connection: "Voice connection",
+      workHint: "Desktop default applies to Codex Work. External Harness voice uses the configured gateway.",
+      desktop: "Desktop default",
+      gateway: "Configured gateway",
+      configuration: "Configuration",
+      gatewayTitle: "Gateway",
+      gatewayHint: "Used only when Configured gateway is selected.",
+      configured: "Configured",
+      needsSetup: "Needs setup",
+      unknown: "Not checked",
+      gatewayStatus: "Gateway configuration",
+      preferencesStatus: "Preferences applied",
+      hookStatus: "Desktop gateway voice integration",
+      preferencesOn: "Applied",
+      preferencesOff: "Not applied yet",
+      hookSupported: "Supported",
+      hookUnsupported: "This Desktop build is not supported for gateway voice",
+      hookPending: "Attaching\u2026",
+      hookDisabled: "Off",
+      configure: "Configure",
+      setup: "Gateway setup",
+      setupHint: "Gateway settings use your local Codex configuration and the selected provider\u2019s credential. End voice before editing configuration. Never paste credentials here.",
+      advanced: "Advanced",
+      advancedHint: "Voice integration and diagnostics.",
+      inject: "Enable voice integration",
+      injectHint: "Enables the ChatGPT voice control and gateway routing. Changing this requires restarting codexhost.",
+      environment: "Voice integration is controlled by this launch environment.",
+      loading: "Loading voice settings\u2026",
+      unavailable: "Voice settings are unavailable. Check the local Host connection.",
+      retry: "Reload",
+      cancel: "Cancel",
+      apply: "Apply changes",
+      applyRestart: "Apply and restart codexhost",
+      retryRestart: "Retry restart",
+      saving: "Saving settings\u2026",
+      restarting: "Restarting codexhost\u2026",
+      ready: "No pending changes",
+      edited: "Unsaved changes",
+      nextCall: "Voice choices apply to the next call.",
+      pending: "Saved \u2014 waiting for Desktop to apply voice choices.",
+      restartNeeded: "Saved \u2014 restart required",
+      activeUnknown: "Saved \u2014 active setting is unknown.",
+      activeCall: "End your voice call to apply changes.",
+      integrationOff: "Voice integration is off. Enable it in Advanced to use these choices.",
+      restartWarning: "Restart codexhost to apply voice integration? This may interrupt running tasks. End voice before continuing.",
+      confirm: "Apply and restart",
+      restartFailed: "Settings are saved, but restart failed.",
+      conflict: "Settings changed in another window. Reload before applying.",
+      gatewayWarning: "The selected gateway needs setup before voice can connect."
+    };
+    if (locale !== "zh-CN") return en;
+    return {
+      ...en,
+      title: "\u8BED\u97F3",
+      description: "\u9009\u62E9 Chat \u548C Work \u7684\u8BED\u97F3\u65B9\u5F0F\u3002\u5728\u6B64 Mac \u4E0A\u5171\u4EAB\u3002",
+      experience: "\u8BED\u97F3\u4F53\u9A8C",
+      chatHint: "ChatGPT \u8BED\u97F3\u4FDD\u7559\u5728\u5F53\u524D Chat \u5BF9\u8BDD\u4E2D\u3002",
+      codexConnection: "Codex \u8FDE\u63A5",
+      codexHint: "\u9009\u62E9 Codex \u8BED\u97F3\u540E\u53EF\u7528\u3002",
+      connection: "\u8BED\u97F3\u8FDE\u63A5",
+      workHint: "Desktop \u9ED8\u8BA4\u9002\u7528\u4E8E Codex Work\u3002\u5916\u90E8 Harness \u8BED\u97F3\u4F7F\u7528\u5DF2\u914D\u7F6E\u7684\u7F51\u5173\u3002",
+      desktop: "Desktop \u9ED8\u8BA4",
+      gateway: "\u5DF2\u914D\u7F6E\u7684\u7F51\u5173",
+      configuration: "\u914D\u7F6E",
+      gatewayTitle: "\u7F51\u5173",
+      gatewayHint: "\u4EC5\u5728\u9009\u62E9\u5DF2\u914D\u7F6E\u7684\u7F51\u5173\u65F6\u4F7F\u7528\u3002",
+      configured: "\u5DF2\u914D\u7F6E",
+      needsSetup: "\u9700\u8981\u914D\u7F6E",
+      unknown: "\u672A\u68C0\u67E5",
+      gatewayStatus: "\u7F51\u5173\u914D\u7F6E",
+      preferencesStatus: "\u504F\u597D\u662F\u5426\u5DF2\u5E94\u7528",
+      hookStatus: "Desktop \u7F51\u5173\u8BED\u97F3\u96C6\u6210",
+      preferencesOn: "\u5DF2\u5E94\u7528",
+      preferencesOff: "\u5C1A\u672A\u5E94\u7528",
+      hookSupported: "\u652F\u6301",
+      hookUnsupported: "\u5F53\u524D Desktop \u7248\u672C\u4E0D\u652F\u6301\u7F51\u5173\u8BED\u97F3",
+      hookPending: "\u6B63\u5728\u63A5\u5165\u2026",
+      hookDisabled: "\u5DF2\u5173\u95ED",
+      configure: "\u914D\u7F6E",
+      setup: "\u7F51\u5173\u914D\u7F6E",
+      setupHint: "\u7F51\u5173\u4F7F\u7528\u672C\u5730 Codex \u914D\u7F6E\u53CA\u6240\u9009 Provider \u7684\u51ED\u636E\u3002\u7F16\u8F91\u524D\u8BF7\u7ED3\u675F\u8BED\u97F3\u3002\u8BF7\u52FF\u5728\u6B64\u7C98\u8D34\u51ED\u636E\u3002",
+      advanced: "\u9AD8\u7EA7",
+      advancedHint: "\u8BED\u97F3\u96C6\u6210\u4E0E\u8BCA\u65AD\u3002",
+      inject: "\u542F\u7528\u8BED\u97F3\u96C6\u6210",
+      injectHint: "\u542F\u7528 ChatGPT \u8BED\u97F3\u6309\u94AE\u4E0E\u7F51\u5173\u8DEF\u7531\u3002\u66F4\u6539\u6B64\u9879\u9700\u8981\u91CD\u542F codexhost\u3002",
+      environment: "\u5F53\u524D\u542F\u52A8\u73AF\u5883\u63A7\u5236\u8BED\u97F3\u96C6\u6210\u3002",
+      loading: "\u6B63\u5728\u52A0\u8F7D\u8BED\u97F3\u8BBE\u7F6E\u2026",
+      unavailable: "\u8BED\u97F3\u8BBE\u7F6E\u4E0D\u53EF\u7528\uFF0C\u8BF7\u68C0\u67E5\u672C\u5730 Host \u8FDE\u63A5\u3002",
+      retry: "\u91CD\u65B0\u52A0\u8F7D",
+      cancel: "\u53D6\u6D88",
+      apply: "\u5E94\u7528\u66F4\u6539",
+      applyRestart: "\u5E94\u7528\u5E76\u91CD\u542F codexhost",
+      retryRestart: "\u91CD\u8BD5\u91CD\u542F",
+      saving: "\u6B63\u5728\u4FDD\u5B58\u8BBE\u7F6E\u2026",
+      restarting: "\u6B63\u5728\u91CD\u542F codexhost\u2026",
+      ready: "\u6CA1\u6709\u5F85\u5E94\u7528\u7684\u66F4\u6539",
+      edited: "\u66F4\u6539\u5C1A\u672A\u4FDD\u5B58",
+      nextCall: "\u8BED\u97F3\u9009\u62E9\u4ECE\u4E0B\u6B21\u901A\u8BDD\u751F\u6548\u3002",
+      pending: "\u5DF2\u4FDD\u5B58\uFF0C\u7B49\u5F85 Desktop \u5E94\u7528\u8BED\u97F3\u9009\u62E9\u3002",
+      restartNeeded: "\u5DF2\u4FDD\u5B58\uFF0C\u9700\u8981\u91CD\u542F",
+      activeUnknown: "\u5DF2\u4FDD\u5B58\uFF0C\u5F53\u524D\u751F\u6548\u72B6\u6001\u672A\u77E5\u3002",
+      activeCall: "\u8BF7\u7ED3\u675F\u8BED\u97F3\u540E\u518D\u5E94\u7528\u66F4\u6539\u3002",
+      integrationOff: "\u8BED\u97F3\u96C6\u6210\u5DF2\u5173\u95ED\uFF0C\u8BF7\u5728\u9AD8\u7EA7\u8BBE\u7F6E\u4E2D\u542F\u7528\u540E\u4F7F\u7528\u8FD9\u4E9B\u9009\u9879\u3002",
+      restartWarning: "\u91CD\u542F codexhost \u4EE5\u5E94\u7528\u8BED\u97F3\u96C6\u6210\uFF1F\u8FD9\u53EF\u80FD\u4E2D\u65AD\u8FD0\u884C\u4E2D\u7684\u4EFB\u52A1\uFF0C\u8BF7\u5148\u7ED3\u675F\u8BED\u97F3\u3002",
+      confirm: "\u5E94\u7528\u5E76\u91CD\u542F",
+      restartFailed: "\u8BBE\u7F6E\u5DF2\u4FDD\u5B58\uFF0C\u4F46\u91CD\u542F\u5931\u8D25\u3002",
+      conflict: "\u5176\u4ED6\u7A97\u53E3\u66F4\u6539\u4E86\u8BBE\u7F6E\uFF0C\u8BF7\u91CD\u65B0\u52A0\u8F7D\u540E\u518D\u5E94\u7528\u3002",
+      gatewayWarning: "\u6240\u9009\u7F51\u5173\u9700\u8981\u914D\u7F6E\u540E\u624D\u80FD\u8FDE\u63A5\u8BED\u97F3\u3002"
+    };
+  }
+
+  // src/settings/voice-page.ts
+  function createVoiceSettingsPage(locale, request, options = {}) {
+    const m = voiceMessages(locale);
+    return Object.freeze({
+      id: options.id ?? "voice",
+      label: m.title,
+      icon: "settings",
+      mount(context) {
+        const doc = context.content.ownerDocument;
+        let state = null;
+        let base = null;
+        let draft = null;
+        let offline = false;
+        let busy = false;
+        let refreshing = false;
+        let generation = 0;
+        let disposed = false;
+        let confirm = false;
+        let advanced = false;
+        let setup = false;
+        let error51 = null;
+        const ids = /* @__PURE__ */ new Map();
+        const controlId = (key) => {
+          const existing = ids.get(key);
+          if (existing) return existing;
+          const id = preferenceId(key);
+          ids.set(key, id);
+          return id;
+        };
+        const dirty = () => !!draft && JSON.stringify(draft) !== JSON.stringify(base?.settings);
+        const isActiveCall = () => state?.activeCall === true || options.desktop && !!doc.defaultView && desktopVoiceCallActive(doc.defaultView);
+        const needsRestart = () => !!draft && !!state && (state.activeInject === null ? draft.inject !== base?.settings.inject : (state.envOverride ? state.envOverride === "1" : draft.inject) !== state.activeInject);
+        const load = async (reset = false) => {
+          if (refreshing || busy || disposed) return;
+          refreshing = true;
+          const currentGeneration = generation;
+          try {
+            const next = voiceSettingsStateSchema.parse(await request({ operation: "get" }));
+            if (disposed || generation !== currentGeneration) return;
+            const changed = JSON.stringify(state) !== JSON.stringify(next) || offline || reset;
+            if (reset || !dirty()) {
+              base = next;
+              draft = { ...next.settings };
+            }
+            state = next;
+            offline = false;
+            if (reset) {
+              error51 = null;
+              confirm = false;
+            }
+            if (changed) render();
+          } catch {
+            if (!disposed && generation === currentGeneration) {
+              offline = true;
+              render();
+            }
+          } finally {
+            refreshing = false;
+          }
+        };
+        const apply = async (restart) => {
+          if (!draft || !base || busy || isActiveCall()) return;
+          busy = true;
+          generation += 1;
+          error51 = null;
+          confirm = false;
+          render();
+          try {
+            const current = voiceSettingsStateSchema.parse(await request({ operation: "get" }));
+            if (disposed) return;
+            if (current.activeCall || isActiveCall()) throw new Error(m.activeCall);
+            if (current.revision !== base.revision) throw new Error(m.conflict);
+            if (dirty()) {
+              const saved = voiceSettingsStateSchema.parse(
+                await request({
+                  operation: "set",
+                  settings: draft,
+                  revision: base.revision
+                })
+              );
+              if (disposed) return;
+              state = saved;
+              base = saved;
+              draft = { ...saved.settings };
+            }
+            if (restart) await request({ operation: "restart", confirm: true });
+          } catch (failure) {
+            if (!disposed) error51 = failure instanceof Error ? failure.message : m.unavailable;
+          } finally {
+            busy = false;
+            if (!disposed) {
+              render();
+              void load();
+            }
+          }
+        };
+        const render = () => {
+          if (disposed) return;
+          const tree = context.content.getRootNode();
+          const focused = tree.activeElement;
+          const focusedId = focused && context.content.contains(focused) ? focused.id : "";
+          const root = h(doc, "div", { className: "settings-voice" });
+          root.append(
+            h(doc, "div", { className: "settings-section-label" }, m.title),
+            h(doc, "p", { className: "settings-page-description" }, m.description)
+          );
+          if (!draft || !state) {
+            root.append(h(doc, "p", { role: "status" }, offline ? m.unavailable : m.loading));
+            if (offline) root.append(button(doc, m.retry, () => void load(true)));
+            context.content.replaceChildren(root);
+            return;
+          }
+          const unavailable = busy || offline || state.restart.phase === "restarting";
+          const row = (card, title, description, key, choices, disabled = false) => {
+            const id = controlId(`voice-${key}`);
+            const item = createPreferenceItem(doc, { title, description, controlId: id });
+            item.item.classList.add("settings-voice__row");
+            const select = h(doc, "select", {
+              id,
+              className: "settings-voice__select",
+              "aria-describedby": item.description.id
+            });
+            for (const [value, label] of choices) select.append(h(doc, "option", { value }, label));
+            select.value = draft?.[key] ?? "";
+            select.disabled = unavailable || disabled;
+            select.addEventListener("change", () => {
+              if (!draft) return;
+              draft = { ...draft, [key]: select.value };
+              confirm = false;
+              render();
+            });
+            item.item.append(select);
+            card.append(item.item);
+          };
+          const connections = [
+            ["desktop", m.desktop],
+            ["gateway", m.gateway]
+          ];
+          const chat = createPreferenceGroup(doc, m.chat);
+          row(chat.card, m.experience, m.chatHint, "chatExperience", [
+            ["chatgpt", "ChatGPT"],
+            ["codex", "Codex"]
+          ]);
+          row(
+            chat.card,
+            m.codexConnection,
+            m.codexHint,
+            "chatConnection",
+            connections,
+            draft.chatExperience !== "codex"
+          );
+          const work = createPreferenceGroup(doc, m.work);
+          row(work.card, m.connection, m.workHint, "workConnection", connections);
+          const config2 = createPreferenceGroup(doc, m.configuration);
+          const gateway = createPreferenceItem(doc, {
+            title: m.gatewayTitle,
+            description: m.gatewayHint,
+            controlId: preferenceId("gateway-config")
+          });
+          gateway.item.classList.add("settings-voice__row");
+          const configure = button(doc, m.configure, () => {
+            setup = !setup;
+            render();
+          });
+          configure.id = gateway.item.querySelector("label")?.htmlFor ?? "";
+          configure.setAttribute("aria-expanded", String(setup));
+          const gatewayReadyLabel = state.gatewayReady === null ? m.unknown : state.gatewayReady ? m.configured : m.needsSetup;
+          const gatewayActions = h(
+            doc,
+            "div",
+            { className: "settings-voice__gateway-actions" },
+            h(doc, "span", {}, gatewayReadyLabel),
+            configure
+          );
+          gateway.item.append(gatewayActions);
+          config2.card.append(gateway.item);
+          const hook = options.desktop ? desktopVoiceHookStatus(doc.defaultView) : "unknown";
+          const hookLabel = hook === "active" ? m.hookSupported : hook === "pending" ? m.hookPending : hook === "unsupported" ? m.hookUnsupported : hook === "disabled" ? m.hookDisabled : m.unknown;
+          const health = h(doc, "div", { className: "settings-voice__health" });
+          health.append(
+            h(doc, "p", {}, `${m.gatewayStatus}: ${gatewayReadyLabel}`),
+            h(
+              doc,
+              "p",
+              {},
+              `${m.preferencesStatus}: ${state.routesActive === true ? m.preferencesOn : state.routesActive === false ? m.preferencesOff : m.unknown}`
+            ),
+            h(doc, "p", {}, `${m.hookStatus}: ${hookLabel}`)
+          );
+          config2.card.append(health);
+          if (setup) {
+            const details = h(
+              doc,
+              "div",
+              { className: "settings-voice__details" },
+              h(doc, "strong", {}, m.setup),
+              h(doc, "p", {}, m.setupHint)
+            );
+            details.append(
+              h(doc, "code", {}, "~/.codex/config.toml"),
+              h(
+                doc,
+                "p",
+                {},
+                "experimental_realtime_webrtc_call_base_url \xB7 experimental_realtime_ws_base_url"
+              )
+            );
+            config2.card.append(details);
+          }
+          const adv = createPreferenceItem(doc, {
+            title: m.advanced,
+            description: m.advancedHint,
+            controlId: preferenceId("voice-advanced")
+          });
+          const expand = button(doc, advanced ? "\u2303" : "\u203A", () => {
+            advanced = !advanced;
+            render();
+          });
+          expand.id = adv.item.querySelector("label")?.htmlFor ?? "";
+          expand.setAttribute("aria-label", m.advanced);
+          expand.setAttribute("aria-expanded", String(advanced));
+          adv.item.append(expand);
+          config2.card.append(adv.item);
+          if (advanced) {
+            const id = controlId("voice-inject");
+            const injection = createPreferenceItem(doc, {
+              title: m.inject,
+              description: m.injectHint,
+              controlId: id
+            });
+            injection.item.classList.add("settings-voice__row");
+            const toggle = createPreferenceSwitch(doc, id, injection.description.id);
+            toggle.checked = draft.inject;
+            toggle.disabled = unavailable || !!state.envOverride;
+            toggle.addEventListener("change", () => {
+              if (draft) draft = { ...draft, inject: toggle.checked };
+              confirm = false;
+              render();
+            });
+            injection.item.append(toggle);
+            config2.card.append(injection.item);
+            if (state.envOverride || state.activeEnvOverride)
+              config2.card.append(
+                h(doc, "p", { className: "settings-voice__details" }, m.environment)
+              );
+          }
+          root.append(chat.group, work.group, config2.group);
+          const restarting = state.restart.phase === "restarting";
+          const failed = state.restart.phase === "failed";
+          const status = busy ? m.saving : restarting ? m.restarting : isActiveCall() ? m.activeCall : offline ? m.unavailable : dirty() ? m.edited : needsRestart() ? m.restartNeeded : state.activeInject === null ? m.activeUnknown : state.routesActive === false ? m.pending : state.routesActive === null ? m.activeUnknown : m.ready;
+          const footer = h(
+            doc,
+            "div",
+            { className: "settings-voice__footer" },
+            h(doc, "div", { role: "status" }, h(doc, "div", {}, status), h(doc, "p", {}, m.nextCall))
+          );
+          const actions = h(doc, "div", { className: "settings-voice__actions" });
+          const cancel = button(doc, m.cancel, () => {
+            draft = base ? { ...base.settings } : null;
+            confirm = false;
+            error51 = null;
+            render();
+          });
+          cancel.disabled = busy || !dirty() && !confirm;
+          const submit = button(
+            doc,
+            failed && needsRestart() && !dirty() ? m.retryRestart : needsRestart() && state.restartAvailable ? m.applyRestart : m.apply,
+            () => {
+              if (needsRestart() && state?.restartAvailable) {
+                confirm = true;
+                render();
+              } else void apply(false);
+            },
+            "primary"
+          );
+          submit.disabled = unavailable || !!isActiveCall() || !dirty() && !(needsRestart() && state.restartAvailable);
+          actions.append(cancel, submit);
+          footer.append(actions);
+          root.append(footer);
+          if (confirm)
+            root.append(
+              h(
+                doc,
+                "div",
+                { className: "settings-voice__confirmation" },
+                h(doc, "p", {}, m.restartWarning),
+                button(doc, m.confirm, () => void apply(true), "primary"),
+                button(doc, m.cancel, () => {
+                  confirm = false;
+                  render();
+                })
+              )
+            );
+          if (failed)
+            root.append(
+              h(doc, "p", { role: "alert" }, `${m.restartFailed} ${state.restart.error ?? ""}`)
+            );
+          if (error51) root.append(h(doc, "p", { role: "alert" }, error51));
+          const gatewaySelected = draft.workConnection === "gateway" || draft.chatExperience === "codex" && draft.chatConnection === "gateway";
+          if (gatewaySelected && state.gatewayReady === false)
+            root.append(h(doc, "p", { className: "settings-voice__hint" }, m.gatewayWarning));
+          if (!draft.inject)
+            root.append(h(doc, "p", { className: "settings-voice__hint" }, m.integrationOff));
+          if (offline || base?.revision !== state.revision)
+            root.append(button(doc, m.retry, () => void load(true)));
+          context.content.replaceChildren(root);
+          if (focusedId)
+            root.querySelector(`#${focusedId}`)?.focus({ preventScroll: true });
+        };
+        render();
+        void load();
+        const timer = doc.defaultView?.setInterval(() => void load(), 3e3);
+        return () => {
+          disposed = true;
+          if (timer !== void 0) doc.defaultView?.clearInterval(timer);
+        };
+      }
+    });
+  }
+  function desktopVoiceHookStatus(win) {
+    if (!win) return "unknown";
+    const value = win.__codexhostClientOwnedVoiceV1;
+    if (!value || typeof value !== "object") return "unknown";
+    const status = value.status;
+    if (status === "active" || status === "pending" || status === "unsupported" || status === "disabled")
+      return status;
+    return "unknown";
+  }
+
+  // src/console/pages/restart-control.ts
+  function renderRestartControl(document2, messages, state) {
+    const root = h(document2, "div", { className: "console-actions console-restart" });
+    const status = state.overview?.restart;
+    const busy = state.restartSubmitting || status?.phase === "restarting";
+    if (state.restartConfirm && !busy) {
+      root.append(
+        h(document2, "p", { role: "status" }, messages.restartWarning),
+        button(document2, messages.restartConfirm, () => void state.restart(), "primary"),
+        button(document2, messages.restartCancel, () => state.confirmRestart(false))
+      );
+    } else {
+      const restart = button(document2, messages.restart, () => state.confirmRestart(true));
+      restart.disabled = busy || state.offline || !state.overview?.launchAvailable || !["running", "integration-unavailable"].includes(state.overview.summary.state);
+      root.append(restart);
+    }
+    if (busy || status?.phase === "succeeded") {
+      root.append(
+        h(document2, "p", { role: "status" }, busy ? messages.restarting : messages.restarted)
+      );
+    }
+    const error51 = state.restartError ?? status?.error;
+    if (error51) root.append(h(document2, "p", { role: "alert" }, error51));
+    return root;
+  }
+
   // src/console/pages/report-actions.ts
   function mountReportActions(document2, messages, overview) {
     const exportLink = h(
@@ -19117,6 +19898,8 @@ th[aria-sort] .console-usage-sort__mark {
             start.disabled = launching || !overview.launchAvailable;
             actions.append(start);
           }
+          if (summaryState === "running" || summaryState === "integration-unavailable")
+            actions.append(renderRestartControl(document2, messages, state));
           if (state.update?.updateAvailable) {
             actions.append(
               button(
@@ -19187,12 +19970,35 @@ th[aria-sort] .console-usage-sort__mark {
     overview = null;
     update = null;
     offline = false;
+    restartConfirm = false;
+    restartSubmitting = false;
+    restartError = null;
     #listeners = /* @__PURE__ */ new Set();
     #timer;
     subscribe(listener) {
       this.#listeners.add(listener);
       return () => this.#listeners.delete(listener);
     }
+    confirmRestart(confirm) {
+      this.restartConfirm = confirm;
+      this.#emit();
+    }
+    async restart() {
+      if (!this.restartConfirm || this.restartSubmitting) return;
+      this.restartConfirm = false;
+      this.restartSubmitting = true;
+      this.restartError = null;
+      this.#emit();
+      try {
+        await consolePost("/api/restart", { confirm: true });
+        await this.refresh();
+      } catch (error51) {
+        this.restartError = error51 instanceof Error ? error51.message : String(error51);
+      } finally {
+        this.restartSubmitting = false;
+        this.#emit();
+      }
+    }
     async refresh() {
       try {
         this.overview = await consoleGet("/api/overview");
@@ -19424,7 +20230,15 @@ th[aria-sort] .console-usage-sort__mark {
     };
     const inspectHarness = async (input, options) => {
       const params = harnessInspectParamsSchema.parse(input);
-      const result = await manager.sendRequest(HARNESS_INSPECT_METHOD, params, options);
+      let result;
+      try {
+        result = await manager.sendRequest(HARNESS_INSPECT_METHOD, params, options);
+      } catch (error51) {
+        if (!params.purpose || !isInvalidParams(error51)) throw error51;
+        const full = { ...params };
+        delete full.purpose;
+        result = await manager.sendRequest(HARNESS_INSPECT_METHOD, full, options);
+      }
       return harnessInspectionSchema.parse(result);
     };
     const inspectHarnessCommands = async (input) => {
@@ -19498,6 +20312,19 @@ th[aria-sort] .console-usage-sort__mark {
           )
         );
       },
+      async getGrokComputerUse() {
+        return grokComputerUseSettingsSchema.parse(
+          await manager.sendRequest(GROK_COMPUTER_USE_GET_METHOD, {})
+        );
+      },
+      async setGrokComputerUse(update) {
+        return grokComputerUseSettingsSchema.parse(
+          await manager.sendRequest(
+            GROK_COMPUTER_USE_SET_METHOD,
+            grokComputerUseSetSchema.parse(update)
+          )
+        );
+      },
       async listLoadedSessions() {
         return loadedSessionsSchema.parse(await manager.sendRequest(LOADED_SESSIONS_METHOD, {}));
       },
@@ -19686,6 +20513,9 @@ th[aria-sort] .console-usage-sort__mark {
       }
     });
   }
+  function isInvalidParams(error51) {
+    return typeof error51 === "object" && error51 !== null && "code" in error51 && error51.code === -32602;
+  }
 
   // src/settings/accounts.css
   var accounts_default = `.settings-harness-account__logo {
@@ -20701,16 +21531,6 @@ th[aria-sort] .console-usage-sort__mark {
       "When this is on, that card is hidden on every Composer, including Codex threads. Reset usage and Upgrade stay available in Settings.",
       "Turning this off only shows the native card again. Send on this Composer, including Codex threads, is already separated from that quota card."
     ]),
-    cpaLiveVoiceTitle: "Override live voice",
-    cpaLiveVoiceDescription: "On by default. Host creates the realtime call instead of ChatGPT.",
-    cpaLiveVoiceHelpLabel: "About overriding live voice",
-    cpaLiveVoiceHelp: Object.freeze([
-      "Overrides Desktop's existing-call path on audited 26.1007.30912 so a local host can create the WebRTC call.",
-      "This switch applies on the next voice session. No relaunch.",
-      "Also set both keys in ~/.codex/config.toml and relaunch Codex: experimental_realtime_ws_base_url and experimental_realtime_webrtc_call_base_url, each pointing at your realtime host /v1.",
-      "CODEXHOST_CPA_LIVE_VOICE=0 is not live. Relaunch Codex after changing that environment variable."
-    ]),
-    cpaLiveVoiceRestartRequired: "This override is not injected. Unset CODEXHOST_CPA_LIVE_VOICE=0 and relaunch Codex. The switch cannot take effect until then.",
     loadedSessions: {
       title: "Loaded sessions",
       description: "Local external Harnesses only. Refreshes every 10 seconds without waking sessions or resetting activity. Released sessions disappear from this list.",
@@ -20871,6 +21691,26 @@ th[aria-sort] .console-usage-sort__mark {
     launchPathLoading: "Loading launch settings\u2026",
     launchPathLoadError: "Could not load launch settings. Reopen this detail panel to retry.",
     launchPathSaveError: "Could not save. Enter an existing absolute installation folder on this Host and check configuration permissions.",
+    grokComputerUseLabel: "Grok Computer Use",
+    grokComputerUseTitle: "Computer Use",
+    grokComputerUseDescription: "Let Grok control Mac apps via ChatGPT Computer Use (cua_repl).",
+    grokComputerUseHelp: "ChatGPT Settings \u2192 Computer use still applies to official Codex threads. Always-allowed apps stay in that list. New Grok threads pick up this switch.",
+    grokComputerUseOn: "On \xB7 available",
+    grokComputerUseOff: "Off",
+    grokComputerUseSaving: "Saving\u2026",
+    grokComputerUseLoading: "Loading Grok Computer Use\u2026",
+    grokComputerUseLoadError: "Could not load Grok Computer Use. Reopen this panel to retry.",
+    grokComputerUseSaveError: "Could not save. Install ChatGPT.app with Computer Use, then try again.",
+    grokComputerUseUnavailable: "ChatGPT Desktop Computer Use files were not found on this Mac.",
+    grokBrowserLabel: "Grok in-app browser",
+    grokBrowserTitle: "In-app browser",
+    grokBrowserDescription: "Let Grok use ChatGPT's built-in browser (Browser Use) through cua_repl. Independent of Computer Use.",
+    grokBrowserHelp: "Official Codex Browser Use is unchanged. Grok fails closed when ChatGPT does not authorize the connection or no in-app browser tab can be bound. The Chrome extension is a separate path.",
+    grokBrowserOn: "On \xB7 browser surface enabled",
+    grokBrowserOff: "Off",
+    grokBrowserUnavailable: "ChatGPT Desktop in-app browser files were not found on this Mac.",
+    grokBrowserBlocked: "Saved as intent. ChatGPT Desktop does not authorize Grok to use the in-app browser.",
+    grokComputerUseApplyFailed: "Could not apply the saved setting to Grok config.",
     connectionOfficialWebsite: "Visit official website",
     connectionOpenHarnessWeb: "Open DeepSeek Harness Web",
     connectionDeepSeekTestedVersions: "Supported DSH versions: 0.1.7-rc.1, 0.1.7-rc.2, 0.2.0-rc.1, 0.2.0-rc.2, 0.2.1-rc.1 and 0.2.1-rc.2. Versions newer than 0.2.1-rc.2 can be tried, but compatibility may be limited; versions older than 0.1.7-rc.1 must be upgraded first.",
@@ -20882,6 +21722,7 @@ th[aria-sort] .console-usage-sort__mark {
     harnessVersionCurrent: "Current version",
     harnessVersionLatest: "Latest version",
     harnessVersionChecking: "Checking versions\u2026",
+    harnessVersionAvailable: "Update available",
     harnessVersionUpdate: "Update",
     harnessVersionUpdating: "Updating\u2026",
     harnessVersionUpToDate: "Up to date",
@@ -20966,6 +21807,7 @@ th[aria-sort] .console-usage-sort__mark {
       connections: "Connections",
       "remote-connections": "Remote connections",
       appearance: "General",
+      voice: "Voice",
       accounts: "Accounts",
       "session-import": "Session Import",
       "usage-statistics": "Usage statistics",
@@ -20992,16 +21834,6 @@ th[aria-sort] .console-usage-sort__mark {
       "\u5F00\u542F\u540E\uFF0C\u6240\u6709 Composer \u90FD\u9690\u85CF\u8BE5\u5361\u7247\uFF0C\u5305\u62EC Codex \u4F1A\u8BDD\u3002\u300C\u91CD\u7F6E\u7528\u91CF\u300D\u548C\u300C\u5347\u7EA7\u300D\u4ECD\u53EF\u5728\u8BBE\u7F6E\u4E2D\u4F7F\u7528\u3002",
       "\u5173\u95ED\u6B64\u5F00\u5173\u53EA\u4F1A\u91CD\u65B0\u663E\u793A\u539F\u751F\u5361\u7247\u3002\u5F53\u524D Composer \u7684\u53D1\u9001\uFF08\u5305\u62EC Codex \u4F1A\u8BDD\uFF09\u5DF2\u4E0E\u8BE5\u989D\u5EA6\u5361\u7247\u5206\u79BB\u3002"
     ]),
-    cpaLiveVoiceTitle: "\u6539\u5199\u5B9E\u65F6\u8BED\u97F3",
-    cpaLiveVoiceDescription: "\u9ED8\u8BA4\u5F00\u542F\u3002\u7531 Host \u521B\u5EFA realtime \u901A\u8BDD\uFF0C\u800C\u4E0D\u662F ChatGPT\u3002",
-    cpaLiveVoiceHelpLabel: "\u6539\u5199\u5B9E\u65F6\u8BED\u97F3\u8BF4\u660E",
-    cpaLiveVoiceHelp: Object.freeze([
-      "\u5728\u5DF2\u5BA1\u8BA1\u7684 Desktop 26.1007.30912 \u4E0A\u8986\u76D6 existing-call \u8DEF\u5F84\uFF0C\u8BA9\u672C\u5730 Host \u521B\u5EFA WebRTC \u901A\u8BDD\u3002",
-      "\u6B64\u5F00\u5173\u5728\u4E0B\u4E00\u6B21\u8BED\u97F3\u4F1A\u8BDD\u751F\u6548\uFF0C\u65E0\u9700\u91CD\u65B0\u542F\u52A8\u3002",
-      "\u8FD8\u9700\u8981\u5728 ~/.codex/config.toml \u8BBE\u7F6E experimental_realtime_ws_base_url \u4E0E experimental_realtime_webrtc_call_base_url\uFF0C\u90FD\u6307\u5411\u4F60\u7684 realtime \u4E3B\u673A /v1\uFF0C\u7136\u540E\u91CD\u65B0\u542F\u52A8 Codex\u3002",
-      "CODEXHOST_CPA_LIVE_VOICE=0 \u4E0D\u4F1A\u5373\u65F6\u751F\u6548\u3002\u4FEE\u6539\u8BE5\u73AF\u5883\u53D8\u91CF\u540E\u5FC5\u987B\u91CD\u65B0\u542F\u52A8 Codex\u3002"
-    ]),
-    cpaLiveVoiceRestartRequired: "\u5F53\u524D\u672A\u6CE8\u5165\u6B64\u6539\u5199\u3002\u8BF7\u53D6\u6D88 CODEXHOST_CPA_LIVE_VOICE=0 \u5E76\u91CD\u65B0\u542F\u52A8 Codex\uFF0C\u672C\u5F00\u5173\u624D\u4F1A\u751F\u6548\u3002",
     loadedSessions: {
       title: "\u5DF2\u52A0\u8F7D\u4F1A\u8BDD",
       description: "\u4EC5\u663E\u793A\u672C\u5730\u5916\u90E8 Harness\u3002\u6BCF 10 \u79D2\u5237\u65B0\uFF0C\u4E0D\u5524\u9192\u4F1A\u8BDD\u3001\u4E0D\u91CD\u7F6E\u6D3B\u52A8\u65F6\u95F4\u3002\u91CA\u653E\u540E\u7684\u4F1A\u8BDD\u4ECE\u5217\u8868\u79FB\u9664\u3002",
@@ -21162,6 +21994,26 @@ th[aria-sort] .console-usage-sort__mark {
     launchPathLoading: "\u6B63\u5728\u8BFB\u53D6\u542F\u52A8\u8BBE\u7F6E\u2026",
     launchPathLoadError: "\u65E0\u6CD5\u8BFB\u53D6\u542F\u52A8\u8BBE\u7F6E\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u6B64\u8BE6\u60C5\u9762\u677F\u91CD\u8BD5\u3002",
     launchPathSaveError: "\u4FDD\u5B58\u5931\u8D25\u3002\u8BF7\u586B\u5199\u6B64 Host \u4E0A\u5B9E\u9645\u5B58\u5728\u7684\u5B89\u88C5\u76EE\u5F55\u7EDD\u5BF9\u8DEF\u5F84\uFF0C\u5E76\u786E\u8BA4\u914D\u7F6E\u76EE\u5F55\u53EF\u5199\u3002",
+    grokComputerUseLabel: "Grok Computer Use",
+    grokComputerUseTitle: "Computer Use",
+    grokComputerUseDescription: "\u8BA9 Grok \u901A\u8FC7 ChatGPT Computer Use\uFF08cua_repl\uFF09\u63A7\u5236 Mac \u5E94\u7528\u3002",
+    grokComputerUseHelp: "ChatGPT \u8BBE\u7F6E \u2192 Computer use \u4ECD\u53EA\u4F5C\u7528\u4E8E\u5B98\u65B9 Codex \u7EBF\u7A0B\u3002Always-allowed \u5E94\u7528\u4ECD\u4FDD\u5B58\u5728\u8BE5\u5217\u8868\u3002\u65B0\u7684 Grok \u7EBF\u7A0B\u4F1A\u8BFB\u53D6\u6B64\u5F00\u5173\u3002",
+    grokComputerUseOn: "\u5DF2\u5F00\u542F \xB7 \u53EF\u7528",
+    grokComputerUseOff: "\u5DF2\u5173\u95ED",
+    grokComputerUseSaving: "\u6B63\u5728\u4FDD\u5B58\u2026",
+    grokComputerUseLoading: "\u6B63\u5728\u8BFB\u53D6 Grok Computer Use\u2026",
+    grokComputerUseLoadError: "\u65E0\u6CD5\u8BFB\u53D6 Grok Computer Use\uFF0C\u8BF7\u91CD\u65B0\u6253\u5F00\u6B64\u9762\u677F\u91CD\u8BD5\u3002",
+    grokComputerUseSaveError: "\u4FDD\u5B58\u5931\u8D25\u3002\u8BF7\u5148\u5B89\u88C5\u5E26 Computer Use \u7684 ChatGPT.app\u3002",
+    grokComputerUseUnavailable: "\u672C\u673A\u672A\u627E\u5230 ChatGPT Desktop \u7684 Computer Use \u6587\u4EF6\u3002",
+    grokBrowserLabel: "Grok \u5185\u7F6E\u6D4F\u89C8\u5668",
+    grokBrowserTitle: "\u5185\u7F6E\u6D4F\u89C8\u5668",
+    grokBrowserDescription: "\u8BA9 Grok \u901A\u8FC7 cua_repl \u4F7F\u7528 ChatGPT \u5185\u7F6E\u6D4F\u89C8\u5668\uFF08Browser Use\uFF09\u3002\u4E0E Computer Use \u76F8\u4E92\u72EC\u7ACB\u3002",
+    grokBrowserHelp: "\u5B98\u65B9 Codex Browser Use \u4E0D\u53D7\u5F71\u54CD\u3002ChatGPT \u4E0D\u6388\u6743\u8FDE\u63A5\u6216\u65E0\u6CD5\u7ED1\u5B9A\u5185\u7F6E\u6D4F\u89C8\u5668\u6807\u7B7E\u9875\u65F6\uFF0CGrok \u4F1A\u76F4\u63A5\u5931\u8D25\u3002Chrome \u6269\u5C55\u662F\u53E6\u4E00\u6761\u8DEF\u5F84\u3002",
+    grokBrowserOn: "\u5DF2\u5F00\u542F \xB7 \u6D4F\u89C8\u5668\u80FD\u529B\u5DF2\u542F\u7528",
+    grokBrowserOff: "\u5DF2\u5173\u95ED",
+    grokBrowserUnavailable: "\u672C\u673A\u672A\u627E\u5230 ChatGPT Desktop \u7684\u5185\u7F6E\u6D4F\u89C8\u5668\u6587\u4EF6\u3002",
+    grokBrowserBlocked: "\u5DF2\u4FDD\u5B58\u4E3A\u610F\u5411\u3002ChatGPT Desktop \u5C1A\u672A\u6388\u6743 Grok \u4F7F\u7528\u5185\u7F6E\u6D4F\u89C8\u5668\u3002",
+    grokComputerUseApplyFailed: "\u65E0\u6CD5\u5C06\u5DF2\u4FDD\u5B58\u7684\u8BBE\u7F6E\u5199\u5165 Grok \u914D\u7F6E\u3002",
     connectionOfficialWebsite: "\u8BBF\u95EE\u5B98\u7F51",
     connectionOpenHarnessWeb: "\u6253\u5F00 DeepSeek Harness Web",
     connectionDeepSeekTestedVersions: "\u652F\u6301 DSH \u7248\u672C\uFF1A0.1.7-rc.1\u30010.1.7-rc.2\u30010.2.0-rc.1\u30010.2.0-rc.2\u30010.2.1-rc.1 \u548C 0.2.1-rc.2\u3002\u9AD8\u4E8E 0.2.1-rc.2 \u7684\u7248\u672C\u53EF\u4EE5\u5C1D\u8BD5\u8FDE\u63A5\uFF0C\u4F46\u9002\u914D\u5EA6\u53EF\u80FD\u6709\u9650\uFF1B\u4F4E\u4E8E 0.1.7-rc.1 \u7684\u7248\u672C\u9700\u8981\u5148\u5347\u7EA7\u3002",
@@ -21173,6 +22025,7 @@ th[aria-sort] .console-usage-sort__mark {
     harnessVersionCurrent: "\u5F53\u524D\u7248\u672C",
     harnessVersionLatest: "\u6700\u65B0\u7248\u672C",
     harnessVersionChecking: "\u6B63\u5728\u68C0\u67E5\u7248\u672C\u2026",
+    harnessVersionAvailable: "\u6709\u65B0\u7248\u672C",
     harnessVersionUpdate: "\u66F4\u65B0",
     harnessVersionUpdating: "\u6B63\u5728\u66F4\u65B0\u2026",
     harnessVersionUpToDate: "\u5DF2\u662F\u6700\u65B0",
@@ -21257,6 +22110,7 @@ th[aria-sort] .console-usage-sort__mark {
       connections: "\u8FDE\u63A5",
       "remote-connections": "\u8FDC\u7A0B\u8FDE\u63A5",
       appearance: "\u901A\u7528",
+      voice: "\u8BED\u97F3",
       accounts: "\u8D26\u53F7",
       "session-import": "\u4F1A\u8BDD\u5BFC\u5165",
       "usage-statistics": "\u7528\u91CF\u7EDF\u8BA1",
@@ -24032,109 +24886,11 @@ ${detail}` : ""}`
           true
         );
         serviceActions.append(update);
-      }
-    }
-    service.append(copy, serviceActions);
-    card.append(service);
-    return card;
-  }
-
-  // src/settings/preference-ui.ts
-  var nextPreferenceId = 0;
-  function preferenceId(prefix) {
-    nextPreferenceId += 1;
-    return `codexhost-${prefix}-${nextPreferenceId}`;
-  }
-  function createPreferenceGroup(document2, title) {
-    const group = document2.createElement("section");
-    group.className = "mt-7 first-of-type:mt-0";
-    const header = document2.createElement("div");
-    header.className = "mb-2 flex min-h-6 items-center gap-2 px-1";
-    const heading = document2.createElement("h3");
-    heading.id = preferenceId("preference-group");
-    heading.className = "m-0 text-[13px] leading-5 font-semibold text-settings-text";
-    heading.textContent = title;
-    header.append(heading);
-    const card = document2.createElement("div");
-    card.className = "rounded-[10px] border border-settings-border bg-settings-panel";
-    group.setAttribute("aria-labelledby", heading.id);
-    group.append(header, card);
-    return { group, header, card };
-  }
-  function createPreferenceItem(document2, input) {
-    const item = document2.createElement("div");
-    item.className = "flex min-h-[60px] items-center justify-between gap-6 border-t border-settings-divider px-4 py-3 first:border-t-0";
-    const copy = document2.createElement("div");
-    copy.className = "flex min-w-0 flex-col gap-0.5";
-    const heading = document2.createElement("div");
-    heading.className = "flex items-center gap-1.5";
-    const title = document2.createElement("label");
-    title.htmlFor = input.controlId;
-    title.className = "cursor-pointer text-[13px] leading-5 font-medium text-settings-text";
-    title.textContent = input.title;
-    heading.append(title);
-    if (input.help) heading.append(createHelpTooltip(document2, input.help.label, input.help.lines));
-    const description = document2.createElement("div");
-    description.id = preferenceId("preference-description");
-    description.className = "text-xs leading-[18px] text-settings-muted data-[invalid=true]:text-settings-danger";
-    description.textContent = input.description;
-    copy.append(heading, description);
-    item.append(copy);
-    return { item, description };
-  }
-  function createHelpTooltip(document2, label, lines) {
-    const wrapper = document2.createElement("span");
-    wrapper.className = "group relative inline-flex";
-    const button2 = document2.createElement("button");
-    button2.type = "button";
-    button2.className = "inline-flex size-4 cursor-help items-center justify-center rounded-full border-0 bg-transparent p-0 text-settings-subtle transition-colors hover:text-settings-text focus-visible:text-settings-text focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-settings-focus";
-    button2.setAttribute("aria-label", label);
-    button2.append(createRendererSettingsIcon("help", 14));
-    const tooltip = document2.createElement("div");
-    tooltip.id = preferenceId("preference-tooltip");
-    tooltip.setAttribute("role", "tooltip");
-    tooltip.className = "pointer-events-none invisible absolute top-full left-0 z-20 mt-2 w-80 rounded-lg border border-settings-border bg-settings-panel px-3 py-2.5 text-xs leading-[18px] font-normal text-settings-text opacity-0 shadow-[0_10px_30px_rgb(0_0_0/0.22)] transition-opacity duration-150 group-hover:visible group-hover:opacity-100 group-focus-within:visible group-focus-within:opacity-100";
-    const list = document2.createElement("ul");
-    list.className = "m-0 grid list-disc gap-1 pl-4 marker:text-settings-subtle";
-    for (const line of lines) {
-      const item = document2.createElement("li");
-      item.textContent = line;
-      list.append(item);
-    }
-    tooltip.append(list);
-    button2.setAttribute("aria-describedby", tooltip.id);
-    button2.addEventListener("keydown", (event) => {
-      if (event.key === "Escape") button2.blur();
-    });
-    wrapper.append(button2, tooltip);
-    return wrapper;
-  }
-  function createPreferenceSwitch(document2, id, describedBy) {
-    const input = document2.createElement("input");
-    input.type = "checkbox";
-    input.id = id;
-    input.setAttribute("role", "switch");
-    input.setAttribute("aria-describedby", describedBy);
-    input.className = "relative m-0 h-5 w-9 shrink-0 cursor-pointer appearance-none rounded-full bg-settings-surface-hover ring-1 ring-settings-border transition-colors ring-inset before:absolute before:top-0.5 before:left-0.5 before:size-4 before:rounded-full before:bg-white before:shadow-[0_1px_2px_rgb(0_0_0/0.3)] before:transition-transform checked:bg-settings-focus checked:ring-transparent checked:before:translate-x-4 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-settings-focus";
-    return input;
-  }
-  function createNumberField(document2, input) {
-    const field = document2.createElement("div");
-    field.className = "flex h-8 shrink-0 items-center gap-1.5 rounded-md border border-settings-border bg-settings-surface px-2.5 transition-colors focus-within:border-settings-focus data-[invalid=true]:border-settings-danger";
-    const control = document2.createElement("input");
-    control.type = "number";
-    control.id = input.id;
-    control.min = String(input.min);
-    control.max = String(input.max);
-    control.step = "1";
-    control.setAttribute("aria-describedby", input.describedBy);
-    control.className = "w-14 border-0 bg-transparent p-0 text-right text-[13px] leading-5 text-settings-text tabular-nums outline-none";
-    const unit = document2.createElement("span");
-    unit.className = "text-xs text-settings-muted";
-    unit.setAttribute("aria-hidden", "true");
-    unit.textContent = input.unit;
-    field.append(control, unit);
-    return { field, control };
+      }
+    }
+    service.append(copy, serviceActions);
+    card.append(service);
+    return card;
   }
 
   // src/settings/remote-connections-dialogs.ts
@@ -24984,6 +25740,144 @@ ${detail}` : ""}`
     return section;
   }
 
+  // src/settings/grok-computer-use-controls.ts
+  function createGrokComputerUseControls(document2, messages, settings) {
+    const section = document2.createElement("section");
+    section.className = "settings-grok-computer-use";
+    section.dataset.grokComputerUse = "true";
+    const header = document2.createElement("div");
+    header.className = "settings-grok-computer-use__header";
+    const copy = document2.createElement("div");
+    copy.className = "settings-grok-computer-use__copy";
+    const title = document2.createElement("h3");
+    title.className = "settings-grok-computer-use__title";
+    title.id = "grok-computer-use-title";
+    title.textContent = messages.grokComputerUseTitle;
+    const description = document2.createElement("p");
+    description.className = "settings-grok-computer-use__description";
+    description.id = "grok-computer-use-description";
+    description.textContent = messages.grokComputerUseDescription;
+    copy.append(title, description);
+    const input = createPreferenceSwitch(
+      document2,
+      "grok-computer-use-enabled",
+      "grok-computer-use-description grok-computer-use-help grok-computer-use-status"
+    );
+    input.setAttribute("aria-labelledby", title.id);
+    input.setAttribute("aria-label", messages.grokComputerUseLabel);
+    header.append(copy, input);
+    const help = document2.createElement("p");
+    help.className = "settings-grok-computer-use__help";
+    help.id = "grok-computer-use-help";
+    help.textContent = messages.grokComputerUseHelp;
+    const status = document2.createElement("p");
+    status.className = "settings-grok-computer-use__status";
+    status.id = "grok-computer-use-status";
+    status.setAttribute("role", "status");
+    status.setAttribute("aria-live", "polite");
+    const browserHeader = document2.createElement("div");
+    browserHeader.className = "settings-grok-computer-use__header settings-grok-computer-use__browser";
+    const browserCopy = document2.createElement("div");
+    browserCopy.className = "settings-grok-computer-use__copy";
+    const browserTitle = document2.createElement("h3");
+    browserTitle.className = "settings-grok-computer-use__title";
+    browserTitle.id = "grok-browser-title";
+    browserTitle.textContent = messages.grokBrowserTitle;
+    const browserDescription = document2.createElement("p");
+    browserDescription.className = "settings-grok-computer-use__description";
+    browserDescription.id = "grok-browser-description";
+    browserDescription.textContent = messages.grokBrowserDescription;
+    browserCopy.append(browserTitle, browserDescription);
+    const browserInput = createPreferenceSwitch(
+      document2,
+      "grok-browser-enabled",
+      "grok-browser-description grok-browser-help grok-browser-status"
+    );
+    browserInput.setAttribute("aria-labelledby", browserTitle.id);
+    browserInput.setAttribute("aria-label", messages.grokBrowserLabel);
+    browserHeader.append(browserCopy, browserInput);
+    const browserHelp = document2.createElement("p");
+    browserHelp.className = "settings-grok-computer-use__help";
+    browserHelp.id = "grok-browser-help";
+    browserHelp.textContent = messages.grokBrowserHelp;
+    const browserStatus = document2.createElement("p");
+    browserStatus.className = "settings-grok-computer-use__status";
+    browserStatus.id = "grok-browser-status";
+    browserStatus.setAttribute("role", "status");
+    browserStatus.setAttribute("aria-live", "polite");
+    section.append(header, help, status, browserHeader, browserHelp, browserStatus);
+    let busy = true;
+    let loaded = false;
+    let last;
+    const show = (value) => {
+      last = value;
+      input.checked = value.enabled;
+      input.disabled = busy || !loaded || !value.available && !value.enabled;
+      const browserOn = value.browser === true;
+      const browserFiles = value.browserFilesPresent === true;
+      browserInput.checked = browserOn;
+      browserInput.disabled = busy || !loaded || !browserFiles && !browserOn;
+      if (!browserFiles) {
+        browserStatus.dataset.state = "unavailable";
+        browserStatus.textContent = value.browserUnavailableReason ?? messages.grokBrowserUnavailable;
+      } else if (value.browserAvailable !== true) {
+        browserStatus.dataset.state = browserOn ? "unavailable" : "off";
+        browserStatus.textContent = browserOn ? value.browserUnavailableReason ?? messages.grokBrowserBlocked : messages.grokBrowserOff;
+      } else {
+        browserStatus.dataset.state = browserOn ? "on" : "off";
+        browserStatus.textContent = browserOn ? messages.grokBrowserOn : messages.grokBrowserOff;
+      }
+      if (value.applyFailed) {
+        status.dataset.state = "unavailable";
+        status.textContent = value.applyError ?? messages.grokComputerUseApplyFailed;
+        return;
+      }
+      if (!value.available) {
+        status.dataset.state = "unavailable";
+        status.textContent = value.unavailableReason ?? messages.grokComputerUseUnavailable;
+        return;
+      }
+      status.dataset.state = value.enabled ? "on" : "off";
+      status.textContent = value.enabled ? messages.grokComputerUseOn : messages.grokComputerUseOff;
+    };
+    const save = (update, target) => {
+      if (busy || !loaded) return;
+      busy = true;
+      input.disabled = true;
+      browserInput.disabled = true;
+      target.textContent = messages.grokComputerUseSaving;
+      void settings.set(update).then((value) => {
+        busy = false;
+        show(value);
+      }).catch(() => {
+        busy = false;
+        if (last) show(last);
+        else {
+          input.disabled = false;
+          browserInput.disabled = false;
+        }
+        target.textContent = messages.grokComputerUseSaveError;
+      });
+    };
+    input.addEventListener("change", () => save({ enabled: input.checked }, status));
+    browserInput.addEventListener(
+      "change",
+      () => save({ browser: browserInput.checked }, browserStatus)
+    );
+    status.textContent = messages.grokComputerUseLoading;
+    browserStatus.textContent = messages.grokBrowserOff;
+    void settings.get().then((value) => {
+      loaded = true;
+      busy = false;
+      show(value);
+    }).catch(() => {
+      busy = false;
+      status.textContent = messages.grokComputerUseLoadError;
+      browserStatus.textContent = messages.grokComputerUseLoadError;
+    });
+    return section;
+  }
+
   // src/settings/harness-installation-guides.ts
   function harnessHasInstallCommands(plugin) {
     return (plugin?.installation?.commands.length ?? 0) > 0;
@@ -25135,7 +26029,7 @@ ${detail}` : ""}`
   }
 
   // src/settings/harness-version-panel.ts
-  function createHarnessVersionPanel(document2, messages, signal, agent, client) {
+  function createHarnessVersionPanel(document2, messages, signal, agent, client, onChange = () => void 0) {
     const panel = document2.createElement("section");
     panel.className = "settings-harness-version";
     panel.dataset.harnessVersion = agent;
@@ -25161,6 +26055,7 @@ ${detail}` : ""}`
     panel.append(heading, versions, status, actions, note);
     let state;
     let busy = false;
+    let updating = false;
     let unsupported = false;
     const render = () => {
       current.textContent = `${messages.harnessVersionCurrent}: ${state?.currentVersion ?? "\u2014"}`;
@@ -25174,6 +26069,8 @@ ${detail}` : ""}`
       if (busy || unsupported || signal.aborted) return;
       if (action === "update" && (!state?.canUpdate || !state.updateAvailable)) return;
       busy = true;
+      updating = action === "update";
+      onChange();
       status.textContent = action === "check" ? messages.harnessVersionChecking : messages.harnessVersionUpdating;
       render();
       try {
@@ -25188,7 +26085,11 @@ ${detail}` : ""}`
         if (state) state = { ...state, canUpdate: false };
       } finally {
         busy = false;
-        if (!signal.aborted) render();
+        updating = false;
+        if (!signal.aborted) {
+          render();
+          onChange();
+        }
       }
     };
     update.addEventListener("click", () => void run("update"));
@@ -25218,7 +26119,43 @@ ${detail}` : ""}`
     } else {
       void run("check");
     }
-    return panel;
+    return {
+      element: panel,
+      get state() {
+        return state;
+      },
+      get updating() {
+        return updating;
+      },
+      update: () => void run("update")
+    };
+  }
+
+  // src/settings/connection-versions.ts
+  function createConnectionVersions(document2, messages, signal, diagnostics, onChange) {
+    const panels = /* @__PURE__ */ new Map();
+    const installation = diagnostics?.installation?.bind(diagnostics);
+    return {
+      get(hostId2, agent) {
+        if (!installation || signal.aborted) return void 0;
+        const key = JSON.stringify([hostId2, agent]);
+        let panel = panels.get(key);
+        if (!panel) {
+          panel = createHarnessVersionPanel(
+            document2,
+            messages,
+            signal,
+            agent,
+            {
+              run: (action) => installation(hostId2, agent, action)
+            },
+            onChange
+          );
+          panels.set(key, panel);
+        }
+        return panel;
+      }
+    };
   }
 
   // src/settings/connections-page.ts
@@ -25386,6 +26323,14 @@ ${error51.stderrTail}`] : []
     status.dataset.connectionTone = connectionStatusTone(item.availability, item.error !== null);
     status.setAttribute("role", "cell");
     status.textContent = item.error?.code === "authenticationRequired" ? messages.connectionLoginRequired : item.error?.code === "configurationRequired" ? messages.connectionConfigurationRequired : connectionStatusLabel(item.availability, messages, item.error !== null);
+    const version2 = item.version;
+    if (version2?.state?.updateAvailable && !version2.updating) {
+      const available = document2.createElement("span");
+      available.className = "settings-connection-version-available";
+      available.textContent = `${messages.harnessVersionAvailable}: ${harnessVersionLabel(version2.state, messages.harnessVersion)}`;
+      available.title = `${messages.harnessVersionCurrent}: ${version2.state.currentVersion ?? "\u2014"}`;
+      status.append(available);
+    }
     const action = document2.createElement("div");
     action.className = "settings-connection-row__action";
     action.setAttribute("role", "cell");
@@ -25415,6 +26360,23 @@ ${error51.stderrTail}`] : []
       });
       action.append(viewError);
     }
+    if (version2?.state?.updateAvailable && version2.state.canUpdate) {
+      const update = document2.createElement("button");
+      update.type = "button";
+      update.className = "settings-connection-install-link";
+      update.dataset.connectionAction = "update";
+      update.disabled = version2.updating;
+      update.title = messages.harnessVersionUpdate;
+      update.setAttribute("aria-label", `${messages.harnessVersionUpdate}: ${item.name}`);
+      update.append(createRendererSettingsIcon("download", 17));
+      update.addEventListener("click", (event) => {
+        event.stopPropagation();
+        if (update.disabled) return;
+        version2.update();
+        select();
+      });
+      action.append(update);
+    }
     if (group) {
       const toggle = document2.createElement("button");
       toggle.type = "button";
@@ -25612,6 +26574,16 @@ ${error51.stderrTail}`] : []
       });
       body.append(launchControls);
     }
+    const getGrokComputerUse = diagnostics?.getGrokComputerUse?.bind(diagnostics);
+    const setGrokComputerUse = diagnostics?.setGrokComputerUse?.bind(diagnostics);
+    if (hostId2 === "local" && agent === "grok" && getGrokComputerUse && setGrokComputerUse) {
+      body.append(
+        createGrokComputerUseControls(document2, messages, {
+          get: () => getGrokComputerUse(hostId2),
+          set: (update) => setGrokComputerUse(hostId2, update)
+        })
+      );
+    }
     inspector.append(body);
     return launchControls;
   }
@@ -25703,8 +26675,6 @@ ${error51.stderrTail}`] : []
         let selectedHostId = null;
         let selectedItemKey = null;
         let launchControls = null;
-        const versionPanels = /* @__PURE__ */ new Map();
-        const updatingVersions = /* @__PURE__ */ new Set();
         const hostNames = /* @__PURE__ */ new Map();
         let latestSnapshot = null;
         let disposeHostScroller = () => void 0;
@@ -25733,6 +26703,13 @@ ${error51.stderrTail}`] : []
           renderFrame = null;
         };
         const diagnostics = getDiagnostics();
+        const versions = createConnectionVersions(
+          document2,
+          messages,
+          context.signal,
+          diagnostics,
+          scheduleRender
+        );
         const installs = diagnostics ? harnessInstallStore(diagnostics) : null;
         const runRefresh = () => {
           if (pending || !diagnostics) return;
@@ -25869,10 +26846,13 @@ ${error51.stderrTail}`] : []
               const agent = item.agentSnapshot?.agent;
               if (!agent) return item;
               const state = installs?.get(selectedHost.hostId, agent);
+              const availability = state?.status ?? item.availability;
+              const version2 = item.agentSnapshot?.availability !== "notInstalled" && availability !== "installing" && availability !== "checking" ? versions.get(selectedHost.hostId, agent) : void 0;
               return {
                 ...item,
                 ...state ? { availability: state.status } : {},
-                ...updatingVersions.has(JSON.stringify([selectedHost.hostId, agent])) ? { availability: "updating" } : {},
+                ...version2 ? { version: version2 } : {},
+                ...version2?.updating ? { availability: "updating" } : {},
                 ...state?.error ? { installError: state.error } : {},
                 ...diagnostics?.installation && harnessHasInstallCommands(item.agentSnapshot?.plugin) ? {
                   install: () => {
@@ -25909,30 +26889,7 @@ ${error51.stderrTail}`] : []
               runRefresh
             );
             launchControls = { hostId: selectedHost.hostId, itemKey: item.key, element };
-            const agent = item.agentSnapshot?.agent;
-            const installation = diagnostics?.installation?.bind(diagnostics);
-            if (agent && item.agentSnapshot?.availability !== "notInstalled" && item.availability !== "installing" && item.availability !== "checking" && installation) {
-              const key = JSON.stringify([selectedHost.hostId, agent]);
-              let panel = versionPanels.get(key);
-              if (!panel) {
-                const hostId2 = selectedHost.hostId;
-                panel = createHarnessVersionPanel(document2, messages, context.signal, agent, {
-                  async run(action) {
-                    if (action !== "update") return installation(hostId2, agent, action);
-                    updatingVersions.add(key);
-                    if (diagnostics) render(diagnostics.snapshot());
-                    try {
-                      return await installation(hostId2, agent, action);
-                    } finally {
-                      updatingVersions.delete(key);
-                      if (!context.signal.aborted && diagnostics) render(diagnostics.snapshot());
-                    }
-                  }
-                });
-                versionPanels.set(key, panel);
-              }
-              inspector.append(panel);
-            }
+            if (item.version) inspector.append(item.version.element);
           };
           const pinnedItem = items.find((item) => item.key === "renderer-adapter");
           if (pinnedItem) {
@@ -26752,45 +27709,6 @@ ${error51.stderrTail}`] : []
     });
   }
 
-  // src/renderer-cpa-live-voice-preference.ts
-  var CPA_LIVE_VOICE_STORAGE_KEY = "codexhost.cpa-live-voice.v1";
-  var CPA_LIVE_VOICE_CHANGE_EVENT = "codexhost:cpa-live-voice-changed";
-  function readCpaLiveVoicePreference(owner) {
-    try {
-      return owner.localStorage.getItem(CPA_LIVE_VOICE_STORAGE_KEY) !== "0";
-    } catch {
-      return true;
-    }
-  }
-  function writeCpaLiveVoicePreference(owner, enabled) {
-    try {
-      owner.localStorage.setItem(CPA_LIVE_VOICE_STORAGE_KEY, enabled ? "1" : "0");
-    } catch {
-      return false;
-    }
-    owner.dispatchEvent(new Event(CPA_LIVE_VOICE_CHANGE_EVENT));
-    return true;
-  }
-
-  // src/renderer-cpa-live-voice-hook.ts
-  var CPA_LIVE_VOICE_HOOK_GLOBAL = "__codexhostCpaLiveVoiceHookV1";
-  function isRecord3(value) {
-    return typeof value === "object" && value !== null;
-  }
-  function readCpaLiveVoiceHookConfig(globalObject) {
-    const value = globalObject[CPA_LIVE_VOICE_HOOK_GLOBAL];
-    if (!isRecord3(value) || value.enabled !== true) return null;
-    if (typeof value.auditedDesktopVersion !== "string" || typeof value.auditedAppInitialAsset !== "string") {
-      return null;
-    }
-    return {
-      enabled: true,
-      auditedDesktopVersion: value.auditedDesktopVersion,
-      auditedAppInitialAsset: value.auditedAppInitialAsset,
-      ...typeof value.desktopVersion === "string" ? { desktopVersion: value.desktopVersion } : {}
-    };
-  }
-
   // src/renderer-codex-usage-banner-preference.ts
   var CODEX_USAGE_BANNER_STORAGE_KEY = "codexhost.codex-usage-banner-hidden.v1";
   var CODEX_USAGE_BANNER_CHANGE_EVENT = "codexhost:codex-usage-banner-changed";
@@ -27103,31 +28021,6 @@ ${error51.stderrTail}`] : []
         ownerWindow.addEventListener(CODEX_USAGE_BANNER_CHANGE_EVENT, syncUsageBanner);
         usageBannerRow.item.append(usageBanner);
         card.append(usageBannerRow.item);
-        const liveVoiceId = preferenceId("cpa-live-voice");
-        const liveVoiceRow = createPreferenceItem(document2, {
-          title: messages.cpaLiveVoiceTitle,
-          description: messages.cpaLiveVoiceDescription,
-          controlId: liveVoiceId,
-          help: { label: messages.cpaLiveVoiceHelpLabel, lines: messages.cpaLiveVoiceHelp }
-        });
-        const liveVoice = createPreferenceSwitch(document2, liveVoiceId, liveVoiceRow.description.id);
-        liveVoice.checked = readCpaLiveVoicePreference(ownerWindow);
-        liveVoice.addEventListener("change", () => {
-          writeCpaLiveVoicePreference(ownerWindow, liveVoice.checked);
-        });
-        const syncLiveVoice = () => {
-          liveVoice.checked = readCpaLiveVoicePreference(ownerWindow);
-        };
-        ownerWindow.addEventListener(CPA_LIVE_VOICE_CHANGE_EVENT, syncLiveVoice);
-        liveVoiceRow.item.append(liveVoice);
-        if (!readCpaLiveVoiceHookConfig(ownerWindow)) {
-          const warning = document2.createElement("div");
-          warning.className = "text-xs leading-[18px] text-settings-warning";
-          warning.setAttribute("role", "status");
-          warning.textContent = messages.cpaLiveVoiceRestartRequired;
-          liveVoiceRow.description.after(warning);
-        }
-        card.append(liveVoiceRow.item);
         const softWrapId = preferenceId("reasoning-soft-wrap");
         const row = createPreferenceItem(document2, {
           title: messages.reasoningSoftWrapTitle,
@@ -27153,7 +28046,6 @@ ${error51.stderrTail}`] : []
         );
         return () => {
           ownerWindow.removeEventListener(CODEX_USAGE_BANNER_CHANGE_EVENT, syncUsageBanner);
-          ownerWindow.removeEventListener(CPA_LIVE_VOICE_CHANGE_EVENT, syncLiveVoice);
           ownerWindow.removeEventListener(REASONING_SOFT_WRAP_CHANGE_EVENT, sync);
           disposeIdleRelease();
         };
@@ -29326,7 +30218,7 @@ ${error51.stderrTail}`] : []
       }
     });
   }
-  function createDefaultRendererSettingsPages(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null, getDiagnostics = () => null, getAccountClient = () => null, getSessionImportClient = () => null, openImportedThread = () => Promise.reject(new Error("Imported Thread navigation is unavailable")), getLoadedSessionsClient = () => null, getRemoteConnections = () => null, requestUsageStatistics = () => Promise.reject(new Error("Local Host connection is unavailable"))) {
+  function createDefaultRendererSettingsPages(messages = DEFAULT_RENDERER_SETTINGS_MESSAGES, getUpdateClient = () => null, getDiagnostics = () => null, getAccountClient = () => null, getSessionImportClient = () => null, openImportedThread = () => Promise.reject(new Error("Imported Thread navigation is unavailable")), getLoadedSessionsClient = () => null, getRemoteConnections = () => null, requestUsageStatistics = () => Promise.reject(new Error("Local Host connection is unavailable")), requestVoiceSettings = () => Promise.reject(new Error("Local Host connection is unavailable"))) {
     return Object.freeze([
       createConnectionsSettingsPage(messages, getDiagnostics, void 0, getRemoteConnections),
       createRemoteConnectionsPage(messages, getRemoteConnections),
@@ -29343,6 +30235,7 @@ ${error51.stderrTail}`] : []
         messages.locale
       ),
       createAppearanceSettingsPage(messages, getLoadedSessionsClient),
+      createVoiceSettingsPage(messages.locale, requestVoiceSettings, { desktop: true }),
       updatesPage(messages, getUpdateClient),
       aboutPage(messages, getUpdateClient)
     ]);
@@ -30322,6 +31215,17 @@ ${error51.stderrTail}`] : []
   line-height: 18px;
 }
 
+.settings-connection-row__status:has(.settings-connection-version-available) {
+  flex-wrap: wrap;
+  max-width: 160px;
+}
+
+.settings-connection-version-available {
+  flex-basis: 100%;
+  color: var(--settings-focus);
+  overflow-wrap: anywhere;
+}
+
 .settings-connection-row__status::before {
   width: 6px;
   height: 6px;
@@ -30665,6 +31569,69 @@ ${error51.stderrTail}`] : []
   gap: 8px;
 }
 
+.settings-grok-computer-use {
+  display: grid;
+  gap: 10px;
+  min-width: 0;
+  margin-top: 4px;
+  padding: 12px;
+  background: var(--settings-surface);
+  border: 1px solid var(--settings-divider);
+  border-radius: 12px;
+}
+
+.settings-grok-computer-use__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.settings-grok-computer-use__copy {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+
+.settings-grok-computer-use__title {
+  margin: 0;
+  color: var(--settings-text);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.settings-grok-computer-use__description {
+  margin: 0;
+  color: var(--settings-muted);
+  font-size: 13px;
+  line-height: 18px;
+  overflow-wrap: anywhere;
+}
+
+.settings-grok-computer-use__help,
+.settings-grok-computer-use__status {
+  margin: 0;
+  color: var(--settings-subtle);
+  font-size: 12px;
+  line-height: 16px;
+  overflow-wrap: anywhere;
+}
+
+.settings-grok-computer-use__help {
+  padding-top: 8px;
+  border-top: 1px solid var(--settings-divider);
+}
+
+.settings-grok-computer-use__browser {
+  padding-top: 8px;
+  border-top: 1px solid var(--settings-divider);
+}
+
+.settings-grok-computer-use__status[data-state="on"] {
+  color: var(--settings-success);
+}
+
 .settings-connection-install-callout {
   display: grid;
   grid-template-columns: 28px minmax(0, 1fr);
@@ -31885,10 +32852,114 @@ ${error51.stderrTail}`] : []
     animation: none !important;
   }
 }
+.settings-voice__select {
+  flex: none;
+  width: 190px;
+  max-width: 100%;
+  min-height: 34px;
+  padding: 6px 10px;
+  border: 1px solid var(--settings-border);
+  border-radius: 6px;
+  color: var(--settings-text);
+  background: var(--settings-panel);
+  font: inherit;
+  font-size: 13px;
+}
+
+.settings-voice :disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+.settings-voice__footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 16px;
+  margin-top: 28px;
+  padding-top: 18px;
+  border-top: 1px solid var(--settings-divider);
+  font-size: 13px;
+}
+.settings-voice__health {
+  display: grid;
+  gap: 4px;
+  margin: 8px 12px 12px;
+  color: var(--settings-subtle);
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.settings-voice__health p {
+  margin: 0;
+}
+
+.settings-voice__footer p,
+.settings-voice__hint {
+  margin: 4px 0 0;
+  color: var(--settings-muted);
+  font-size: 12px;
+  line-height: 18px;
+}
+.settings-voice__actions,
+.settings-voice__gateway-actions {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+.settings-voice__gateway-actions {
+  color: var(--settings-muted);
+  font-size: 12px;
+}
+.settings-voice__details {
+  padding: 12px 16px;
+  border-top: 1px solid var(--settings-divider);
+  color: var(--settings-muted);
+  font-size: 12px;
+  line-height: 18px;
+  overflow-wrap: anywhere;
+}
+.settings-voice__confirmation {
+  margin-top: 12px;
+  font-size: 13px;
+  line-height: 20px;
+}
+.settings-voice__confirmation button + button {
+  margin-left: 8px;
+}
+.settings-voice [role="alert"] {
+  color: var(--settings-danger);
+  font-size: 13px;
+  overflow-wrap: anywhere;
+}
+.settings-voice {
+  container-type: inline-size;
+}
+@container (max-width: 620px) {
+  .settings-voice__row {
+    align-items: stretch;
+    flex-direction: column;
+    gap: 10px;
+  }
+  .settings-voice__select {
+    width: 100%;
+  }
+  .settings-voice__row input[role="switch"] {
+    align-self: flex-start;
+  }
+  .settings-voice__footer {
+    align-items: stretch;
+    flex-direction: column;
+  }
+  .settings-voice__actions > button {
+    flex: 1;
+  }
+}
 `;
 
   // src/settings/tailwind.css
-  var tailwind_default = '@layer properties, theme, base, components, utilities;\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-full{top:100%}.left-0{left:0}.z-20{z-index:20}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:var(--spacing)}.ml-\\[45px\\]{margin-left:45px}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.size-1\\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-\\[60px\\]{min-height:60px}.w-9{width:calc(var(--spacing) * 9)}.w-14{width:calc(var(--spacing) * 14)}.w-80{width:calc(var(--spacing) * 80)}.w-full{width:100%}.w-px{width:1px}.max-w-64{max-width:calc(var(--spacing) * 64)}.min-w-0{min-width:0}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-x-auto{overflow-x:auto}.rounded-\\[10px\\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-settings-border{border-color:var(--settings-border)}.border-settings-divider{border-color:var(--settings-divider)}.bg-settings-panel{background-color:var(--settings-panel)}.bg-settings-subtle{background-color:var(--settings-subtle)}.bg-settings-surface{background-color:var(--settings-surface)}.bg-settings-surface-hover{background-color:var(--settings-surface-hover)}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-4{padding:calc(var(--spacing) * 4)}.\\!px-0{padding-inline:0!important}.px-1{padding-inline:var(--spacing)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pl-4{padding-left:calc(var(--spacing) * 4)}.\\!text-right{text-align:right!important}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[11px\\]{font-size:11px}.text-\\[13px\\]{font-size:13px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-settings-muted{color:var(--settings-muted)}.text-settings-subtle{color:var(--settings-subtle)}.text-settings-text{color:var(--settings-text)}.text-settings-warning{color:var(--settings-warning)}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_10px_30px_rgb\\(0_0_0\\/0\\.22\\)\\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-settings-border{--tw-ring-color:var(--settings-border)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.ring-inset{--tw-ring-inset:inset}.group-focus-within\\:visible:is(:where(.group):focus-within *){visibility:visible}.group-focus-within\\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\\[state\\=failed\\]\\/status\\:bg-settings-danger:is(:where(.group\\/status)[data-state=failed] *){background-color:var(--settings-danger)}.group-data-\\[state\\=unavailable\\]\\/status\\:bg-settings-warning:is(:where(.group\\/status)[data-state=unavailable] *){background-color:var(--settings-warning)}.marker\\:text-settings-subtle ::marker{color:var(--settings-subtle)}.marker\\:text-settings-subtle::marker{color:var(--settings-subtle)}.marker\\:text-settings-subtle ::-webkit-details-marker{color:var(--settings-subtle)}.marker\\:text-settings-subtle::-webkit-details-marker{color:var(--settings-subtle)}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:top-0\\.5:before{content:var(--tw-content);top:calc(var(--spacing) * .5)}.before\\:left-0\\.5:before{content:var(--tw-content);left:calc(var(--spacing) * .5)}.before\\:size-4:before{content:var(--tw-content);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.before\\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\\:bg-white:before{content:var(--tw-content);background-color:#fff}.before\\:shadow-\\[0_1px_2px_rgb\\(0_0_0\\/0\\.3\\)\\]:before{content:var(--tw-content);--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.before\\:transition-transform:before{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.first-of-type\\:mt-0:first-of-type{margin-top:0}.checked\\:bg-settings-focus:checked{background-color:var(--settings-focus)}.checked\\:ring-transparent:checked{--tw-ring-color:transparent}.checked\\:before\\:translate-x-4:checked:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.focus-within\\:border-settings-focus:focus-within{border-color:var(--settings-focus)}@media (hover:hover){.hover\\:text-settings-text:hover{color:var(--settings-text)}}.focus-visible\\:text-settings-text:focus-visible{color:var(--settings-text)}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-settings-focus:focus-visible{outline-color:var(--settings-focus)}.data-\\[invalid\\=true\\]\\:border-settings-danger[data-invalid=true]{border-color:var(--settings-danger)}.data-\\[invalid\\=true\\]\\:text-settings-danger[data-invalid=true],.data-\\[state\\=failed\\]\\:text-settings-danger[data-state=failed]{color:var(--settings-danger)}.data-\\[state\\=unavailable\\]\\:text-settings-warning[data-state=unavailable]{color:var(--settings-warning)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@layer properties{\n  *, ::before, ::after, ::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-alpha:100%;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-drop-shadow-alpha:100%;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}\n';
+  var tailwind_default = '@layer properties, theme, base, components, utilities;\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-full{top:100%}.left-0{left:0}.z-20{z-index:20}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:var(--spacing)}.ml-\\[45px\\]{margin-left:45px}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.size-1\\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-\\[60px\\]{min-height:60px}.w-9{width:calc(var(--spacing) * 9)}.w-14{width:calc(var(--spacing) * 14)}.w-80{width:calc(var(--spacing) * 80)}.w-full{width:100%}.w-px{width:1px}.max-w-64{max-width:calc(var(--spacing) * 64)}.min-w-0{min-width:0}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-x-auto{overflow-x:auto}.rounded-\\[10px\\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-settings-border{border-color:var(--settings-border)}.border-settings-divider{border-color:var(--settings-divider)}.bg-settings-panel{background-color:var(--settings-panel)}.bg-settings-subtle{background-color:var(--settings-subtle)}.bg-settings-surface{background-color:var(--settings-surface)}.bg-settings-surface-hover{background-color:var(--settings-surface-hover)}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-4{padding:calc(var(--spacing) * 4)}.\\!px-0{padding-inline:0!important}.px-1{padding-inline:var(--spacing)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pl-4{padding-left:calc(var(--spacing) * 4)}.\\!text-right{text-align:right!important}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[11px\\]{font-size:11px}.text-\\[13px\\]{font-size:13px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-settings-muted{color:var(--settings-muted)}.text-settings-subtle{color:var(--settings-subtle)}.text-settings-text{color:var(--settings-text)}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_10px_30px_rgb\\(0_0_0\\/0\\.22\\)\\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-settings-border{--tw-ring-color:var(--settings-border)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.ring-inset{--tw-ring-inset:inset}.group-focus-within\\:visible:is(:where(.group):focus-within *){visibility:visible}.group-focus-within\\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\\[state\\=failed\\]\\/status\\:bg-settings-danger:is(:where(.group\\/status)[data-state=failed] *){background-color:var(--settings-danger)}.group-data-\\[state\\=unavailable\\]\\/status\\:bg-settings-warning:is(:where(.group\\/status)[data-state=unavailable] *){background-color:var(--settings-warning)}.marker\\:text-settings-subtle ::marker{color:var(--settings-subtle)}.marker\\:text-settings-subtle::marker{color:var(--settings-subtle)}.marker\\:text-settings-subtle ::-webkit-details-marker{color:var(--settings-subtle)}.marker\\:text-settings-subtle::-webkit-details-marker{color:var(--settings-subtle)}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:top-0\\.5:before{content:var(--tw-content);top:calc(var(--spacing) * .5)}.before\\:left-0\\.5:before{content:var(--tw-content);left:calc(var(--spacing) * .5)}.before\\:size-4:before{content:var(--tw-content);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.before\\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\\:bg-white:before{content:var(--tw-content);background-color:#fff}.before\\:shadow-\\[0_1px_2px_rgb\\(0_0_0\\/0\\.3\\)\\]:before{content:var(--tw-content);--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.before\\:transition-transform:before{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.first\\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.first-of-type\\:mt-0:first-of-type{margin-top:0}.checked\\:bg-settings-focus:checked{background-color:var(--settings-focus)}.checked\\:ring-transparent:checked{--tw-ring-color:transparent}.checked\\:before\\:translate-x-4:checked:before{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.focus-within\\:border-settings-focus:focus-within{border-color:var(--settings-focus)}@media (hover:hover){.hover\\:text-settings-text:hover{color:var(--settings-text)}}.focus-visible\\:text-settings-text:focus-visible{color:var(--settings-text)}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-settings-focus:focus-visible{outline-color:var(--settings-focus)}.data-\\[invalid\\=true\\]\\:border-settings-danger[data-invalid=true]{border-color:var(--settings-danger)}.data-\\[invalid\\=true\\]\\:text-settings-danger[data-invalid=true],.data-\\[state\\=failed\\]\\:text-settings-danger[data-state=failed]{color:var(--settings-danger)}.data-\\[state\\=unavailable\\]\\:text-settings-warning[data-state=unavailable]{color:var(--settings-warning)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@layer properties{\n  *, ::before, ::after, ::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-alpha:100%;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-drop-shadow-alpha:100%;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}\n';
 
   // src/console/app.ts
   function required2(pages, id) {
@@ -31970,6 +33041,8 @@ ${error51.stderrTail}`] : []
       (method, params) => manager.sendRequest(method, params)
     );
     const navigate = (pageId) => {
+      navigation.classList.remove("is-open");
+      menu.setAttribute("aria-expanded", "false");
       window.location.hash = pageId;
     };
     const sections = [
@@ -31994,6 +33067,11 @@ ${error51.stderrTail}`] : []
           hostPage(required2(settingsPages, "accounts"), messages, state),
           hostPage(required2(settingsPages, "session-import"), messages, state),
           hostPage(required2(settingsPages, "usage-statistics"), messages, state),
+          createVoiceSettingsPage(
+            locale,
+            (input) => consolePost("/api/voice-settings", input, AbortSignal.timeout(1e4)),
+            { id: "live-voice" }
+          ),
           required2(settingsPages, "updates")
         ]
       },
@@ -32076,6 +33154,32 @@ ${console_default}`
       createRendererSettingsIcon("alert", 16),
       h(document2, "span", {}, `${messages.consoleOffline} \xB7 ${messages.consoleOfflineBody}`)
     );
+    const menu = h(
+      document2,
+      "button",
+      {
+        type: "button",
+        className: "console-menu-button settings-command-button settings-command-button--secondary",
+        "aria-label": settingsMessages.sectionsLabel,
+        "aria-expanded": "false",
+        "aria-controls": "console-navigation"
+      },
+      "\u2630"
+    );
+    navigation.id = "console-navigation";
+    menu.addEventListener("click", () => {
+      const open = menu.getAttribute("aria-expanded") !== "true";
+      menu.setAttribute("aria-expanded", String(open));
+      navigation.classList.toggle("is-open", open);
+    });
+    navigation.addEventListener("keydown", (event) => {
+      if (event.key === "Escape") {
+        navigation.classList.remove("is-open");
+        menu.setAttribute("aria-expanded", "false");
+        menu.focus();
+      }
+    });
+    brand.append(menu);
     shadow.append(
       h(
         document2,
@@ -32111,6 +33215,8 @@ ${console_default}`
       const pageId = pages.has(requested) ? requested : "overview";
       if (pageId === activeId) return;
       activeId = pageId;
+      navigation.classList.remove("is-open");
+      menu.setAttribute("aria-expanded", "false");
       scope?.dispose();
       try {
         cleanup?.();