@karlorz/codexhost-cli-darwin-x64 0.13.3-6 → 0.14.0-0

package/app/console-web.js

@@ -14768,10 +14768,19 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var project = external_exports.string().min(1).max(4096);
   var usageStatisticsParamsSchema = external_exports.strictObject({
     range: external_exports.enum(USAGE_STATISTICS_RANGES),
+    /** Display timezone for ranges, dates and hourly buckets; omitted means the Host's local zone. */
+    timeZone: external_exports.string().min(1).max(128).refine((value) => {
+      try {
+        new Intl.DateTimeFormat("en", { timeZone: value });
+        return true;
+      } catch {
+        return false;
+      }
+    }, "Unsupported usage statistics timezone").optional(),
     harness: harness.optional(),
     model: model.nullable().optional(),
     project: project.nullable().optional(),
-    /** One local date inside the range. */
+    /** One date in the query timezone inside the range. */
     date: localDate.optional()
   });
   var usageStatisticsTotalsSchema = external_exports.strictObject({
@@ -14807,7 +14816,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   });
   var usageStatisticsResultSchema = external_exports.strictObject({
     range: external_exports.enum(USAGE_STATISTICS_RANGES),
-    /** First local date of the range; null for all time. */
+    /** First date in the query timezone (Host local when omitted); null for all time. */
     from: localDate.nullable(),
     to: localDate,
     /** The filters these figures apply, echoed so a late answer to older filters is recognised. */
@@ -14847,7 +14856,7 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     totals: usageStatisticsTotalsSchema,
     /** Each date and Harness of the range: every filter except the day. */
     daily: external_exports.array(external_exports.strictObject({ date: localDate, harness, ...totals })).max(2e5),
-    /** Local weekday (0 = Sunday) and hour, all filters applied. */
+    /** Weekday (0 = Sunday) and hour in the query timezone, all filters applied. */
     hourly: external_exports.array(external_exports.strictObject({
       weekday: external_exports.number().int().min(0).max(6),
       hour: external_exports.number().int().min(0).max(23),
@@ -14939,8 +14948,12 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     "codexhost/harness/display-settings/set",
     "codexhost/harness/inspect",
     "codexhost/harness/installation",
+    "codexhost/harness/installation/start",
+    "codexhost/harness/installation/status",
     "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",
@@ -15016,7 +15029,18 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   var nonNegativeSafeIntegerSchema = external_exports.number().int().safe().nonnegative();
   var finiteNonNegativeNumberSchema = external_exports.number().finite().nonnegative();
   var cacheHitRatePercentSchema = external_exports.number().finite().min(0).max(100);
+  var indicatorTextSchema = (maximum) => harnessLocalizedTextSchema.refine((entries) => Object.values(entries).every((text) => text.length <= maximum));
+  var composerIndicatorsSchema = external_exports.array(external_exports.object({
+    kind: external_exports.literal("countdown"),
+    id: external_exports.string().min(1).max(64),
+    expiresAtUnix: nonNegativeSafeIntegerSchema,
+    label: indicatorTextSchema(256).optional(),
+    tooltip: indicatorTextSchema(1024).optional()
+  }).strict()).max(2).refine((entries) => new Set(entries.map(({ id }) => id)).size === entries.length, {
+    message: "Composer indicator IDs must be unique"
+  });
   var threadUsageSnapshotSchema = external_exports.object({
+    composerIndicators: composerIndicatorsSchema.optional(),
     inputTokens: nonNegativeSafeIntegerSchema.optional(),
     cachedInputTokens: nonNegativeSafeIntegerSchema.optional(),
     cacheWriteInputTokens: nonNegativeSafeIntegerSchema.optional(),
@@ -15424,7 +15448,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     }).strict().optional(),
     autonomousTurns: external_exports.object({
       observe: external_exports.boolean()
-    }).strict().optional()
+    }).strict().optional(),
+    /** True only when `turn.steer` delivers input into the active Turn through a native primitive. */
+    steer: external_exports.boolean().optional()
   }).strict();
   var harnessConfigurationStateSchema = external_exports.object({
     effectiveModel: harnessModelRefSchema.optional(),
@@ -15472,7 +15498,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
@@ -15555,6 +15583,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       seen.add(thread.threadId);
     }
   });
+  var threadSteeringInspectParamsSchema = external_exports.object({
+    threadId: hostThreadIdSchema,
+    /** The text about to be steered; a Harness command always stops and restarts. */
+    text: external_exports.string().optional()
+  }).strict();
+  var threadSteerDeliverySchema = external_exports.enum(["activeTurn", "newTurn"]);
+  var threadSteeringInspectResultSchema = external_exports.object({
+    delivery: external_exports.enum(["official", "activeTurn", "newTurn"])
+  }).strict();
 
   // ../shared-contracts/dist/harness-plugins.js
   var HARNESS_PLUGIN_MANIFEST_MAX_BYTES = 32 * 1024;
@@ -15648,8 +15685,31 @@ 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 HARNESS_INSTALLATION_START_METHOD = "codexhost/harness/installation/start";
+  var HARNESS_INSTALLATION_STATUS_METHOD = "codexhost/harness/installation/status";
   var harnessInstallationParamsSchema = external_exports.object({
     harnessId: harnessIdSchema,
     action: external_exports.enum(["check", "update", "install"])
@@ -15659,6 +15719,10 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     latestVersion: external_exports.string().min(1).max(128),
     updateAvailable: external_exports.boolean(),
     canUpdate: external_exports.boolean(),
+    /** Defaults to CLI; some Harnesses ship only inside a desktop application. */
+    versionKind: external_exports.enum(["cli", "application"]).optional(),
+    /** Official download opened by the user; does not imply an automatic installation. */
+    manualUpdateUrl: external_exports.url().max(2048).refine((value) => /^https:\/\/[^/?#@]+(?:[/?#]|$)/iu.test(value), "Manual updates require a credential-free HTTPS URL").optional(),
     // Adapter-owned diagnostic text; UI uses messageCode rather than displaying it verbatim.
     message: external_exports.string().max(2048).optional(),
     messageCode: external_exports.string().min(1).max(128).optional(),
@@ -15666,6 +15730,20 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
     notice: harnessLocalizedTextSchema.optional(),
     latestVersionKind: external_exports.enum(["unknown", "tracking-branch"]).optional()
   }).strict();
+  var harnessInstallationTaskParamsSchema = external_exports.object({ taskId: external_exports.string().uuid() }).strict();
+  var harnessInstallationTaskSchema = external_exports.discriminatedUnion("status", [
+    external_exports.object({ taskId: external_exports.string().uuid(), status: external_exports.literal("running") }).strict(),
+    external_exports.object({
+      taskId: external_exports.string().uuid(),
+      status: external_exports.literal("succeeded"),
+      result: harnessInstallationStateSchema
+    }).strict(),
+    external_exports.object({
+      taskId: external_exports.string().uuid(),
+      status: external_exports.literal("failed"),
+      error: external_exports.object({ code: external_exports.number().int(), message: external_exports.string().min(1).max(2048) }).strict()
+    }).strict()
+  ]);
 
   // ../shared-contracts/dist/codex-accounts.js
   var accountIdSchema = external_exports.string().min(1).max(256).regex(/^[A-Za-z0-9._~-]+$/u);
@@ -17089,6 +17167,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);
@@ -18376,6 +18462,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",
@@ -18392,6 +18485,8 @@ th[aria-sort] .console-usage-sort__mark {
       harness: "Harness",
       model: "Model",
       project: "Project",
+      host: "Machine",
+      localHost: "This machine",
       filterModel: "Filter by model",
       filterProject: "Filter by project",
       unknownModel: "Unknown model",
@@ -18565,6 +18660,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",
@@ -18581,6 +18683,8 @@ th[aria-sort] .console-usage-sort__mark {
       harness: "Harness",
       model: "\u6A21\u578B",
       project: "\u9879\u76EE",
+      host: "\u673A\u5668",
+      localHost: "\u672C\u673A",
       filterModel: "\u6309\u6A21\u578B\u7B5B\u9009",
       filterProject: "\u6309\u9879\u76EE\u7B5B\u9009",
       unknownModel: "\u672A\u77E5\u6A21\u578B",
@@ -18696,6 +18800,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) {
@@ -18772,6 +18877,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(
@@ -18916,6 +19090,13 @@ 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");
@@ -19046,6 +19227,15 @@ th[aria-sort] .console-usage-sort__mark {
       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.",
@@ -19096,6 +19286,15 @@ th[aria-sort] .console-usage-sort__mark {
       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",
@@ -19295,20 +19494,30 @@ th[aria-sort] .console-usage-sort__mark {
           });
           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,
-              "span",
+              "p",
               {},
-              state.gatewayReady === null ? m.unknown : state.gatewayReady ? m.configured : m.needsSetup
+              `${m.preferencesStatus}: ${state.routesActive === true ? m.preferencesOn : state.routesActive === false ? m.preferencesOff : m.unknown}`
             ),
-            configure
+            h(doc, "p", {}, `${m.hookStatus}: ${hookLabel}`)
           );
-          gateway.item.append(gatewayActions);
-          config2.card.append(gateway.item);
+          config2.card.append(health);
           if (setup) {
             const details = h(
               doc,
@@ -19438,6 +19647,15 @@ th[aria-sort] .console-usage-sort__mark {
       }
     });
   }
+  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) {
@@ -19920,6 +20138,26 @@ th[aria-sort] .console-usage-sort__mark {
     };
   }
 
+  // src/renderer-installation-client.ts
+  async function runRendererInstallation(send, input) {
+    const params = harnessInstallationParamsSchema.parse(input);
+    const options = { priority: "background", timeoutMs: 15e3 };
+    let task = harnessInstallationTaskSchema.parse(
+      await send(HARNESS_INSTALLATION_START_METHOD, params, options)
+    );
+    const taskId = task.taskId;
+    while (task.status === "running") {
+      await new Promise((resolve) => globalThis.setTimeout(resolve, 500));
+      task = harnessInstallationTaskSchema.parse(
+        await send(HARNESS_INSTALLATION_STATUS_METHOD, { taskId }, options)
+      );
+      if (task.taskId !== taskId) throw new Error("Harness installation task identity changed");
+    }
+    if (task.status === "failed")
+      throw Object.assign(new Error(task.error.message), { code: task.error.code });
+    return task.result;
+  }
+
   // src/renderer-request-sender.ts
   var RendererMethodUnavailableError = class extends Error {
     constructor(method, cause) {
@@ -20068,7 +20306,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) => {
@@ -20108,13 +20354,7 @@ th[aria-sort] .console-usage-sort__mark {
     };
     return Object.freeze({
       async installation(input) {
-        return harnessInstallationStateSchema.parse(
-          await manager.sendRequest(
-            HARNESS_INSTALLATION_METHOD,
-            harnessInstallationParamsSchema.parse(input),
-            { priority: "interactive" }
-          )
-        );
+        return runRendererInstallation(manager.sendRequest, input);
       },
       async getHarnessDisplaySettings() {
         return harnessDisplaySettingsSchema.parse(
@@ -20142,6 +20382,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, {}));
       },
@@ -20330,6 +20583,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 {
@@ -21505,6 +21761,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.",
@@ -21513,10 +21789,17 @@ th[aria-sort] .console-usage-sort__mark {
     connectionInstallRunning: "Installing on the selected Host. You can leave this page; login or setup may still be required afterward.",
     harnessVersion: harnessVersionEnglish,
     harnessVersionTitle: "Harness CLI version",
+    harnessVersionApplicationTitle: "Application version",
     harnessVersionCurrent: "Current version",
     harnessVersionLatest: "Latest version",
     harnessVersionChecking: "Checking versions\u2026",
+    harnessVersionAvailable: "Update available",
     harnessVersionUpdate: "Update",
+    harnessVersionDownloadUpdate: "Download update",
+    harnessUpdateAll: "Update all",
+    harnessUpdateAllProgress: "Updating",
+    harnessUpdateAllDescription: "Update all eligible Harnesses on the selected Host.",
+    harnessUpdateAllResult: "Updated {succeeded}; failed {failed}.",
     harnessVersionUpdating: "Updating\u2026",
     harnessVersionUpToDate: "Up to date",
     harnessVersionUpdated: "Update verified. New sessions will use the new version.",
@@ -21787,6 +22070,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",
@@ -21795,10 +22098,17 @@ th[aria-sort] .console-usage-sort__mark {
     connectionInstallRunning: "\u6B63\u5728\u6240\u9009 Host \u4E0A\u5B89\u88C5\uFF0C\u79BB\u5F00\u9875\u9762\u4E0D\u4F1A\u4E2D\u65AD\u3002\u5B89\u88C5\u540E\u53EF\u80FD\u4ECD\u9700\u767B\u5F55\u6216\u914D\u7F6E\u3002",
     harnessVersion: harnessVersionChinese,
     harnessVersionTitle: "Harness CLI \u7248\u672C",
+    harnessVersionApplicationTitle: "\u5E94\u7528\u7248\u672C",
     harnessVersionCurrent: "\u5F53\u524D\u7248\u672C",
     harnessVersionLatest: "\u6700\u65B0\u7248\u672C",
     harnessVersionChecking: "\u6B63\u5728\u68C0\u67E5\u7248\u672C\u2026",
+    harnessVersionAvailable: "\u6709\u66F4\u65B0",
     harnessVersionUpdate: "\u66F4\u65B0",
+    harnessVersionDownloadUpdate: "\u4E0B\u8F7D\u66F4\u65B0",
+    harnessUpdateAll: "\u5168\u90E8\u66F4\u65B0",
+    harnessUpdateAllProgress: "\u66F4\u65B0\u4E2D",
+    harnessUpdateAllDescription: "\u66F4\u65B0\u5F53\u524D Host \u4E0A\u652F\u6301\u81EA\u52A8\u66F4\u65B0\u4E14\u6709\u65B0\u7248\u672C\u7684 Harness\u3002",
+    harnessUpdateAllResult: "\u5DF2\u66F4\u65B0 {succeeded} \u9879\uFF0C{failed} \u9879\u5931\u8D25\u3002",
     harnessVersionUpdating: "\u6B63\u5728\u66F4\u65B0\u2026",
     harnessVersionUpToDate: "\u5DF2\u662F\u6700\u65B0",
     harnessVersionUpdated: "\u5DF2\u786E\u8BA4\u66F4\u65B0\u6210\u529F\uFF0C\u65B0\u4F1A\u8BDD\u5C06\u4F7F\u7528\u65B0\u7248\u672C\u3002",
@@ -21918,6 +22228,34 @@ th[aria-sort] .console-usage-sort__mark {
     return names.size === 1 ? names.values().next().value ?? model2 : model2;
   }
 
+  // src/console/usage/usage-hosts.ts
+  var LOCAL_USAGE_HOST_ID = "local";
+  function usageHostOptions(hosts, localLabel, selected) {
+    const options = [{ key: LOCAL_USAGE_HOST_ID, label: localLabel }];
+    const seen = /* @__PURE__ */ new Set([LOCAL_USAGE_HOST_ID]);
+    const add = (hostId2, label) => {
+      if (hostId2.length === 0 || seen.has(hostId2)) return;
+      seen.add(hostId2);
+      options.push({ key: hostId2, label: label !== void 0 && label.length > 0 ? label : hostId2 });
+    };
+    for (const host of hosts ?? []) add(host.hostId, host.label);
+    if (!seen.has(selected)) add(selected, void 0);
+    return options;
+  }
+  function createLatestKeyGuard() {
+    let generation = 0;
+    let key;
+    return {
+      begin(next) {
+        generation += 1;
+        key = next;
+        const mine = generation;
+        const selected = next;
+        return () => generation === mine && Object.is(key, selected);
+      }
+    };
+  }
+
   // src/renderer-usage-control.ts
   var ENGLISH_USAGE_MESSAGES = Object.freeze({
     usage: "Usage",
@@ -23276,6 +23614,7 @@ th[aria-sort] .console-usage-sort__mark {
       const range = text("range");
       const measure = text("measure");
       const granularity = text("granularity");
+      const hostId2 = text("hostId");
       const harness2 = text("harness");
       const model2 = text("model");
       const project2 = text("project");
@@ -23284,6 +23623,7 @@ th[aria-sort] .console-usage-sort__mark {
         ...range && USAGE_STATISTICS_RANGES.includes(range) ? { range } : {},
         ...measure && MEASURES.includes(measure) ? { measure } : {},
         ...granularity === "day" || granularity === "week" || granularity === "month" ? { granularity } : {},
+        ...hostId2 !== void 0 && hostId2.length > 0 ? { hostId: hostId2 } : {},
         ...harness2 !== void 0 ? { harness: harness2 } : {},
         ...model2 !== void 0 ? { model: model2 } : {},
         ...project2 !== void 0 ? { project: project2 } : {},
@@ -23322,7 +23662,7 @@ th[aria-sort] .console-usage-sort__mark {
     day.setDate(day.getDate() - (day.getDay() + 6) % 7);
     return isoDate(day);
   }
-  function createUsageStatisticsPage(consoleMessages2, request, pageLocale) {
+  function createUsageStatisticsPage(consoleMessages2, request, pageLocale, usageHosts) {
     const messages = consoleMessages2.usageStatistics;
     return Object.freeze({
       id: "usage-statistics",
@@ -23331,10 +23671,12 @@ th[aria-sort] .console-usage-sort__mark {
       mount(context) {
         const document2 = context.content.ownerDocument;
         const locale = pageLocale ?? (document2.documentElement.lang || "en");
+        const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
         const count3 = (value) => count2(value, locale);
         const tokenCount2 = (totals2, value) => tokenCount(totals2, value, locale);
         const saved = readView();
         const view = {
+          hostId: saved.hostId ?? LOCAL_USAGE_HOST_ID,
           range: saved.range ?? "30d",
           measure: saved.measure ?? "cost",
           granularity: saved.granularity ?? null,
@@ -23365,7 +23707,7 @@ th[aria-sort] .console-usage-sort__mark {
         let projectLabel = /* @__PURE__ */ new Map();
         const projectName = (key) => key === UNKNOWN ? messages.unknownProject : projectLabel.get(key) ?? baseName(key);
         const measureLabel = (measure) => measure === "cost" ? messages.cost : messages.tokens;
-        const dateFormat = (options) => new Intl.DateTimeFormat(locale, options);
+        const dateFormat = (options) => new Intl.DateTimeFormat(locale, { ...options, timeZone });
         const shortDate = dateFormat({ month: "short", day: "numeric" });
         const longDate = dateFormat({
           year: "numeric",
@@ -23384,10 +23726,51 @@ th[aria-sort] .console-usage-sort__mark {
         const prices = createModelPricesDialog(
           document2,
           consoleMessages2,
-          request,
+          (method, params2) => request(method, params2, view.hostId),
           context.signal,
           load
         );
+        let offeredHosts = usageHosts ? [] : void 0;
+        const hostCombo = new ComboBox(document2, {
+          label: messages.host,
+          searchLabel: messages.search,
+          emptyLabel: messages.noMatches,
+          signal: context.signal,
+          searchable: false,
+          display: (option) => `${messages.host} \xB7 ${option.label}`,
+          onChange: (key) => {
+            if (key === view.hostId) return;
+            view.hostId = key;
+            view.harness = "";
+            view.model = "";
+            view.project = "";
+            date5 = null;
+            unpricedOnly = false;
+            result = null;
+            error51 = null;
+            loadedAt = 0;
+            names.clear();
+            save();
+            hostOptions();
+            render();
+            void refreshHarnessNames();
+            load();
+          }
+        });
+        const hostOptions = () => {
+          const options = usageHostOptions(offeredHosts, messages.localHost, view.hostId);
+          hostCombo.element.hidden = options.length < 2;
+          hostCombo.update(options, view.hostId === LOCAL_USAGE_HOST_ID ? "" : view.hostId);
+        };
+        const offerHosts = () => {
+          if (!usageHosts) return;
+          void usageHosts().then((hosts) => {
+            if (context.signal.aborted) return;
+            offeredHosts = hosts;
+            hostOptions();
+          }).catch(() => void 0);
+        };
+        hostOptions();
         const updated = h(document2, "span", { className: "console-muted console-usage-updated" });
         const refresh = h(
           document2,
@@ -23400,7 +23783,10 @@ th[aria-sort] .console-usage-sort__mark {
           },
           createRendererSettingsIcon("refresh", 16)
         );
-        refresh.addEventListener("click", () => load());
+        refresh.addEventListener("click", () => {
+          offerHosts();
+          load();
+        });
         const auto = new ComboBox(document2, {
           label: messages.autoRefresh,
           searchLabel: messages.search,
@@ -23439,6 +23825,7 @@ th[aria-sort] .console-usage-sort__mark {
             document2,
             "div",
             { className: "console-usage-toolbar" },
+            hostCombo.element,
             updated,
             refresh,
             auto.element,
@@ -24077,7 +24464,6 @@ ${detail}` : ""}`
         }
         function hourlyPanel(data) {
           const singleDay = data.filters.date !== null || data.range === "today";
-          const zone = Intl.DateTimeFormat().resolvedOptions().timeZone;
           return panel(
             singleDay ? messages.hourlyDay : messages.hourly,
             hourlyChart(document2, {
@@ -24092,7 +24478,7 @@ ${detail}` : ""}`
               weekStartsOnMonday: !locale.startsWith("en"),
               labels: { cost: messages.cost, tokens: messages.tokens }
             }),
-            h(document2, "span", { className: "console-muted console-usage-zone" }, zone)
+            h(document2, "span", { className: "console-muted console-usage-zone" }, timeZone)
           );
         }
         function sessionsPanel(title, rows, tableKey) {
@@ -24239,6 +24625,7 @@ ${detail}` : ""}`
           const project2 = filterValue(view.project);
           return {
             range: view.range,
+            timeZone,
             ...view.harness ? { harness: view.harness } : {},
             ...model2 !== void 0 ? { model: model2 } : {},
             ...project2 !== void 0 ? { project: project2 } : {},
@@ -24251,10 +24638,26 @@ ${detail}` : ""}`
           if (result && !result.reading.complete) poll = window.setTimeout(load, POLL_MS);
           else if (view.autoRefreshMs > 0) poll = window.setTimeout(load, view.autoRefreshMs);
         }
+        const harnessNamesRead = createLatestKeyGuard();
+        async function refreshHarnessNames() {
+          const hostId2 = view.hostId;
+          const isCurrent = harnessNamesRead.begin(hostId2);
+          names.clear();
+          try {
+            const value = await request(HARNESS_PLUGIN_LIST_METHOD2, {}, hostId2);
+            if (!isCurrent()) return;
+            for (const plugin of harnessPluginListResultSchema.parse(value).plugins) {
+              names.set(plugin.id, plugin.name);
+            }
+          } catch {
+            if (!isCurrent()) return;
+          }
+          if (!context.signal.aborted) render();
+        }
         function load() {
           window.clearTimeout(poll);
           const requested = params();
-          void context.runLatest(() => request(USAGE_STATISTICS_METHOD, requested), {
+          void context.runLatest(() => request(USAGE_STATISTICS_METHOD, requested, view.hostId), {
             success(value) {
               const parsed = usageStatisticsResultSchema.safeParse(value);
               if (parsed.success) {
@@ -24279,12 +24682,8 @@ ${detail}` : ""}`
         }
         context.content.replaceChildren(header, prices.element, filters, notices, body);
         render();
-        void request(HARNESS_PLUGIN_LIST_METHOD2, {}).then((value) => {
-          for (const plugin of harnessPluginListResultSchema.parse(value).plugins) {
-            names.set(plugin.id, plugin.name);
-          }
-          if (!context.signal.aborted) render();
-        }).catch(() => void 0);
+        offerHosts();
+        void refreshHarnessNames();
         load();
         return () => {
           window.clearTimeout(poll);
@@ -25512,6 +25911,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;
@@ -25663,7 +26200,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;
@@ -25689,37 +26226,67 @@ ${detail}` : ""}`
     panel.append(heading, versions, status, actions, note);
     let state;
     let busy = false;
+    let updating = false;
     let unsupported = false;
+    let updatePromise = null;
     const render = () => {
+      heading.textContent = state?.versionKind === "application" ? messages.harnessVersionApplicationTitle : messages.harnessVersionTitle;
       current.textContent = `${messages.harnessVersionCurrent}: ${state?.currentVersion ?? "\u2014"}`;
       latest.textContent = `${messages.harnessVersionLatest}: ${harnessVersionLabel(state, messages.harnessVersion)}`;
       update.disabled = busy || signal.aborted || !state?.canUpdate || !state.updateAvailable;
+      const manualUrl = !state?.canUpdate && state?.updateAvailable ? state.manualUpdateUrl : void 0;
+      actions.replaceChildren(update);
+      update.hidden = !busy && !signal.aborted && Boolean(manualUrl);
+      if (update.hidden && manualUrl) {
+        const download2 = document2.createElement("a");
+        download2.className = "settings-command-button settings-command-button--secondary";
+        download2.dataset.harnessVersionAction = "download-update";
+        download2.textContent = messages.harnessVersionDownloadUpdate;
+        download2.href = manualUrl;
+        download2.target = "_blank";
+        download2.rel = "noopener noreferrer";
+        actions.append(download2);
+      }
       update.textContent = state?.canUpdate && state.latestVersion !== "Unknown" && !state.updateAvailable ? messages.harnessVersionUpToDate : messages.harnessVersionUpdate;
       const detail = harnessVersionNote(state, messages.harnessVersion);
-      note.textContent = detail ? `${detail} ${messages.harnessVersionNote}` : messages.harnessVersionNote;
+      note.textContent = detail ? !state?.canUpdate ? detail : `${detail} ${messages.harnessVersionNote}` : messages.harnessVersionNote;
     };
     const run = async (action) => {
-      if (busy || unsupported || signal.aborted) return;
-      if (action === "update" && (!state?.canUpdate || !state.updateAvailable)) return;
+      if (busy || unsupported || signal.aborted) return false;
+      if (action === "update" && (!state?.canUpdate || !state.updateAvailable)) return false;
       busy = true;
+      updating = action === "update";
+      onChange();
       status.textContent = action === "check" ? messages.harnessVersionChecking : messages.harnessVersionUpdating;
       render();
       try {
         const result = await client.run(action);
-        if (signal.aborted) return;
+        if (signal.aborted) return false;
         state = result;
         status.textContent = !result.canUpdate ? messages.harnessVersionManual : action === "update" ? result.updateAvailable ? messages.harnessVersionFailed : messages.harnessVersionUpdated : "";
+        return result.canUpdate && !result.updateAvailable;
       } catch (error51) {
-        if (signal.aborted) return;
+        if (signal.aborted) return false;
         unsupported = typeof error51 === "object" && error51 !== null && "code" in error51 && (error51.code === -32601 || error51.code === -32078);
         status.textContent = unsupported ? messages.harnessVersionUnsupported : messages.harnessVersionFailed;
         if (state) state = { ...state, canUpdate: false };
+        return false;
       } finally {
         busy = false;
-        if (!signal.aborted) render();
+        updating = false;
+        if (!signal.aborted) {
+          render();
+          onChange();
+        }
       }
     };
-    update.addEventListener("click", () => void run("update"));
+    const updateVersion = () => {
+      updatePromise ??= run("update").finally(() => {
+        updatePromise = null;
+      });
+      return updatePromise;
+    };
+    update.addEventListener("click", () => void updateVersion());
     const owner = document2.defaultView;
     let checkFrame = null;
     let checkTimer = null;
@@ -25746,7 +26313,95 @@ ${detail}` : ""}`
     } else {
       void run("check");
     }
-    return panel;
+    return {
+      element: panel,
+      get state() {
+        return state;
+      },
+      get updating() {
+        return updating;
+      },
+      update: updateVersion
+    };
+  }
+
+  // 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/connection-updates.ts
+  function createConnectionUpdates(document2, messages, signal, onChange) {
+    const batches = /* @__PURE__ */ new Map();
+    const eligible = (panels) => panels.filter((panel) => panel.state?.updateAvailable && panel.state.canUpdate);
+    const start = async (hostId2, panels) => {
+      if (signal.aborted || batches.get(hostId2)?.running) return;
+      const targets = eligible(panels);
+      if (!targets.length) return;
+      const batch = { running: true, total: targets.length, succeeded: 0, failed: 0 };
+      batches.set(hostId2, batch);
+      onChange();
+      await Promise.all(
+        targets.map(async (panel) => {
+          try {
+            if (await panel.update()) batch.succeeded++;
+            else batch.failed++;
+          } catch {
+            batch.failed++;
+          }
+          if (!signal.aborted) onChange();
+        })
+      );
+      batch.running = false;
+      if (!signal.aborted) onChange();
+    };
+    return {
+      createControls(hostId2, panels) {
+        const batch = batches.get(hostId2);
+        const count3 = eligible(panels).length;
+        const button2 = document2.createElement("button");
+        button2.type = "button";
+        button2.className = "settings-command-button settings-command-button--secondary settings-connection-update-all";
+        button2.dataset.connectionAction = "update-all";
+        button2.disabled = signal.aborted || Boolean(batch?.running) || !count3;
+        button2.title = messages.harnessUpdateAllDescription;
+        const label = batch?.running ? `${messages.harnessUpdateAllProgress} ${batch.succeeded + batch.failed}/${batch.total}` : count3 ? `${messages.harnessUpdateAll} (${count3})` : messages.harnessUpdateAll;
+        button2.append(createRendererSettingsIcon("download", 15), label);
+        button2.addEventListener("click", () => {
+          if (!button2.disabled) void start(hostId2, panels);
+        });
+        const result = document2.createElement("p");
+        result.className = "settings-connection-update-result";
+        result.setAttribute("role", "status");
+        result.hidden = !batch || batch.running;
+        if (batch && !batch.running) {
+          result.textContent = messages.harnessUpdateAllResult.replace("{succeeded}", String(batch.succeeded)).replace("{failed}", String(batch.failed));
+        }
+        return { button: button2, result };
+      }
+    };
   }
 
   // src/settings/connections-page.ts
@@ -25914,6 +26569,7 @@ ${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;
     const action = document2.createElement("div");
     action.className = "settings-connection-row__action";
     action.setAttribute("role", "cell");
@@ -25943,6 +26599,31 @@ ${error51.stderrTail}`] : []
       });
       action.append(viewError);
     }
+    if (version2?.state?.updateAvailable && !version2.updating) {
+      const available = document2.createElement("span");
+      available.className = "settings-connection-version-available";
+      available.textContent = messages.harnessVersionAvailable;
+      available.title = `${messages.harnessVersionCurrent}: ${version2.state.currentVersion ?? "\u2014"}
+${messages.harnessVersionLatest}: ${harnessVersionLabel(version2.state, messages.harnessVersion)}`;
+      action.append(available);
+    }
+    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;
+        void version2.update();
+        select();
+      });
+      action.append(update);
+    }
     if (group) {
       const toggle = document2.createElement("button");
       toggle.type = "button";
@@ -26140,6 +26821,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;
   }
@@ -26231,8 +26922,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;
@@ -26261,7 +26950,15 @@ ${error51.stderrTail}`] : []
           renderFrame = null;
         };
         const diagnostics = getDiagnostics();
+        const versions = createConnectionVersions(
+          document2,
+          messages,
+          context.signal,
+          diagnostics,
+          scheduleRender
+        );
         const installs = diagnostics ? harnessInstallStore(diagnostics) : null;
+        const updates = createConnectionUpdates(document2, messages, context.signal, scheduleRender);
         const runRefresh = () => {
           if (pending || !diagnostics) return;
           pending = true;
@@ -26397,10 +27094,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: () => {
@@ -26437,30 +27137,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) {
@@ -26616,7 +27293,14 @@ ${error51.stderrTail}`] : []
           }
           const selectedItem = items.find((item) => item.key === selectedItemKey) ?? items[0];
           if (selectedItem) selectItem(selectedItem);
-          list.append(hostStrip, tableHeader, rows);
+          const updateControls = updates.createControls(
+            selectedHost.hostId,
+            items.flatMap((item) => item.version ? [item.version] : [])
+          );
+          const hostHeader = document2.createElement("div");
+          hostHeader.className = "settings-connection-host-header";
+          hostHeader.append(hostStrip, updateControls.button);
+          list.append(hostHeader, updateControls.result, tableHeader, rows);
           layout.append(list, inspector);
           content.replaceChildren(layout);
           disposeHostScroller = configureHostScroller(
@@ -29789,7 +30473,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")), requestVoiceSettings = () => 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")), usageStatisticsHosts, requestVoiceSettings = () => Promise.reject(new Error("Local Host connection is unavailable"))) {
     return Object.freeze([
       createConnectionsSettingsPage(messages, getDiagnostics, void 0, getRemoteConnections),
       createRemoteConnectionsPage(messages, getRemoteConnections),
@@ -29803,7 +30487,8 @@ ${error51.stderrTail}`] : []
       createUsageStatisticsPage(
         consoleMessages(messages.locale),
         requestUsageStatistics,
-        messages.locale
+        messages.locale,
+        usageStatisticsHosts
       ),
       createAppearanceSettingsPage(messages, getLoadedSessionsClient),
       createVoiceSettingsPage(messages.locale, requestVoiceSettings, { desktop: true }),
@@ -30581,6 +31266,20 @@ ${error51.stderrTail}`] : []
   gap: 18px;
 }
 
+.settings-connections-content {
+  container: settings-connections / inline-size;
+}
+
+@container settings-connections (max-width: 780px) {
+  .settings-connections-layout {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .settings-connection-inspector {
+    position: static;
+  }
+}
+
 .settings-connection-list,
 .settings-connection-inspector {
   overflow: hidden;
@@ -30589,14 +31288,36 @@ ${error51.stderrTail}`] : []
   border-radius: 10px;
 }
 
+.settings-connection-host-header {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  border-bottom: 1px solid var(--settings-divider);
+}
+
+.settings-connection-update-all {
+  flex: none;
+  margin-right: 10px;
+  white-space: nowrap;
+}
+
+.settings-connection-update-result {
+  margin: 0;
+  padding: 7px 10px;
+  color: var(--settings-muted);
+  font-size: 11px;
+  line-height: 18px;
+  border-bottom: 1px solid var(--settings-divider);
+}
+
 .settings-connection-host-strip {
   display: grid;
+  flex: 1;
   grid-template-columns: 30px minmax(0, 1fr) 30px;
   align-items: center;
   min-width: 0;
   gap: 5px;
   padding: 9px 10px;
-  border-bottom: 1px solid var(--settings-divider);
 }
 
 .settings-connection-host-scroll {
@@ -30693,7 +31414,7 @@ ${error51.stderrTail}`] : []
 .settings-connection-table-header,
 .settings-connection-row {
   display: grid;
-  grid-template-columns: minmax(160px, 1fr) minmax(92px, auto) 108px;
+  grid-template-columns: minmax(160px, 1fr) minmax(92px, auto) minmax(108px, max-content);
   align-items: center;
   min-width: 0;
   gap: 10px;
@@ -30786,6 +31507,14 @@ ${error51.stderrTail}`] : []
   line-height: 18px;
 }
 
+.settings-connection-version-available {
+  flex: none;
+  color: var(--settings-muted);
+  font-size: 10px;
+  line-height: 16px;
+  white-space: nowrap;
+}
+
 .settings-connection-row__status::before {
   width: 6px;
   height: 6px;
@@ -30822,6 +31551,7 @@ ${error51.stderrTail}`] : []
   justify-content: flex-end;
   min-width: 0;
   gap: 4px;
+  white-space: nowrap;
 }
 
 .settings-connection-row__handle {
@@ -31129,6 +31859,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);
@@ -32378,6 +33171,19 @@ ${error51.stderrTail}`] : []
   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;