diff --git a/apps/desktop-tauri/scripts/check-locale-drift.mjs b/apps/desktop-tauri/scripts/check-locale-drift.mjs
index f7dc04ede96..cf5964f606e 100644
--- a/apps/desktop-tauri/scripts/check-locale-drift.mjs
+++ b/apps/desktop-tauri/scripts/check-locale-drift.mjs
@@ -56,10 +56,39 @@ const tsBlockMatch = tsSrc.match(
 if (!tsBlockMatch) {
   die(2, "could not locate `export const ALL_LOCALE_KEYS` in keys.ts");
 }
+// The block holds `"Key"` literals and `...TOPIC_KEYS` spreads of arrays
+// imported from i18n/keyGroups/*.ts; resolve both in order.
 const tsKeys = [];
 const tsKeyRe = /"(\w+)"/g;
-while ((m = tsKeyRe.exec(tsBlockMatch[1])) !== null) {
-  tsKeys.push(m[1]);
+const entryRe = /"(\w+)"|\.\.\.([A-Z_]+)/g;
+while ((m = entryRe.exec(tsBlockMatch[1])) !== null) {
+  if (m[1]) {
+    tsKeys.push(m[1]);
+    continue;
+  }
+  const name = m[2];
+  const importMatch = tsSrc.match(
+    new RegExp(`import\\s*\\{\\s*${name}\\s*\\}\\s*from\\s*"(\\./[^"]+)"`),
+  );
+  if (!importMatch) {
+    die(2, `could not resolve the import of ${name} in keys.ts`);
+  }
+  let groupSrc;
+  try {
+    groupSrc = readFileSync(resolve(dirname(tsPath), `${importMatch[1]}.ts`), "utf8");
+  } catch (err) {
+    die(2, `failed to read ${importMatch[1]}.ts: ${err.message}`);
+  }
+  const groupMatch = groupSrc.match(
+    new RegExp(`export const ${name}\\s*=\\s*\\[([\\s\\S]*?)\\]\\s*as const;`),
+  );
+  if (!groupMatch) {
+    die(2, `could not locate \`export const ${name}\` in ${importMatch[1]}.ts`);
+  }
+  let k;
+  while ((k = tsKeyRe.exec(groupMatch[1])) !== null) {
+    tsKeys.push(k[1]);
+  }
 }
 if (tsKeys.length === 0) {
   die(2, "parsed zero entries from ALL_LOCALE_KEYS");
diff --git a/apps/desktop-tauri/src-tauri/src/shell/flyout_window.rs b/apps/desktop-tauri/src-tauri/src/shell/flyout_window.rs
index 1ca79f05c25..2fec84cae39 100644
--- a/apps/desktop-tauri/src-tauri/src/shell/flyout_window.rs
+++ b/apps/desktop-tauri/src-tauri/src/shell/flyout_window.rs
@@ -425,7 +425,7 @@ mod tests {
 
     #[test]
     fn panel_fill_matches_the_css_panel_background() {
-        let css = include_str!("../../../src/styles.css");
+        let css = include_str!("../../../src/styles/tray-panel.css");
         let tauri::utils::config::Color(r, g, b, a) = PANEL_FILL;
         assert_eq!(a, 0xFF);
         assert!(css.contains(&format!("--mac-panel-bg: #{r:02x}{g:02x}{b:02x};")));
diff --git a/apps/desktop-tauri/src/App.test.tsx b/apps/desktop-tauri/src/App.test.tsx
index 48bb48268af..f3dfe563a32 100644
--- a/apps/desktop-tauri/src/App.test.tsx
+++ b/apps/desktop-tauri/src/App.test.tsx
@@ -1,3 +1,4 @@
+import type { SettingsSnapshot } from "./types/bridge";
 import { render, waitFor } from "@testing-library/react";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 
@@ -59,7 +60,8 @@ vi.mock("./hooks/useSurfaceSnapshot", () => ({
 
 import App from "./App";
 import { buildBundle } from "./test/localeHarness";
-import type { BootstrapState, SettingsSnapshot } from "./types/bridge";
+import type { BootstrapState } from "./types/bridge";
+import { makeSettings } from "./test/fixtures";
 
 function settings(overrides: Partial<SettingsSnapshot> = {}): SettingsSnapshot {
   return {
@@ -151,7 +153,7 @@ function bootstrap(): BootstrapState {
   return {
     contractVersion: "v1",
     providers: [],
-    settings: settings(),
+    settings: makeSettings(),
   };
 }
 
@@ -161,7 +163,7 @@ describe("App window-label routing", () => {
     webviewWindowMocks.label = "main";
     surfaceMocks.snapshot = { mode: "hidden", target: { kind: "summary" } };
     tauriMocks.getBootstrapState.mockResolvedValue(bootstrap());
-    tauriMocks.getSettingsSnapshot.mockResolvedValue(settings());
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(makeSettings());
     tauriMocks.checkForUpdates.mockResolvedValue({
       status: "idle",
       version: null,
diff --git a/apps/desktop-tauri/src/components/AgentSessions.test.tsx b/apps/desktop-tauri/src/components/AgentSessions.test.tsx
index 8d22f7391d1..9d4940bc5ed 100644
--- a/apps/desktop-tauri/src/components/AgentSessions.test.tsx
+++ b/apps/desktop-tauri/src/components/AgentSessions.test.tsx
@@ -11,9 +11,7 @@ vi.mock("../lib/tauri", () => ({
   focusAgentSession: api.focusAgentSession,
 }));
 // t(key) returns the key, so provider labels assert against locale-key names.
-vi.mock("../hooks/useLocale", () => ({
-  useLocale: () => ({ t: (key: string) => key, language: "english" }),
-}));
+vi.mock("../hooks/useLocale", () => import("../test/mocks/locale"));
 
 import AgentSessions from "./AgentSessions";
 import type { AgentSession } from "../types/bridge";
diff --git a/apps/desktop-tauri/src/components/ClaudeAccountUsage.test.tsx b/apps/desktop-tauri/src/components/ClaudeAccountUsage.test.tsx
index b9ba43486d7..f312d24745f 100644
--- a/apps/desktop-tauri/src/components/ClaudeAccountUsage.test.tsx
+++ b/apps/desktop-tauri/src/components/ClaudeAccountUsage.test.tsx
@@ -3,7 +3,7 @@ import { describe, expect, it, vi } from "vitest";
 import type { ClaudeAccount } from "../types/bridge";
 import ClaudeAccountUsage from "./ClaudeAccountUsage";
 
-vi.mock("../hooks/useLocale", () => ({ useLocale: () => ({ t: (key: string) => key }) }));
+vi.mock("../hooks/useLocale", () => import("../test/mocks/locale"));
 const t = (key: string) => key;
 const account: ClaudeAccount = {
   id: "one:org", email: "one@example.test", organization: null, plan: "max", isActive: false, isSaved: true,
diff --git a/apps/desktop-tauri/src/components/FormControls.tsx b/apps/desktop-tauri/src/components/FormControls.tsx
index 8bb4f1e4ca6..c90d49efc6b 100644
--- a/apps/desktop-tauri/src/components/FormControls.tsx
+++ b/apps/desktop-tauri/src/components/FormControls.tsx
@@ -1,5 +1,6 @@
 import type React from "react";
 import { createContext, useContext, useId } from "react";
+import type { SettingsSnapshot, SettingsUpdate } from "../types/bridge";
 
 // A Field's label and description ids, so the control inside it gets an
 // accessible name without every call site passing `ariaLabel`.
@@ -161,6 +162,83 @@ export function Field({
   );
 }
 
+// ── settings-bound rows ──────────────────────────────────────────────
+
+export interface SettingsControl {
+  settings: SettingsSnapshot;
+  set: (patch: SettingsUpdate) => void;
+  saving: boolean;
+}
+
+type SettingKey<T> = {
+  [K in keyof SettingsUpdate & keyof SettingsSnapshot]-?: NonNullable<SettingsUpdate[K]> extends T
+    ? K
+    : never;
+}[keyof SettingsUpdate & keyof SettingsSnapshot];
+
+/** A leading Field + Toggle that writes one boolean setting; an unset value reads as off. */
+export function SettingToggle({
+  ctl,
+  field,
+  label,
+  description,
+  checked,
+  disabled,
+  ariaLabel,
+}: {
+  ctl: SettingsControl;
+  field: SettingKey<boolean>;
+  label: string;
+  description?: string;
+  checked?: boolean;
+  disabled?: boolean;
+  ariaLabel?: string;
+}) {
+  return (
+    <Field label={label} description={description} leading>
+      <Toggle
+        checked={checked ?? ctl.settings[field] ?? false}
+        ariaLabel={ariaLabel}
+        disabled={disabled ?? ctl.saving}
+        onChange={(v) => ctl.set({ [field]: v })}
+      />
+    </Field>
+  );
+}
+
+/** A Field + Select that writes one string setting; an unset value selects "". */
+export function SettingSelect({
+  ctl,
+  field,
+  label,
+  description,
+  options,
+  value,
+  disabled,
+  ariaLabel,
+}: {
+  ctl: SettingsControl;
+  field: SettingKey<string>;
+  label: string;
+  description?: string;
+  options: { value: string; label: string }[];
+  value?: string;
+  disabled?: boolean;
+  ariaLabel?: string;
+}) {
+  return (
+    <Field label={label} description={description}>
+      <Select
+        value={value ?? ctl.settings[field] ?? ""}
+        disabled={disabled ?? ctl.saving}
+        ariaLabel={ariaLabel}
+        options={options}
+        onChange={(v) => ctl.set({ [field]: v })}
+      />
+    </Field>
+  );
+}
+
 // ── grouped section (macOS grouped Form look) ───────────────────────
 
 /** A bold section title, a rounded box of rows with dividers, and an optional footer. */
diff --git a/apps/desktop-tauri/src/components/MenuCard.chartRefresh.test.tsx b/apps/desktop-tauri/src/components/MenuCard.chartRefresh.test.tsx
index 90db174a226..8b36d224bb0 100644
--- a/apps/desktop-tauri/src/components/MenuCard.chartRefresh.test.tsx
+++ b/apps/desktop-tauri/src/components/MenuCard.chartRefresh.test.tsx
@@ -14,48 +14,26 @@ vi.mock("../lib/tauri", async (importOriginal) => ({
   ...(await importOriginal<typeof import("../lib/tauri")>()),
   ...tauriMocks,
 }));
-vi.mock("@tauri-apps/api/event", () => ({ listen: vi.fn().mockResolvedValue(() => {}) }));
+vi.mock("@tauri-apps/api/event", () => import("../test/mocks/event"));
 
 import { LocaleProvider } from "../i18n/LocaleProvider";
+import { makeRateWindow, makeUsageSnapshot } from "../test/fixtures";
 import { buildBundle } from "../test/localeHarness";
 import type { ProviderUsageSnapshot } from "../types/bridge";
 import MenuCard from "./MenuCard";
 
-const window0 = {
-  usedPercent: 10,
-  remainingPercent: 90,
-  windowMinutes: null,
-  resetsAt: null,
-  resetDescription: null,
-  isExhausted: false,
-  reservePercent: null,
-  reserveDescription: null,
-  reserveWillLastToReset: false,
-  reserveEtaSeconds: null,
-};
+const window0 = makeRateWindow(10, { reserveWillLastToReset: false, reserveEtaSeconds: null });
 
 function snapshot(updatedAt: string): ProviderUsageSnapshot {
-  return {
-    providerId: "claude",
+  return makeUsageSnapshot("claude", {
     displayName: "Claude",
     primary: window0,
     selectedMetric: window0,
-    secondary: null,
-    modelSpecific: null,
-    tertiary: null,
-    extraRateWindows: [],
-    cost: null,
-    planName: null,
-    accountEmail: null,
     sourceLabel: "oauth",
     updatedAt,
-    error: null,
     errorState: "unknown",
-    pace: null,
-    accountOrganization: null,
-    trayStatusLabel: null,
     fetchDurationMs: null,
-  };
+  });
 }
 
 function card(updatedAt: string) {
diff --git a/apps/desktop-tauri/src/components/ProviderGrid.test.tsx b/apps/desktop-tauri/src/components/ProviderGrid.test.tsx
index 764a779ed7c..ff3099f95ba 100644
--- a/apps/desktop-tauri/src/components/ProviderGrid.test.tsx
+++ b/apps/desktop-tauri/src/components/ProviderGrid.test.tsx
@@ -3,9 +3,7 @@ import { afterEach, describe, expect, it, vi } from "vitest";
 import ProviderGrid from "./ProviderGrid";
 import { providerPlaceholder } from "../lib/trayProviders";
 
-vi.mock("../hooks/useLocale", () => ({
-  useLocale: () => ({ t: (key: string) => key, language: "english" }),
-}));
+vi.mock("../hooks/useLocale", () => import("../test/mocks/locale"));
 
 const providers = [
   providerPlaceholder("codex", "Codex"),
diff --git a/apps/desktop-tauri/src/components/ShortcutCapture.test.tsx b/apps/desktop-tauri/src/components/ShortcutCapture.test.tsx
index 28ed6732de4..69bc8934158 100644
--- a/apps/desktop-tauri/src/components/ShortcutCapture.test.tsx
+++ b/apps/desktop-tauri/src/components/ShortcutCapture.test.tsx
@@ -7,9 +7,7 @@ vi.mock("../lib/tauri", () => ({
   setUiLanguage: vi.fn(),
 }));
 
-vi.mock("@tauri-apps/api/event", () => ({
-  listen: vi.fn().mockResolvedValue(() => {}),
-}));
+vi.mock("@tauri-apps/api/event", () => import("../test/mocks/event"));
 
 import { LocaleProvider } from "../i18n/LocaleProvider";
 import { ShortcutCapture } from "./ShortcutCapture";
diff --git a/apps/desktop-tauri/src/components/charts/chartGeometry.ts b/apps/desktop-tauri/src/components/charts/chartGeometry.ts
index b428908d56f..b7623babb60 100644
--- a/apps/desktop-tauri/src/components/charts/chartGeometry.ts
+++ b/apps/desktop-tauri/src/components/charts/chartGeometry.ts
@@ -2,7 +2,6 @@ export const WIDTH = 280;
 export const DATE_EDGE_PADDING = 36;
 export const BAR_GAP = 2;
 export const PLOT_WIDTH = WIDTH - DATE_EDGE_PADDING * 2;
-export const AXIS_MAX_X = WIDTH / 2;
 const SCROLLABLE_BAR_WIDTH = 1.5;
 
 export function shouldRenderCenterMax(count: number): boolean {
@@ -29,25 +28,6 @@ export function getBarCenter(index: number, count: number, width = WIDTH): numbe
   return getBarX(index, count, width) + getBarWidth(count, width) / 2;
 }
 
-export interface BarGeometry {
-  barWidth: number;
-  showCenterMax: boolean;
-  x: (index: number) => number;
-  center: (index: number) => number;
-}
-
-export function getBarGeometry(count: number, width = WIDTH): BarGeometry {
-  const barWidth = getBarWidth(count, width);
-  const x = (index: number) => getBarX(index, count, width);
-
-  return {
-    barWidth,
-    showCenterMax: shouldRenderCenterMax(count),
-    x,
-    center: (index: number) => x(index) + barWidth / 2,
-  };
-}
-
 export function getLineX(index: number, count: number): number {
   if (count <= 1) return DATE_EDGE_PADDING;
   return DATE_EDGE_PADDING + (index / (count - 1)) * PLOT_WIDTH;
diff --git a/apps/desktop-tauri/src/components/providerGridUtils.test.ts b/apps/desktop-tauri/src/components/providerGridUtils.test.ts
index 2166c7acc55..241e485f046 100644
--- a/apps/desktop-tauri/src/components/providerGridUtils.test.ts
+++ b/apps/desktop-tauri/src/components/providerGridUtils.test.ts
@@ -1,55 +1,20 @@
 import { describe, expect, it } from "vitest";
 
+import { makeRateWindow, makeUsageSnapshot } from "../test/fixtures";
 import type { ProviderUsageSnapshot } from "../types/bridge";
 
 import { prioritizeProviders, switcherWeeklyPercent } from "./providerGridUtils";
 
 function provider(id: string): ProviderUsageSnapshot {
-  return {
-    providerId: id,
-    displayName: id,
-    primary: {
-      usedPercent: 0,
-      remainingPercent: 100,
-      windowMinutes: null,
-      resetsAt: null,
-      resetDescription: null,
-      isExhausted: false,
-      reservePercent: null,
-      reserveDescription: null,
-      reserveWillLastToReset: false,
-      reserveEtaSeconds: null,
-    },
-    selectedMetric: {
-      usedPercent: 0,
-      remainingPercent: 100,
-      windowMinutes: null,
-      resetsAt: null,
-      resetDescription: null,
-      isExhausted: false,
-      reservePercent: null,
-      reserveDescription: null,
-      reserveWillLastToReset: false,
-      reserveEtaSeconds: null,
-    },
+  return makeUsageSnapshot(id, {
+    primary: makeRateWindow(0, { reserveWillLastToReset: false, reserveEtaSeconds: null }),
+    selectedMetric: makeRateWindow(0, { reserveWillLastToReset: false, reserveEtaSeconds: null }),
     primaryLabel: undefined,
-    secondary: null,
     secondaryLabel: undefined,
-    modelSpecific: null,
-    tertiary: null,
-    extraRateWindows: [],
-    cost: null,
-    planName: null,
-    accountEmail: null,
     sourceLabel: "oauth",
     updatedAt: "2026-07-31T00:00:00Z",
-    error: null,
-    errorState: "ready",
-    pace: null,
-    accountOrganization: null,
-    trayStatusLabel: null,
     fetchDurationMs: null,
-  };
+  });
 }
 
 function ids(list: ProviderUsageSnapshot[]): string[] {
diff --git a/apps/desktop-tauri/src/floatbar/FloatBar.display.test.tsx b/apps/desktop-tauri/src/floatbar/FloatBar.display.test.tsx
new file mode 100644
index 00000000000..e7df51b318d
--- /dev/null
+++ b/apps/desktop-tauri/src/floatbar/FloatBar.display.test.tsx
@@ -0,0 +1,471 @@
+import { act, waitFor } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { buildBundle } from "../test/localeHarness";
+import { tauriMocks, eventMocks, coreMocks } from "../test/floatBarMocks";
+import { snapshot, settings, bootstrap, renderFloatBar, setupFloatBarTests } from "../test/floatBarHarness";
+
+vi.mock("../lib/tauri", async () => (await import("../test/floatBarMocks")).tauriMocks);
+vi.mock("@tauri-apps/api/event", async () => (await import("../test/floatBarMocks")).eventMocks);
+vi.mock("@tauri-apps/api/window", async () => (await import("../test/floatBarMocks")).windowMocks);
+vi.mock("@tauri-apps/api/core", async () => (await import("../test/floatBarMocks")).coreMocks);
+
+describe("FloatBar", () => {
+  setupFloatBarTests();
+
+  it("uses a safe state label instead of a raw provider error", async () => {
+    const raw = "legacy telemetry failed for https://private.example.test; cookie=super-secret";
+    tauriMocks.getCachedProviders.mockResolvedValue([
+      snapshot("gemini", "Gemini", 12, { error: raw, errorState: "unknown" }),
+    ]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(settings({ enabledProviders: ["gemini"] }));
+
+    const { container } = renderFloatBar(bootstrap({ enabledProviders: ["gemini"] }));
+
+    await waitFor(() => {
+      const pill = container.querySelector(".floatbar__pill");
+      expect(pill?.textContent).toContain("!");
+      expect(pill?.querySelector(".floatbar__pct")?.getAttribute("aria-label")).toBe("Usage unavailable");
+      expect(pill?.getAttribute("title")).toBe("Gemini: Usage unavailable");
+      expect(pill?.textContent).not.toContain("super-secret");
+      expect(pill?.getAttribute("title")).not.toContain("private.example.test");
+    });
+  });
+
+  it("renders the sign-in label when the backend classifies needsAuthentication", async () => {
+    tauriMocks.getCachedProviders.mockResolvedValue([
+      snapshot("copilot", "GitHub Copilot", 12, {
+        error: "GitHub Copilot token not found. Sign in with GitHub.",
+        errorState: "needsAuthentication",
+      }),
+    ]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(settings({ enabledProviders: ["copilot"] }));
+
+    const { container } = renderFloatBar(bootstrap({ enabledProviders: ["copilot"] }));
+
+    await waitFor(() => {
+      const pill = container.querySelector(".floatbar__pill");
+      expect(pill?.textContent).toContain("!");
+      expect(pill?.querySelector(".floatbar__pct")?.getAttribute("aria-label")).toBe("Sign-in required");
+      expect(pill?.textContent).not.toContain("12%");
+      expect(pill?.getAttribute("title")).toBe("GitHub Copilot: Sign-in required");
+    });
+  });
+
+  it("can show remaining percentages when configured", async () => {
+    tauriMocks.getCachedProviders.mockResolvedValue([
+      snapshot("claude", "Claude", 20),
+    ]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(settings({ showAsUsed: false }));
+
+    const { container } = renderFloatBar(bootstrap({ showAsUsed: false }));
+
+    await waitFor(() => {
+      const title = container
+        .querySelector(".floatbar__pill")
+        ?.getAttribute("title");
+      expect(title).toContain("Claude: 80% remaining");
+    });
+  });
+
+  it("preserves the previous percentage space when a session expires", async () => {
+    tauriMocks.getCachedProviders.mockResolvedValue([snapshot("codex", "Codex", 100)]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(settings({ enabledProviders: ["codex"] }));
+    const { container } = renderFloatBar(bootstrap({ enabledProviders: ["codex"] }));
+    await waitFor(() => expect(container.querySelector(".floatbar__pct")?.textContent).toBe("100%"));
+    const updated = eventMocks.listen.mock.calls.find(([name]) => name === "provider-updated")?.[1];
+    await act(async () => {
+      updated({ payload: snapshot("codex", "Codex", 0, { errorState: "expiredSession", error: "expired" }) });
+    });
+    await waitFor(() => {
+      const pct = container.querySelector(".floatbar__pct");
+      const placeholder = pct?.querySelector<HTMLElement>("span[aria-hidden]");
+      expect(placeholder?.textContent).toBe("100%");
+      expect(placeholder?.style.visibility).toBe("hidden");
+      expect(pct?.getAttribute("aria-label")).toBe("Session expired");
+      expect(pct?.querySelector(".floatbar__warning")?.textContent).toBe("!");
+    });
+  });
+
+  it("keeps a percentage-sized placeholder after informational text", async () => {
+    tauriMocks.getCachedProviders.mockResolvedValue([
+      snapshot("codex", "Codex", 0, { informational: true, resetDescription: "Unlimited plan" }),
+    ]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(settings({ enabledProviders: ["codex"] }));
+    const { container } = renderFloatBar(bootstrap({ enabledProviders: ["codex"] }));
+    await waitFor(() => expect(container.querySelector(".floatbar__pct")?.textContent).toBe("Unlimited plan"));
+    const updated = eventMocks.listen.mock.calls.find(([name]) => name === "provider-updated")?.[1];
+    await act(async () => {
+      updated({ payload: snapshot("codex", "Codex", 0, { errorState: "expiredSession", error: "expired" }) });
+    });
+    await waitFor(() => {
+      const pct = container.querySelector(".floatbar__pct");
+      expect(pct?.getAttribute("aria-label")).toBe("Session expired");
+      expect(pct?.querySelector<HTMLElement>("span[aria-hidden]")?.textContent).toBe("0%");
+    });
+  });
+
+  it("applies warning tone when remaining drops below the high threshold", async () => {
+    // highUsageThreshold = 70 → high-remaining cutoff = 30%.
+    // claude at 80% used → 20% remaining → critical (also below crit cutoff 10).
+    // Use 75% used → 25% remaining → warn (between 10 and 30).
+    tauriMocks.getCachedProviders.mockResolvedValue([snapshot("claude", "Claude", 75)]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(settings());
+
+    const { container } = renderFloatBar(bootstrap());
+    await waitFor(() => {
+      expect(container.querySelector(".floatbar__pill--warn")).not.toBeNull();
+    });
+  });
+
+  it("applies critical tone when the provider is exhausted", async () => {
+    tauriMocks.getCachedProviders.mockResolvedValue([
+      snapshot("claude", "Claude", 100, { exhausted: true }),
+    ]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(settings());
+
+    const { container } = renderFloatBar(bootstrap());
+    await waitFor(() => {
+      expect(container.querySelector(".floatbar__pill--crit")).not.toBeNull();
+    });
+  });
+
+  it("filters to the floatBarProviderIds allowlist when non-empty", async () => {
+    tauriMocks.getCachedProviders.mockResolvedValue([
+      snapshot("claude", "Claude", 30),
+      snapshot("codex", "Codex", 50),
+    ]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(
+      settings({ floatBarProviderIds: ["codex"] }),
+    );
+
+    const { container } = renderFloatBar(
+      bootstrap({ floatBarProviderIds: ["codex"] }),
+    );
+    await waitFor(() => {
+      const pills = container.querySelectorAll(".floatbar__pill");
+      expect(pills.length).toBe(1);
+      expect(pills[0].getAttribute("title")).toMatch(/Codex/);
+    });
+  });
+
+  it("does not show stale cached providers when all providers are disabled", async () => {
+    tauriMocks.getCachedProviders.mockResolvedValue([
+      snapshot("claude", "Claude", 30),
+      snapshot("codex", "Codex", 50),
+    ]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(
+      settings({ enabledProviders: [] }),
+    );
+
+    const { container } = renderFloatBar(bootstrap({ enabledProviders: [] }));
+    await waitFor(() => {
+      expect(container.querySelectorAll(".floatbar__pill").length).toBe(0);
+      expect(container.querySelector(".floatbar__empty")).not.toBeNull();
+    });
+  });
+
+  it("shows an empty state when no providers match", async () => {
+    tauriMocks.getCachedProviders.mockResolvedValue([]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(settings());
+
+    const { container } = renderFloatBar(bootstrap());
+    await waitFor(() => {
+      expect(container.querySelector(".floatbar__empty")).not.toBeNull();
+    });
+  });
+
+  it("applies the light-background class and CSS opacity", async () => {
+    tauriMocks.getCachedProviders.mockResolvedValue([]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(
+      settings({ floatBarDarkText: true, floatBarOpacity: 45 }),
+    );
+
+    const { container } = renderFloatBar(
+      bootstrap({ floatBarDarkText: true, floatBarOpacity: 45 }),
+    );
+
+    await waitFor(() => {
+      const bar = container.querySelector<HTMLElement>(".floatbar");
+      expect(bar).not.toBeNull();
+      expect(bar?.classList.contains("floatbar--light-bg")).toBe(true);
+      expect(bar?.style.opacity).toBe("0.45");
+    });
+  });
+
+  it("applies the configured scale as a CSS variable", async () => {
+    tauriMocks.getCachedProviders.mockResolvedValue([]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(settings({ floatBarScale: 150 }));
+
+    const { container } = renderFloatBar(bootstrap({ floatBarScale: 150 }));
+
+    await waitFor(() => {
+      const bar = container.querySelector<HTMLElement>(".floatbar");
+      expect(bar).not.toBeNull();
+      expect(bar?.style.getPropertyValue("--floatbar-scale")).toBe("1.5");
+    });
+  });
+
+  it("resizes the native window in physical pixels at the WebView DPI", async () => {
+    tauriMocks.getCachedProviders.mockResolvedValue([]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(settings());
+    const originalDevicePixelRatio = window.devicePixelRatio;
+    Object.defineProperty(window, "devicePixelRatio", {
+      configurable: true,
+      value: 1.5,
+    });
+    const rectSpy = vi
+      .spyOn(HTMLElement.prototype, "getBoundingClientRect")
+      .mockReturnValue({
+        x: 0,
+        y: 0,
+        width: 100,
+        height: 20,
+        top: 0,
+        right: 100,
+        bottom: 20,
+        left: 0,
+        toJSON: () => ({}),
+      });
+
+    try {
+      renderFloatBar(bootstrap());
+
+      await waitFor(() => {
+        expect(coreMocks.invoke).toHaveBeenCalledWith("resize_float_bar", {
+          width: 162,
+          height: 42,
+        });
+      });
+    } finally {
+      rectSpy.mockRestore();
+      Object.defineProperty(window, "devicePixelRatio", {
+        configurable: true,
+        value: originalDevicePixelRatio,
+      });
+    }
+  });
+
+  it("uses the localized reset formatter in pill tooltips", async () => {
+    const resetsAt = new Date(Date.now() + 3 * 60 * 60_000 + 42 * 60_000).toISOString();
+    tauriMocks.getCachedProviders.mockResolvedValue([
+      snapshot("claude", "Claude", 20, { resetsAt }),
+    ]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(settings());
+
+    const { container } = renderFloatBar(bootstrap());
+
+    await waitFor(() => {
+      const title = container
+        .querySelector(".floatbar__pill")
+        ?.getAttribute("title");
+      expect(title).toContain("Claude: 20% used");
+      expect(title).toMatch(/Resets in 3h 4[12]m/);
+      expect(title).not.toContain("Resets in due now");
+    });
+  });
+
+  it("can render a next reset icon and time in provider pills", async () => {
+    const resetsAt = new Date(Date.now() + 2 * 60 * 60_000 + 5 * 60_000).toISOString();
+    tauriMocks.getCachedProviders.mockResolvedValue([
+      snapshot("claude", "Claude", 20, { resetsAt }),
+    ]);
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(
+      settings({ floatBarShowResetInline: true }),
+    );
+
+    const { container } = renderFloatBar(
+      bootstrap({ floatBarShowResetInline: true }),
+    );
+
+    await waitFor(() => {
+      const reset = container.querySelector(".floatbar__reset");
+      expect(reset).not.toBeNull();
+      expect(reset?.getAttribute("aria-label")).toMatch(/Resets in 2h [45]m/);
+      expect(reset?.textContent).toMatch(/2h [45]m/);
+      expect(reset?.textContent).not.toContain("Resets in");
+    });
+  });
+
+  it("compacts localized reset text from the timestamp", async () => {
+    const now = Date.parse("2024-06-01T00:00:00Z");
+    const nowSpy = vi.spyOn(Date, "now").mockReturnValue(now);
+    try {
+      const fullResetText = "4 小时 59 分钟后重置";
+      tauriMocks.getLocaleStrings.mockResolvedValue(
+        buildBundle(
+          {
+            ResetsInHoursMinutes: "{} 小时 {} 分钟后重置",
+            TrayResetsDueNow: "现在重置",
+          },
+          "chinese",
+        ),
+      );
+      tauriMocks.getCachedProviders.mockResolvedValue([
+        snapshot("claude", "Claude", 20, {
+          resetsAt: "2024-06-01T04:59:00Z",
+        }),
+      ]);
+      tauriMocks.getSettingsSnapshot.mockResolvedValue(
+        settings({ floatBarShowResetInline: true }),
+      );
+
+      const { container } = renderFloatBar(
+        bootstrap({ floatBarShowResetInline: true }),
+      );
+
+      await waitFor(() => {
+        const reset = container.querySelector(".floatbar__reset");
+        expect(reset?.querySelector(".floatbar__reset-time")).toHaveTextContent(
+          "4h 59m",
+        );
+        expect(container.querySelector(".floatbar__pill")?.getAttribute("title")).toContain(
+          fullResetText,
+        );
+        expect(reset?.getAttribute("title")).toBe(fullResetText);
+        expect(reset?.getAttribute("aria-label")).toBe(fullResetText);
+      });
+    } finally {
+      nowSpy.mockRestore();
+    }
+  });
+
+  it("compacts localized due-now reset text to now", async () => {
+    const now = Date.parse("2024-06-01T00:00:00Z");
+    const nowSpy = vi.spyOn(Date, "now").mockReturnValue(now);
+    try {
+      const fullResetText = "重置时间已到";
+      tauriMocks.getLocaleStrings.mockResolvedValue(
+        buildBundle(
+          {
+            TrayResetsDueNow: fullResetText,
+          },
+          "chinese",
+        ),
+      );
+      tauriMocks.getCachedProviders.mockResolvedValue([
+        snapshot("claude", "Claude", 20, {
+          resetsAt: "2024-05-31T23:59:00Z",
+        }),
+      ]);
+      tauriMocks.getSettingsSnapshot.mockResolvedValue(
+        settings({ floatBarShowResetInline: true }),
+      );
+
+      const { container } = renderFloatBar(
+        bootstrap({ floatBarShowResetInline: true }),
+      );
+
+      await waitFor(() => {
+        const reset = container.querySelector(".floatbar__reset");
+        expect(reset?.querySelector(".floatbar__reset-time")).toHaveTextContent(
+          "now",
+        );
+        expect(container.querySelector(".floatbar__pill")?.getAttribute("title")).toContain(
+          fullResetText,
+        );
+        expect(reset?.getAttribute("title")).toBe(fullResetText);
+        expect(reset?.getAttribute("aria-label")).toBe(fullResetText);
+      });
+    } finally {
+      nowSpy.mockRestore();
+    }
+  });
+
+  it("keeps a future sub-minute reset out of the now state", async () => {
+    const now = Date.parse("2024-06-01T00:00:00Z");
+    const nowSpy = vi.spyOn(Date, "now").mockReturnValue(now);
+    try {
+      tauriMocks.getLocaleStrings.mockResolvedValue(buildBundle({}, "chinese"));
+      tauriMocks.getCachedProviders.mockResolvedValue([
+        snapshot("claude", "Claude", 20, {
+          resetsAt: "2024-06-01T00:00:30Z",
+        }),
+      ]);
+      tauriMocks.getSettingsSnapshot.mockResolvedValue(
+        settings({ floatBarShowResetInline: true }),
+      );
+
+      const { container } = renderFloatBar(
+        bootstrap({ floatBarShowResetInline: true }),
+      );
+
+      await waitFor(() => {
+        expect(container.querySelector(".floatbar__reset-time")).toHaveTextContent(
+          "1m",
+        );
+      });
+    } finally {
+      nowSpy.mockRestore();
+    }
+  });
+
+  it("compacts localized day and hour reset text", async () => {
+    const now = Date.parse("2024-06-01T00:00:00Z");
+    const nowSpy = vi.spyOn(Date, "now").mockReturnValue(now);
+    try {
+      const fullResetText = "1 天 2 小时后重置";
+      tauriMocks.getLocaleStrings.mockResolvedValue(
+        buildBundle(
+          {
+            ResetsInDaysHours: "{} 天 {} 小时后重置",
+          },
+          "chinese",
+        ),
+      );
+      tauriMocks.getCachedProviders.mockResolvedValue([
+        snapshot("claude", "Claude", 20, {
+          resetsAt: "2024-06-02T02:07:00Z",
+        }),
+      ]);
+      tauriMocks.getSettingsSnapshot.mockResolvedValue(
+        settings({ floatBarShowResetInline: true }),
+      );
+
+      const { container } = renderFloatBar(
+        bootstrap({ floatBarShowResetInline: true }),
+      );
+
+      await waitFor(() => {
+        const reset = container.querySelector(".floatbar__reset");
+        expect(reset?.querySelector(".floatbar__reset-time")).toHaveTextContent(
+          "1d 2h",
+        );
+        expect(container.querySelector(".floatbar__pill")?.getAttribute("title")).toContain(
+          fullResetText,
+        );
+        expect(reset?.getAttribute("title")).toBe(fullResetText);
+        expect(reset?.getAttribute("aria-label")).toBe(fullResetText);
+      });
+    } finally {
+      nowSpy.mockRestore();
+    }
+  });
+
+  it("polls refreshProvidersIfStale on the configured interval", async () => {
+    vi.useFakeTimers();
+    try {
+      tauriMocks.getCachedProviders.mockResolvedValue([]);
+      tauriMocks.getSettingsSnapshot.mockResolvedValue(settings());
+      // 60s minimum is enforced in FloatBar.tsx; use the floor here.
+      await act(async () => {
+        renderFloatBar(bootstrap({ refreshIntervalSecs: 60 }));
+      });
+
+      // Initial tick fires synchronously on mount; useProviders is passive here
+      // so the floatbar does not double-request stale refreshes at startup.
+      await vi.waitFor(() => {
+        expect(tauriMocks.refreshProvidersIfStale).toHaveBeenCalledTimes(1);
+      });
+      const initialCalls = tauriMocks.refreshProvidersIfStale.mock.calls.length;
+
+      // Advance the timer past the 60-second interval — the floatbar tick
+      // should fire again.
+      await vi.advanceTimersByTimeAsync(60_000);
+      expect(tauriMocks.refreshProvidersIfStale.mock.calls.length).toBeGreaterThan(
+        initialCalls,
+      );
+    } finally {
+      vi.useRealTimers();
+    }
+  });
+});
diff --git a/apps/desktop-tauri/src/floatbar/FloatBar.tsx b/apps/desktop-tauri/src/floatbar/FloatBar.tsx
index f5f7d591f62..e34e8f885e1 100644
--- a/apps/desktop-tauri/src/floatbar/FloatBar.tsx
+++ b/apps/desktop-tauri/src/floatbar/FloatBar.tsx
@@ -7,9 +7,9 @@ import {
   type CSSProperties,
   type MouseEvent,
 } from "react";
-import { listen } from "@tauri-apps/api/event";
 import { getCurrentWindow } from "@tauri-apps/api/window";
 import { useFormattedResetTime } from "../hooks/useFormattedResetTime";
+import { useTauriEvent } from "../hooks/useTauriEvent";
 import { useCurrency } from "../hooks/CurrencyProvider";
 import { useLocale } from "../hooks/useLocale";
 import { useProviders } from "../hooks/useProviders";
@@ -396,13 +396,8 @@ export default function FloatBar({ state }: { state: BootstrapState }) {
     return () => clearInterval(id);
   }, [settings.refreshIntervalSecs, settings.lowPowerMode]);
 
-  useEffect(() => {
-    const unlisten = listen(FLOAT_BAR_CONFIG_CHANGED_EVENT, () => {
-      void getSettingsSnapshot().then(setSettings).catch(() => {});
-    });
-    return () => {
-      void unlisten.then((fn) => fn());
-    };
+  useTauriEvent(FLOAT_BAR_CONFIG_CHANGED_EVENT, () => {
+    void getSettingsSnapshot().then(setSettings).catch(() => {});
   }, []);
 
   // Orientation flips re-lay-out the bar without recreating the window.
diff --git a/apps/desktop-tauri/src/floatbar/SettingsSection.test.tsx b/apps/desktop-tauri/src/floatbar/SettingsSection.test.tsx
index ba16810e5d9..ad36f021206 100644
--- a/apps/desktop-tauri/src/floatbar/SettingsSection.test.tsx
+++ b/apps/desktop-tauri/src/floatbar/SettingsSection.test.tsx
@@ -3,9 +3,7 @@ import { describe, expect, it, vi } from "vitest";
 import type { SettingsSnapshot } from "../types/bridge";
 import FloatBarSettingsSection from "./SettingsSection";
 
-vi.mock("../hooks/useLocale", () => ({
-  useLocale: () => ({ t: (key: string) => key }),
-}));
+vi.mock("../hooks/useLocale", () => import("../test/mocks/locale"));
 
 const settings = {
   floatBarEnabled: true,
diff --git a/apps/desktop-tauri/src/floatbar/SettingsSection.tsx b/apps/desktop-tauri/src/floatbar/SettingsSection.tsx
index c171bd9bf6e..00b7ce40032 100644
--- a/apps/desktop-tauri/src/floatbar/SettingsSection.tsx
+++ b/apps/desktop-tauri/src/floatbar/SettingsSection.tsx
@@ -1,26 +1,16 @@
-import { Field, Select, Toggle } from "../components/FormControls";
+import { useCallback, useState } from "react";
+import { Field, SettingSelect, SettingToggle, type SettingsControl } from "../components/FormControls";
 import { useDraftNumber } from "../hooks/useDraftNumber";
 import { useLocale } from "../hooks/useLocale";
-import type {
-  FloatBarOrientation,
-  FloatBarStyle,
-  SettingsSnapshot,
-  SettingsUpdate,
-} from "../types/bridge";
-
-interface Props {
-  settings: SettingsSnapshot;
-  saving: boolean;
-  set: (patch: SettingsUpdate) => void;
-}
 
 /**
  * Settings UI block for the floating capacity bar. Rendered as one row
  * in the Display tab — kept in this module so the Display tab only
  * imports a single component.
  */
-export default function FloatBarSettingsSection({ settings, saving, set }: Props) {
+export default function FloatBarSettingsSection({ settings, saving, set }: SettingsControl) {
   const { t } = useLocale();
+  const ctl = { settings, set, saving };
   const opacity = useDraftNumber(settings.floatBarOpacity);
   const scale = useDraftNumber(settings.floatBarScale);
   const commitOpacity = () => {
@@ -34,45 +24,34 @@ export default function FloatBarSettingsSection({ settings, saving, set }: Props
     <section className="settings-section">
       <h3 className="settings-section__title">{t("FloatBarSectionTitle")}</h3>
       <div className="settings-section__group">
-        <Field
+        <SettingToggle
+          ctl={ctl}
+          field="floatBarEnabled"
           label={t("FloatBarShowFloatingBar")}
           description={t("FloatBarShowFloatingBarHelper")}
-          leading
-        >
-          <Toggle
-            checked={settings.floatBarEnabled}
-            disabled={saving}
-            onChange={(v) => set({ floatBarEnabled: v })}
-          />
-        </Field>
-        <Field
+        />
+        <SettingSelect
+          ctl={ctl}
+          field="floatBarOrientation"
           label={t("FloatBarOrientation")}
           description={t("FloatBarOrientationHelper")}
-        >
-          <Select
-            value={settings.floatBarOrientation}
-            disabled={saving || !settings.floatBarEnabled}
-            options={[
-              { value: "horizontal", label: t("FloatBarOrientationHorizontal") },
-              { value: "vertical", label: t("FloatBarOrientationVertical") },
-            ]}
-            onChange={(v) => set({ floatBarOrientation: v as FloatBarOrientation })}
-          />
-        </Field>
-        <Field
+          disabled={saving || !settings.floatBarEnabled}
+          options={[
+            { value: "horizontal", label: t("FloatBarOrientationHorizontal") },
+            { value: "vertical", label: t("FloatBarOrientationVertical") },
+          ]}
+        />
+        <SettingSelect
+          ctl={ctl}
+          field="floatBarStyle"
           label={t("FloatBarStyle")}
           description={t("FloatBarStyleHelper")}
-        >
-          <Select
-            value={settings.floatBarStyle}
-            disabled={saving || !settings.floatBarEnabled}
-            options={[
-              { value: "floating", label: t("FloatBarStyleFloating") },
-              { value: "taskbar", label: t("FloatBarStyleTaskbar") },
-            ]}
-            onChange={(v) => set({ floatBarStyle: v as FloatBarStyle })}
-          />
-        </Field>
+          disabled={saving || !settings.floatBarEnabled}
+          options={[
+            { value: "floating", label: t("FloatBarStyleFloating") },
+            { value: "taskbar", label: t("FloatBarStyleTaskbar") },
+          ]}
+        />
         <Field
           label={`${t("FloatBarOpacity")} (${opacity.draft}%)`}
           description={t("FloatBarOpacityHelper")}
@@ -111,50 +90,34 @@ export default function FloatBarSettingsSection({ settings, saving, set }: Props
             aria-label={t("FloatBarSizeAriaLabel")}
           />
         </Field>
-        <Field
+        <SettingToggle
+          ctl={ctl}
+          field="floatBarShowCost"
           label={t("FloatBarShowCost")}
           description={t("FloatBarShowCostDescription")}
-          leading
-        >
-          <Toggle
-            checked={settings.floatBarShowCost}
-            disabled={saving || !settings.floatBarEnabled}
-            onChange={(v) => set({ floatBarShowCost: v })}
-          />
-        </Field>
-        <Field
+          disabled={saving || !settings.floatBarEnabled}
+        />
+        <SettingToggle
+          ctl={ctl}
+          field="floatBarShowResetInline"
           label={t("FloatBarShowResetInline")}
           description={t("FloatBarShowResetInlineHelper")}
-          leading
-        >
-          <Toggle
-            checked={settings.floatBarShowResetInline}
-            disabled={saving || !settings.floatBarEnabled}
-            onChange={(v) => set({ floatBarShowResetInline: v })}
-          />
-        </Field>
-        <Field
+          disabled={saving || !settings.floatBarEnabled}
+        />
+        <SettingToggle
+          ctl={ctl}
+          field="floatBarDarkText"
           label={t("FloatBarInvertColors")}
           description={t("FloatBarInvertColorsHelper")}
-          leading
-        >
-          <Toggle
-            checked={settings.floatBarDarkText}
-            disabled={saving || !settings.floatBarEnabled}
-            onChange={(v) => set({ floatBarDarkText: v })}
-          />
-        </Field>
-        <Field
+          disabled={saving || !settings.floatBarEnabled}
+        />
+        <SettingToggle
+          ctl={ctl}
+          field="floatBarClickThrough"
           label={t("FloatBarClickThrough")}
           description={t("FloatBarClickThroughHelper")}
-          leading
-        >
-          <Toggle
-            checked={settings.floatBarClickThrough}
-            disabled={saving || !settings.floatBarEnabled}
-            onChange={(v) => set({ floatBarClickThrough: v })}
-          />
-        </Field>
+          disabled={saving || !settings.floatBarEnabled}
+        />
       </div>
     </section>
   );
diff --git a/apps/desktop-tauri/src/hooks/useClaudeReconciliation.ts b/apps/desktop-tauri/src/hooks/useClaudeReconciliation.ts
index d5f375e2be6..c62e4c7f30f 100644
--- a/apps/desktop-tauri/src/hooks/useClaudeReconciliation.ts
+++ b/apps/desktop-tauri/src/hooks/useClaudeReconciliation.ts
@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useState } from "react";
-import { listen } from "@tauri-apps/api/event";
 import { claudeReconciliationState } from "../lib/tauri";
 import type { ClaudeReconciliationSnapshot } from "../types/bridge";
+import { useTauriEvent } from "./useTauriEvent";
 
 const isTerminal = (snapshot: ClaudeReconciliationSnapshot) => snapshot.status !== "pending";
 
@@ -35,14 +35,14 @@ export function useClaudeReconciliation() {
     setSnapshot(current => selectClaudeReconciliation(current, candidate));
   }, []);
 
+  useTauriEvent<ClaudeReconciliationSnapshot>(
+    "claude-reconciliation-changed",
+    event => accept(event.payload),
+    [accept],
+  );
+
   useEffect(() => {
     let mounted = true;
-    const unlisten = listen<ClaudeReconciliationSnapshot>(
-      "claude-reconciliation-changed",
-      event => {
-        if (mounted) accept(event.payload);
-      },
-    );
     void claudeReconciliationState()
       .then(current => {
         if (mounted && current) accept(current);
@@ -50,7 +50,6 @@ export function useClaudeReconciliation() {
       .catch(() => {});
     return () => {
       mounted = false;
-      void unlisten.then(dispose => dispose()).catch(() => {});
     };
   }, [accept]);
 
diff --git a/apps/desktop-tauri/src/hooks/useCodexAccountsState.ts b/apps/desktop-tauri/src/hooks/useCodexAccountsState.ts
new file mode 100644
index 00000000000..3d47e70afd1
--- /dev/null
+++ b/apps/desktop-tauri/src/hooks/useCodexAccountsState.ts
@@ -0,0 +1,62 @@
+import { useCallback, useEffect, useState } from "react";
+import type { CodexAccountsStateBridge, CodexAccountUsageSnapshot } from "../types/bridge";
+import { getCodexAccountsState } from "../lib/tauri";
+import { useTauriEvent } from "./useTauriEvent";
+
+type CodexAccountsView = Required<
+  Pick<
+    CodexAccountsStateBridge,
+    "accounts" | "snapshots" | "displayNames" | "accountOrdinals" | "needsAuthentication"
+  >
+>;
+
+// Module constants so effects keyed on these fields stay quiet until the first load lands.
+const EMPTY: CodexAccountsView = {
+  accounts: [],
+  snapshots: {},
+  displayNames: {},
+  accountOrdinals: {},
+  needsAuthentication: {},
+};
+
+/**
+ * The shared Codex account store (`get_codex_accounts_state`), reloaded on
+ * `codex-accounts-updated`. `error` and `setError` are shared with the caller's
+ * own actions so one alert line shows the latest failure.
+ */
+export function useCodexAccountsState() {
+  const [view, setView] = useState<CodexAccountsView | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const load = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const next = await getCodexAccountsState();
+      setView({
+        accounts: next.accounts,
+        snapshots: next.snapshots,
+        displayNames: next.displayNames ?? {},
+        accountOrdinals: next.accountOrdinals,
+        needsAuthentication: next.needsAuthentication ?? {},
+      });
+    } catch (err: unknown) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    void load();
+  }, [load]);
+
+  useTauriEvent("codex-accounts-updated", () => void load(), [load]);
+
+  const setSnapshot = useCallback((id: string, snapshot: CodexAccountUsageSnapshot) => {
+    setView((prev) => prev && { ...prev, snapshots: { ...prev.snapshots, [id]: snapshot } });
+  }, []);
+
+  return { ...(view ?? EMPTY), loaded: view !== null, loading, error, setError, load, setSnapshot };
+}
diff --git a/apps/desktop-tauri/src/hooks/useFormattedResetTime.test.tsx b/apps/desktop-tauri/src/hooks/useFormattedResetTime.test.tsx
index ce682dd58c8..fe6d439757e 100644
--- a/apps/desktop-tauri/src/hooks/useFormattedResetTime.test.tsx
+++ b/apps/desktop-tauri/src/hooks/useFormattedResetTime.test.tsx
@@ -15,9 +15,7 @@ vi.mock("../lib/tauri", () => ({
   setUiLanguage: vi.fn(),
 }));
 
-vi.mock("@tauri-apps/api/event", () => ({
-  listen: vi.fn().mockResolvedValue(() => {}),
-}));
+vi.mock("@tauri-apps/api/event", () => import("../test/mocks/event"));
 
 function Probe({
   resetsAt,
diff --git a/apps/desktop-tauri/src/hooks/useLocale.test.tsx b/apps/desktop-tauri/src/hooks/useLocale.test.tsx
index d7a559b821a..ec7da028521 100644
--- a/apps/desktop-tauri/src/hooks/useLocale.test.tsx
+++ b/apps/desktop-tauri/src/hooks/useLocale.test.tsx
@@ -7,9 +7,7 @@ vi.mock("../lib/tauri", () => ({
   setUiLanguage: vi.fn(),
 }));
 
-vi.mock("@tauri-apps/api/event", () => ({
-  listen: vi.fn().mockResolvedValue(() => {}),
-}));
+vi.mock("@tauri-apps/api/event", () => import("../test/mocks/event"));
 
 import { LocaleProvider } from "../i18n/LocaleProvider";
 import { useLocale } from "./useLocale";
diff --git a/apps/desktop-tauri/src/hooks/useProviders.test.tsx b/apps/desktop-tauri/src/hooks/useProviders.test.tsx
index 93601110d90..fc6194101ce 100644
--- a/apps/desktop-tauri/src/hooks/useProviders.test.tsx
+++ b/apps/desktop-tauri/src/hooks/useProviders.test.tsx
@@ -17,49 +17,18 @@ vi.mock("../lib/tauri", () => tauriMocks);
 vi.mock("@tauri-apps/api/event", () => eventMocks);
 
 import { useProviders } from "./useProviders";
+import { makeRateWindow, makeUsageSnapshot } from "../test/fixtures";
 import type { ProviderUsageSnapshot } from "../types/bridge";
 
 function provider(id: string, usedPercent = 20): ProviderUsageSnapshot {
-  return {
-    providerId: id,
-    displayName: id,
-    primary: {
-      usedPercent,
-      remainingPercent: 100 - usedPercent,
-      windowMinutes: null,
-      resetsAt: null,
-      resetDescription: null,
-      isExhausted: false,
-      reservePercent: null,
-      reserveDescription: null,
-    },
-    selectedMetric: {
-      usedPercent,
-      remainingPercent: 100 - usedPercent,
-      windowMinutes: null,
-      resetsAt: null,
-      resetDescription: null,
-      isExhausted: false,
-      reservePercent: null,
-      reserveDescription: null,
-    },
+  return makeUsageSnapshot(id, {
+    primary: makeRateWindow(usedPercent),
+    selectedMetric: makeRateWindow(usedPercent),
     primaryLabel: "Session",
-    secondary: null,
-    modelSpecific: null,
-    tertiary: null,
-    extraRateWindows: [],
-    cost: null,
-    planName: null,
-    accountEmail: null,
     sourceLabel: "CLI",
     updatedAt: new Date().toISOString(),
-    error: null,
-    errorState: "ready",
-    pace: null,
-    accountOrganization: null,
-    trayStatusLabel: null,
     fetchDurationMs: null,
-  };
+  });
 }
 
 function providerResettingAt(id: string, resetsAt: string): ProviderUsageSnapshot {
diff --git a/apps/desktop-tauri/src/hooks/useSettings.ts b/apps/desktop-tauri/src/hooks/useSettings.ts
index 9d8d85d9f43..2d1f6afd9fa 100644
--- a/apps/desktop-tauri/src/hooks/useSettings.ts
+++ b/apps/desktop-tauri/src/hooks/useSettings.ts
@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-import { listen } from "@tauri-apps/api/event";
 import type { SettingsSnapshot, SettingsUpdate } from "../types/bridge";
 import { getSettingsSnapshot, updateSettings } from "../lib/tauri";
+import { useTauriEvent } from "./useTauriEvent";
 
 interface UseSettingsReturn {
   settings: SettingsSnapshot;
@@ -88,37 +88,16 @@ export function useSettings(initial: SettingsSnapshot): UseSettingsReturn {
   // React state, so the in-window CustomEvent below never reaches them. Rust
   // broadcasts "settings-changed" after every persisted update; re-fetch the
   // snapshot so this surface (e.g. the tray zoom) re-renders live.
-  useEffect(() => {
-    let active = true;
-    let unlisten: (() => void) | undefined;
-    // `Promise.resolve` tolerates test mocks that return a bare unlisten fn (or
-    // undefined) instead of a promise; the `active` flag handles unmounting
-    // before the listener finishes registering.
-    Promise.resolve(
-      listen("settings-changed", () => {
-        getSettingsSnapshot()
-          .then((fresh) => {
-            // While a save from this window is pending, its response is the
-            // newer state; an earlier save's broadcast must not undo it.
-            if (pendingSaves.current === 0) setSettings(fresh);
-          })
-          .catch(() => {
-            // Keep the current copy if the refresh fails.
-          });
-      }),
-    )
-      .then((fn) => {
-        if (active) {
-          unlisten = fn;
-        } else {
-          fn?.();
-        }
+  useTauriEvent("settings-changed", () => {
+    getSettingsSnapshot()
+      .then((fresh) => {
+        // While a save from this window is pending, its response is the
+        // newer state; an earlier save's broadcast must not undo it.
+        if (pendingSaves.current === 0) setSettings(fresh);
       })
-      .catch(() => {});
-    return () => {
-      active = false;
-      unlisten?.();
-    };
+      .catch(() => {
+        // Keep the current copy if the refresh fails.
+      });
   }, []);
 
   // `saving` disables every control on the tab, which dims them to 50%
diff --git a/apps/desktop-tauri/src/hooks/useTauriEvent.ts b/apps/desktop-tauri/src/hooks/useTauriEvent.ts
new file mode 100644
index 00000000000..a3af8c6ba24
--- /dev/null
+++ b/apps/desktop-tauri/src/hooks/useTauriEvent.ts
@@ -0,0 +1,36 @@
+import { useEffect, type DependencyList } from "react";
+import { listen, type Event } from "@tauri-apps/api/event";
+
+/**
+ * Subscribes to a Tauri event for the lifetime of `deps`. Events that arrive
+ * after cleanup (while `listen` is still resolving) are dropped, and an
+ * unmount before registration finishes still unlistens.
+ */
+export function useTauriEvent<T = unknown>(
+  event: string,
+  handler: (event: Event<T>) => void,
+  deps: DependencyList,
+): void {
+  useEffect(() => {
+    let active = true;
+    let unlisten: (() => void) | undefined;
+    // `Promise.resolve` tolerates test mocks that return a bare unlisten fn (or
+    // undefined) instead of a promise.
+    Promise.resolve(
+      listen<T>(event, (received) => {
+        if (active) handler(received);
+      }),
+    )
+      .then((fn) => {
+        if (active) unlisten = fn;
+        else fn?.();
+      })
+      .catch(() => {});
+    return () => {
+      active = false;
+      unlisten?.();
+    };
+    // The caller's deps decide when the handler closure is replaced.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [event, ...deps]);
+}
diff --git a/apps/desktop-tauri/src/hooks/useUpdateState.ts b/apps/desktop-tauri/src/hooks/useUpdateState.ts
index 4dfef2b0725..db56ea051c6 100644
--- a/apps/desktop-tauri/src/hooks/useUpdateState.ts
+++ b/apps/desktop-tauri/src/hooks/useUpdateState.ts
@@ -1,5 +1,4 @@
 import { useCallback, useEffect, useState } from "react";
-import { listen } from "@tauri-apps/api/event";
 import type { UpdateStatePayload } from "../types/bridge";
 import {
   checkForUpdates,
@@ -9,6 +8,7 @@ import {
   openReleasePage,
   getUpdateState,
 } from "../lib/tauri";
+import { useTauriEvent } from "./useTauriEvent";
 
 export interface UseUpdateStateResult {
   /** Current update lifecycle state from the backend. */
@@ -79,18 +79,12 @@ export function useUpdateState(): UseUpdateStateResult {
       if (!cancelled) setUpdateState(s);
     });
 
-    const unlisten = listen<UpdateStatePayload>(
-      "update-state-changed",
-      (event) => {
-        if (!cancelled) setUpdateState(event.payload);
-      },
-    );
-
     return () => {
       cancelled = true;
-      unlisten.then((fn) => fn());
     };
   }, []);
 
+  useTauriEvent<UpdateStatePayload>("update-state-changed", (event) => setUpdateState(event.payload), []);
+
   return { updateState, checkNow, download, apply, dismiss, openRelease };
 }
diff --git a/apps/desktop-tauri/src/i18n/LocaleProvider.tsx b/apps/desktop-tauri/src/i18n/LocaleProvider.tsx
index 8a3207dbf4f..2595a769964 100644
--- a/apps/desktop-tauri/src/i18n/LocaleProvider.tsx
+++ b/apps/desktop-tauri/src/i18n/LocaleProvider.tsx
@@ -7,8 +7,8 @@ import {
   useState,
   type ReactNode,
 } from "react";
-import { listen, type UnlistenFn } from "@tauri-apps/api/event";
 import { getLocaleStrings, setUiLanguage } from "../lib/tauri";
+import { useTauriEvent } from "../hooks/useTauriEvent";
 import type {
   Language,
   LocaleChangedPayload,
@@ -59,30 +59,17 @@ export function LocaleProvider({ children }: { children: ReactNode }) {
         setError(cause instanceof Error ? cause.message : String(cause));
       }
     });
-
-    let unlisten: UnlistenFn | null = null;
-    listen<LocaleChangedPayload>("locale-changed", (event) => {
-      load(event.payload).catch(() => {
-        // Best-effort refetch — the next manual reload will retry.
-      });
-    })
-      .then((fn) => {
-        if (cancelled) {
-          fn();
-        } else {
-          unlisten = fn;
-        }
-      })
-      .catch(() => {
-        /* listen failures are non-fatal */
-      });
-
     return () => {
       cancelled = true;
-      if (unlisten) unlisten();
     };
   }, [load]);
 
+  useTauriEvent<LocaleChangedPayload>("locale-changed", (event) => {
+    load(event.payload).catch(() => {
+      // Best-effort refetch — the next manual reload will retry.
+    });
+  }, [load]);
+
   const setLanguage = useCallback(
     async (language: Language) => {
       await setUiLanguage(language);
diff --git a/apps/desktop-tauri/src/i18n/keyGroups/core.ts b/apps/desktop-tauri/src/i18n/keyGroups/core.ts
new file mode 100644
index 00000000000..af828fc8faa
--- /dev/null
+++ b/apps/desktop-tauri/src/i18n/keyGroups/core.ts
@@ -0,0 +1,1041 @@
+// Settings tabs, notifications, tray, providers and Settings panes.
+export const CORE_LOCALE_KEYS = [
+  "TabGeneral",
+  "TabProviders",
+  "TabNotifications",
+  "TabMenuBar",
+  "TabMenu",
+  "TabApiKeys",
+  "TabCookies",
+  "TabUsageSpend",
+  "TabAdvanced",
+  "TabHooks",
+  "TabAbout",
+  "TabShortcuts",
+  "InterfaceLanguage",
+  "GeneralLanguageHelper",
+  "StartupSettings",
+  "StartAtLogin",
+  "StartMinimized",
+  "StartAtLoginHelper",
+  "StartMinimizedHelper",
+  "ShowNotificationsHelper",
+  "SoundEnabledHelper",
+  "HighUsageThresholdHelper",
+  "CriticalUsageThresholdHelper",
+  "ShowNotifications",
+  "SoundEnabled",
+  "NotificationSoundTheme",
+  "NotificationSoundThemeHelper",
+  "NotificationSoundThemeWindows",
+  "NotificationSoundThemeCodexBar",
+  "NotificationSoundChooseFile",
+  "NotificationSoundClearFile",
+  "NotificationSoundUsesTheme",
+  "NotificationSoundWaveFile",
+  "NotificationSoundEventPredictiveWarning",
+  "NotificationSoundEventPredictiveWarningHelper",
+  "NotificationSoundEventHighUsage",
+  "NotificationSoundEventHighUsageHelper",
+  "NotificationSoundEventCriticalUsage",
+  "NotificationSoundEventCriticalUsageHelper",
+  "NotificationSoundEventExhausted",
+  "NotificationSoundEventExhaustedHelper",
+  "NotificationSoundEventStatusIssue",
+  "NotificationSoundEventStatusIssueHelper",
+  "NotificationSoundEventSessionDepleted",
+  "NotificationSoundEventSessionDepletedHelper",
+  "NotificationSoundEventSessionRestored",
+  "NotificationSoundEventSessionRestoredHelper",
+  "HighUsageThreshold",
+  "HighUsageAlert",
+  "CriticalUsageThreshold",
+  "CriticalUsageAlert",
+  "PredictivePaceWarnings",
+  "PredictivePaceWarningsHelper",
+  "PredictivePaceWarningTitle",
+  "PredictivePaceWarningBody",
+  "LimitResetNotifications",
+  "LimitResetNotificationsHelper",
+  "LimitResetNotificationTitle",
+  "LimitResetNotificationBody",
+  "LimitResetNotificationBodyWithAccount",
+  "NotificationHighUsageTitle",
+  "NotificationCriticalUsageTitle",
+  "NotificationExhaustedTitle",
+  "NotificationStatusIssueTitle",
+  "NotificationSessionDepletedTitle",
+  "NotificationSessionRestoredTitle",
+  "NotificationHighUsageBody",
+  "NotificationCriticalUsageBody",
+  "NotificationExhaustedBody",
+  "NotificationStatusIssueBody",
+  "NotificationSessionDepletedBody",
+  "NotificationSessionRestoredBody",
+  "NotificationWindowSession",
+  "NotificationWindowWeekly",
+  "NotificationWindowUsage",
+  "CredentialExpiryNotifications",
+  "CredentialExpiryNotificationsHelper",
+  "CredentialExpiryTitle",
+  "CredentialExpiryBody",
+  "UsageDisplay",
+  "ShowUsageAsUsed",
+  "ShowUsageAsUsedHelper",
+  "ResetTimeRelative",
+  "ResetTimeRelativeHelper",
+  "ShowResetWhenExhausted",
+  "ShowResetWhenExhaustedHelper",
+  "ShowPace",
+  "ShowPaceHelper",
+  "TrayIcon",
+  "MergeTrayIcons",
+  "MergeTrayIconsHelper",
+  "PerProviderTrayIcons",
+  "PerProviderTrayIconsHelper",
+  "ProviderEnabled",
+  "ProviderDisabled",
+  "ProviderInfo",
+  "ProviderUsage",
+  "AtlasCloudAvailableBalance",
+  "AtlasCloudBalance",
+  "PanelUsageDetails",
+  "AuthType",
+  "DataSource",
+  "ProviderNotDetected",
+  "ProviderLastFetchFailed",
+  "ProviderUsageNotFetchedYet",
+  "ProviderNotFetchedYetTitle",
+  "ProviderDisabledNoRecentData",
+  "ProviderSourceAutoShort",
+  "ProviderSourceWebShort",
+  "ProviderSourceCliShort",
+  "ProviderSourceOauthShort",
+  "ProviderSourceApiShort",
+  "ProviderSourceGithubApiShort",
+  "ProviderSourceLocalShort",
+  "ProviderSourceKiroEnvShort",
+  "WayfinderGatewayTitle",
+  "WayfinderGatewayLabel",
+  "WayfinderGatewayHelp",
+  "WayfinderGatewayStatus",
+  "BifrostGatewayTitle",
+  "BifrostGatewayHelp",
+  "AixyGatewayTitle",
+  "AixyGatewayLabel",
+  "AixyGatewayHelp",
+  "ClawRouterGatewayTitle",
+  "ClawRouterGatewayHelp",
+  "WayfinderModels",
+  "WayfinderRequests",
+  "WayfinderTokens",
+  "WayfinderSaved",
+  "WayfinderOffline",
+  "WayfinderDryRun",
+  "WayfinderMissingKeys",
+  "TrackingItem",
+  "MainWindowLiveUsageData",
+  "StartTrackingUsage",
+  "ClickTrayIconForMetrics",
+  "BrowserCookieImport",
+  "ImportFromBrowser",
+  "NoCookiesFoundInBrowser",
+  "SelectBrowser",
+  "ImportCookies",
+  "ImportSuccess",
+  "ImportFailed",
+  "SaveFailed",
+  "CookiesAutoImport",
+  "QuickActions",
+  "OpenProviderDashboard",
+  "OllamaNoDashboard",
+  "ApiKeysTitle",
+  "ApiKeysDescription",
+  "AddKey",
+  "KeySet",
+  "KeyRequired",
+  "Remove",
+  "GetKey",
+  "SavedCookies",
+  "AddManualCookie",
+  "CookieHeader",
+  "PasteHere",
+  "DeleteCookie",
+  "CookieSaved",
+  "CookieDeleted",
+  "RefreshSettings",
+  "Animations",
+  "MenuBar",
+  "Fun",
+  "GlobalShortcut",
+  "Privacy",
+  "Updates",
+  "UpdateChannel",
+  "UpdateChannelStable",
+  "UpdateChannelBeta",
+  "Never",
+  "LastUpdated",
+  "NeverUpdated",
+  "MinutesAgo",
+  "HoursAgo",
+  "DaysAgo",
+  "BuiltWithRust",
+  "OriginalMacOSVersion",
+  "Links",
+  "BuildInfo",
+  "EnabledProviders",
+  "Appearance",
+  "ThemeSelection",
+  "LightMode",
+  "DarkMode",
+  "AboutTitle",
+  "Version",
+  "ActionRefreshAll",
+  "ActionSettings",
+  "ActionClose",
+  "ProviderAccount",
+  "ProviderSession",
+  "ProviderWeekly",
+  "ProviderMonthly",
+  "DeepSeekPricingTitle",
+  "DeepSeekPricingStandard",
+  "DeepSeekPricingPeak",
+  "DeepSeekPricingOffPeak",
+  "DeepSeekPricingCurrent",
+  "DeepSeekPricingNext",
+  "DeepSeekPricingEffective",
+  "DeepSeekPricingAdvice",
+  "ProviderModel",
+  "ProviderPlan",
+  "ProviderNextReset",
+  "ProviderNoRecentUsage",
+  "ProviderNotSignedIn",
+  "SummaryTab",
+  "StateLoadingProviders",
+  "StateNoProviderData",
+  "StateNoProviderSelected",
+  "StateSummaryRefreshPending",
+  "StateError",
+  "StateRetry",
+  "StateDownload",
+  "StateRestartAndUpdate",
+  "CreditsTitle",
+  "UpdateRestartAndUpdate",
+  "UpdateRetry",
+  "UpdateDownload",
+  "UpdateDownloading",
+  "UpdateReady",
+  "UpdateFailed",
+  "ButtonOpenProviderSettings",
+  "MenuSettings",
+  "MenuAbout",
+  "MenuAboutVersion",
+  "MenuQuit",
+  "QuitCodexBar",
+  "TrayMenuSwitchAccount",
+  "TrayMenuUsageDashboard",
+  "TrayMenuStatusPage",
+  "StatusJustUpdated",
+  "StatusUnableToGetUsage",
+  "ActionRefresh",
+  "ActionSwitchAccount",
+  "ActionUsageDashboard",
+  "ActionStatusPage",
+  "ActionCopyError",
+  "ActionBuyCredits",
+  "PaceOnTrack",
+  "PaceBehind",
+  "PaceOnPace",
+  "PaceInReserve",
+  "PaceInDeficit",
+  "PaceLastsUntilReset",
+  "PaceRunsOutIn",
+  "PaceRunsOutNow",
+  "PaceProjectedEmptyIn",
+  "PaceProjectedEmptyNow",
+  "UsageBarQuotaWarnings",
+  "UsageBarWorkDays",
+  "MetricResetsIn",
+  "SectionUsageBreakdown",
+  "SectionCost",
+  "ResetInProgress",
+  "TomorrowAt",
+  "ResetTomorrowAt",
+  "UsedPercent",
+  "RemainingPercent",
+  "RemainingAmount",
+  "Tokens1K",
+  "TodayCost",
+  "Last30DaysCost",
+  "StatusLabel",
+  "TrayOpenCodexBar",
+  "TrayPopOutDashboard",
+  "TrayShowFloatBar",
+  "TrayStayAwakeActive",
+  "TrayRefreshAll",
+  "TrayProviders",
+  "TraySettings",
+  "TrayCheckForUpdates",
+  "TrayQuit",
+  "TrayLoading",
+  "TrayNoProviders",
+  "TraySessionPercent",
+  "TrayWeeklyPercent",
+  "TrayStatusError",
+  "TrayStatusStale",
+  "TrayStatusIncident",
+  "TrayStatusPartial",
+  "TrayWeeklyExhausted",
+  "TrayCreditsRemaining",
+  "TrayStatusRowLoading",
+  "TrayStatusRowError",
+  "TrayCreditsRow",
+  "TrayProviderPopOut",
+  "TrayProviderRefresh",
+  "TrayProviderSettings",
+  "TrayProviderQuit",
+  "State",
+  "Source",
+  "Updated",
+  "UpdatedJustNow",
+  "UpdatedMinutesAgo",
+  "UpdatedHoursAgo",
+  "UpdatedDaysAgo",
+  "Status",
+  "AllSystemsOperational",
+  "Plan",
+  "Account",
+  "ProviderSessionLabel",
+  "ProviderWeeklyLabel",
+  "ClaudeScopedWeeklyLabel",
+  "ProviderCodeReviewLabel",
+  "ResetsInShort",
+  "ResetsInDaysHours",
+  "ResetsInHoursMinutes",
+  "ResetsInMinutes",
+  "ResetsInDaysMinutes",
+  "NextExpiresInDaysHours",
+  "NextExpiresInHoursMinutes",
+  "NextExpiresInMinutes",
+  "NextExpiresDueNow",
+  "InventoryAvailableCount",
+  "TrayDisplayTitle",
+  "ShowInTray",
+  "CreditsLabel",
+  "CreditsLeft",
+  "CostTitle",
+  "TodayCostFull",
+  "Last30DaysCostFull",
+  "ProviderSettingsTitle",
+  "ProviderAccountsTitle",
+  "ProviderOptionsTitle",
+  "MenuBarMetric",
+  "MenuBarMetricHelper",
+  "UsageSource",
+  "ProviderZedBrowserSession",
+  "ProviderZedUsageSourceAutoHelp",
+  "ProviderZedUsageSourceApiHelp",
+  "ProviderZedUsageSourceWebHelp",
+  "ProviderNoCodexAccountsDetected",
+  "ProviderCodexAutoImportHelp",
+  "ProviderCodexHistoryHelp",
+  "ProviderOpenAiCookies",
+  "ProviderHistoricalTracking",
+  "ProviderOpenAiWebExtras",
+  "ProviderOpenAiWebExtrasHelp",
+  "ProviderCodexCreditsUnavailable",
+  "ProviderCodexLastFetchFailedTitle",
+  "ProviderCodexNotRunningHelp",
+  "ProviderCookieSource",
+  "CookieSourceManual",
+  "ProviderRaycastAutoImportHelp",
+  "ProviderRaycastManualCookieHelp",
+  "ProviderRaycastCookiesDisabled",
+  "CookieHelpCodexManual",
+  "CookieHelpCodexOff",
+  "CookieHelpCursorManual",
+  "CookieHelpGrokAuto",
+  "CookieHelpGrokManual",
+  "CookieHelpGrokOff",
+  "CookieHelpOpenCodeAuto",
+  "CookieHelpOpenCodeManual",
+  "CookieHelpFactoryAuto",
+  "CookieHelpFactoryManual",
+  "CookieHelpAlibabaAuto",
+  "CookieHelpAlibabaManual",
+  "CookieHelpAutoBrowserCookies",
+  "CookieHelpKimiManual",
+  "CookieHelpKimiOff",
+  "CookieHelpMiniMaxAuto",
+  "CookieHelpMiniMaxManual",
+  "CookieHelpAugmentManual",
+  "CookieHelpAmpManual",
+  "CookieHelpOllamaManual",
+  "CookieHelpMistralAuto",
+  "CookieHelpMistralManual",
+  "CookieHelpNotionAuto",
+  "CookieHelpNotionManual",
+  "CookieHelpNotionOff",
+  "CookieHelpMuseAuto",
+  "CookieHelpMuseManual",
+  "CookieHelpMuseOff",
+  "CookieHelpReplicateAuto",
+  "CookieHelpReplicateManual",
+  "CookieHelpHelmcodeAuto",
+  "CookieHelpHelmcodeManual",
+  "CookieHelpTypeSafeAuto",
+  "CookieHelpTypeSafeManual",
+  "CookieHelpHyperAuto",
+  "CookieHelpHyperManual",
+  "CookieHelpHyperOff",
+  "RegionAlibabaSingapore",
+  "RegionAlibabaUsEast",
+  "RegionAlibabaGermany",
+  "RegionAlibabaHongKong",
+  "RegionAlibabaChinaMainland",
+  "RegionAlibabaTokenPlanChinaTeam",
+  "RegionAlibabaTokenPlanInternationalTeam",
+  "RegionAlibabaTokenPlanChinaPersonal",
+  "RegionAlibabaTokenPlanInternationalPersonal",
+  "RegionKimiChina",
+  "RegionKimiInternational",
+  "RegionMiniMaxGlobal",
+  "RegionMiniMaxChinaMainland",
+  "RegionZaiGlobal",
+  "RegionZaiChinaMainland",
+  "ProviderManualCookieMissing",
+  "ProviderUseAutomaticCookies",
+  "ProviderRegion",
+  "ProviderClaudeCookies",
+  "ProviderClaudeCookiesHelp",
+  "ProviderClaudeAvoidKeychainPrompts",
+  "ProviderClaudeAvoidKeychainPromptsHelp",
+  "ProviderClaudeDailyRoutinesUsage",
+  "ProviderClaudeDailyRoutinesUsageHelp",
+  "ProviderClaudeAllowReadingClaudeCodeCredentials",
+  "ProviderClaudeAllowReadingClaudeCodeCredentialsHelp",
+  "ProviderCodexSparkUsage",
+  "ProviderCodexSparkUsageHelp",
+  "CopilotSeatCreditTitle",
+  "CopilotSeatCreditHelper",
+  "CopilotSeatCreditInvalid",
+  "CodexAccountsTitle",
+  "ClaudeAccountsTitle",
+  "ClaudeAccountsHint",
+  "ClaudeAccountsEmpty",
+  "ClaudeAccountsSaveCurrent",
+  "ClaudeAccountsCancelLogin",
+  "ClaudeAccountsSigningIn",
+  "ClaudeAccountsSwitched",
+  "ClaudeAccountsAdded",
+  "ClaudeAccountsReconciling",
+  "GrokAccountsTitle",
+  "GrokAccountsHint",
+  "GrokAccountsEmpty",
+  "GrokAccountsSaveCurrent",
+  "GrokAccountsCancelLogin",
+  "GrokAccountsSigningIn",
+  "GrokAccountsSwitched",
+  "GrokUsageLoading",
+  "GrokUsageSignInRequired",
+  "GrokUsageUnavailable",
+  "GrokUsageFailed",
+  "GrokUsageResetUnavailable",
+  "GrokUsageRetry",
+  "GrokAccountsSignInAgain",
+  "GrokAccountsReauthenticated",
+  "GrokAccountsSourceHint",
+  "CodexAccountsSwitchedHint",
+  "GrokAccountsAdded",
+  "ClaudeSwapTitle",
+  "ClaudeSwapHint",
+  "ClaudeSwapEnable",
+  "ClaudeSwapEnableHelp",
+  "ClaudeSwapExecutablePath",
+  "ClaudeSwapExecutablePathPlaceholder",
+  "ClaudeSwapStatusDisabled",
+  "ClaudeSwapStatusNoExecutable",
+  "ClaudeSwapStatusReady",
+  "ClaudeSwapEmpty",
+  "ClaudeSwapSwitchButton",
+  "ClaudeSwapReauthenticateButton",
+  "ClaudeSwapSwitched",
+  "ClaudeSwapReauthenticated",
+  "ClaudeSwapReconciling",
+  "ClaudeSwapUsageUnavailable",
+  "ClaudeSwapHistoricalUsage",
+  "ClaudeSwapHistoricalCapturedAt",
+  "ClaudeSwapSpend",
+  "ClaudeSwapDisabled",
+  "CodexAccountsHint",
+  "CodexAccountsAddButton",
+  "CodexAccountsSignInButton",
+  "CodexAccountsSigningIn",
+  "CodexAccountsReauthenticateButton",
+  "CodexAccountsSwitchButton",
+  "CodexAccountsFetchButton",
+  "CodexAccountsRemoveButton",
+  "CodexAccountsEmpty",
+  "CodexAccountsSourceAmbient",
+  "CodexAccountsSourceManaged",
+  "CodexAccountsUsageUnavailable",
+  "CodexSwitchSuccess",
+  "CodexSwitchRestartPrompt",
+  "CodexAccountsRestartDesktop",
+  "ProviderCursorCookieSourceHelp",
+  "ProviderCursorCreditsHelp",
+  "AutoFallbackHelp",
+  "ProviderSourceOauthWeb",
+  "Automatic",
+  "Average",
+  "ExtraUsage",
+  "OAuth",
+  "Api",
+  "Web",
+  "PrivacyTitle",
+  "HidePersonalInfo",
+  "HidePersonalInfoHelper",
+  "SectionLocalIntegrations",
+  "PowerToysPipeLabel",
+  "PowerToysPipeHelper",
+  "HooksEnableLabel",
+  "HooksEnableSubtitle",
+  "HooksTrustWarning",
+  "HooksPartlyOn",
+  "HooksLoadError",
+  "HooksSaveError",
+  "HooksRulesHeader",
+  "HooksEmpty",
+  "HooksAddRule",
+  "HooksDeleteRule",
+  "HooksRuleEnabled",
+  "HooksEvent",
+  "HooksProvider",
+  "HooksAnyProvider",
+  "HooksThreshold",
+  "HooksExecutable",
+  "HooksExecutablePlaceholder",
+  "HooksArguments",
+  "HooksArgument",
+  "HooksAddArgument",
+  "HooksDeleteArgument",
+  "HooksRulesFooter",
+  "NetworkProxyInvalidUrl",
+  "NetworkProxyPasswordHelper",
+  "NetworkProxyPasswordLabel",
+  "NetworkProxyUserLabel",
+  "NetworkProxyUrlHelper",
+  "NetworkProxyUrlLabel",
+  "NetworkProxyEnableHelper",
+  "NetworkProxyEnableLabel",
+  "NetworkProxyCaption",
+  "NetworkProxyTitle",
+  "UsageSpendTitle",
+  "UsageSpendCaption",
+  "UsageSpendModels",
+  "UsageSpendOpenCodexImport",
+  "UsageSpendHideNativeCodex",
+  "UsageSpendSpend",
+  "UsageSpendPriceCoverage",
+  "UsageSpendConversations",
+  "UsageSpendTokenMix",
+  "UsageSpendKnownZero",
+  "UsageSpendApiEstimate",
+  "UsageSpendVendorMetered",
+  "UsageSpendMixedSources",
+  "UsageSpendUnknown",
+  "UsageSpendUnpriced",
+  "UsageSpendHistoryCovered",
+  "UsageSpendPartialHistory",
+  "UsageSpendCustomPricingActive",
+  "UsageSpendDefaultPricing",
+  "UsageSpendHourlyActivity",
+  "UsageSpendPerformanceDetails",
+  "UsageSpendTurnOutput",
+  "UsageSpendFirstToken",
+  "UsageSpendTurnDuration",
+  "UsageSpendTokensPerSecond",
+  "UsageSpendSeconds",
+  "UsageSpendPerformanceCaveat",
+  "UsageSpendTurnOutputHelp",
+  "UsageSpendFirstTokenHelp",
+  "UsageSpendP95Duration",
+  "UsageSpendP95FirstToken",
+  "UsageSpendNeedsTwentyTurns",
+  "UsageSpendMiddleHalfRate",
+  "UsageSpendNeedsFourTurns",
+  "UsageSpendCachedInput",
+  "UsageSpendCacheUnavailable",
+  "UsageSpendByModelEffort",
+  "UsageSpendUnknownModel",
+  "UsageSpendUnknownEffort",
+  "TokenActivityTitle",
+  "TokenActivityInLastYear",
+  "TokenActivityUnavailable",
+  "TokenActivityCoverage",
+  "TokenActivityNoActivity",
+  "TokenActivityLess",
+  "TokenActivityMore",
+  "TokenActivityEachColumnWeek",
+  "TokenActivityRunningTotal",
+  "TokenActivityDaily",
+  "TokenActivityWeekly",
+  "TokenActivityCumulative",
+  "TokenActivityView",
+  "TokenActivityEarlier",
+  "TokenActivityLater",
+  "UsageSpendRequests",
+  "UsageSpendTokens",
+  "UsageSpendKnownSubtotal",
+  "IncompleteRequestsLabel",
+  "IncompleteRequestsDetail",
+  "UsageSpendAllTimeHistory",
+  "UsageSpendCustomPricing",
+  "UsageSpendDailyLedger",
+  "UsageSpendDailyLedgerHelper",
+  "UsageSpendNoDailyData",
+  "OverviewSpendTitle",
+  "OverviewSpendProviderCoverage",
+  "OverviewSpendEstimate",
+  "UsageSpendProjects",
+  "UsageSpendShowAll",
+  "UsageSpendShowLess",
+  "UsageSpendNoModels",
+  "UsageSpendNoProjects",
+  "UsageSpendRefresh",
+  "UsageSpendLoading",
+  "UsageSpendRefreshing",
+  "UsageSpendEmpty",
+  "UsageSpendColProvider",
+  "UsageSpendCol7d",
+  "UsageSpendCol30d",
+  "UsageSpendColCurrency",
+  "UsageSpendColSource",
+  "UsageSpendColDate",
+  "UsageSpendColCost",
+  "UsageSpendColTokens",
+  "UsageSpendShareFailed",
+  "UsageSpendShareEmpty",
+  "UsageSpendShare",
+  "UsageSpendCopyJson",
+  "UsageSpendSaveJson",
+  "UsageSpendDailySpend",
+  "UsageSpendTrendDaily",
+  "UsageSpendTrendHourly",
+  "UsageSpendClearSelectedDay",
+  "UsageSpendSelectedDayScope",
+  "UsageSpendHourlyEstimatedSpend",
+  "UsageSpendTrendOverview",
+  "UsageSpendTrendExploreHint",
+  "UsageSpendTrendGroupDaily",
+  "UsageSpendTrendGroupWeekly",
+  "UsageSpendTrendGroupMonthly",
+  "UsageSpendTrendPreviousDay",
+  "UsageSpendTrendNextDay",
+  "UsageSpendTrendIsolateHint",
+  "UsageSpendTrendTimeZone",
+  "UsageSpendTrendNoUsage",
+  "UsageSpendTrendUnavailable",
+  "UsageSpendTrendRecorded",
+  "UsageSpendTrendRecordedHourly",
+  "UsageSpendTrendHighest",
+  "UsageSpendTrendShowDetails",
+  "UsageSpendTrendNoData",
+  "UsageSpendTrendHourlySummary",
+  "UsageSpendPartialModelBreakdown",
+  "AgentSessionsTitle",
+  "AgentSessionsEnableLabel",
+  "AgentSessionsEnableHelper",
+  "AgentSessionsStayAwakeLabel",
+  "AgentSessionsStayAwakeHelper",
+  "AgentSessionsSshHostsLabel",
+  "AgentSessionsSshHostsHelper",
+  "AgentSessionsLoading",
+  "AgentSessionsEmpty",
+  "UpdatesTitle",
+  "AboutBuilt",
+  "SectionLinks",
+  "UpdateChannelChoice",
+  "UpdateChannelChoiceHelper",
+  "AutoDownloadUpdates",
+  "AutoDownloadUpdatesHelper",
+  "InstallUpdatesOnQuit",
+  "InstallUpdatesOnQuitHelper",
+  "KeyboardShortcutsTitle",
+  "GlobalShortcutLabel",
+  "GlobalShortcutHelper",
+  "ShortcutFormatHint",
+  "Saved",
+  "InvalidFormat",
+  "ShortcutHintPlaceholder",
+  "SelectProvider",
+  "RefreshInterval30Sec",
+  "RefreshInterval1Min",
+  "RefreshInterval2Min",
+  "RefreshInterval5Min",
+  "RefreshInterval10Min",
+  "BrowserCookiesTitle",
+  "CookieImport",
+  "Provider",
+  "SelectPlaceholder",
+  "AutoRefreshInterval",
+  "AboutDescription",
+  "AboutDescriptionLine2",
+  "ViewOnGitHub",
+  "SubmitIssue",
+  "MaintainedBy",
+  "CommitLabel",
+  "BuildDateLabel",
+  "Save",
+  "Cancel",
+  "Label",
+  "Token",
+  "AddAccount",
+  "AccountAdded",
+  "AccountRemoved",
+  "AccountSwitched",
+  "AccountLabelHint",
+  "EnterApiKeyFor",
+  "PasteApiKeyHere",
+  "ApiKeySaved",
+  "ApiKeyRemoved",
+  "EnvironmentVariable",
+  "CookieSavedForProvider",
+  "CookieRemovedForProvider",
+  "ShowUsedPercent",
+  "ShowRemainingPercent",
+  "UpdateAvailableMessage",
+  "UpdateReadyMessage",
+  "UpdateFailedMessage",
+  "UpdateDownloadingMessage",
+  "TabTokenAccounts",
+  "SectionRefresh",
+  "SectionRefreshing",
+  "RefreshManualFooter",
+  "SectionNotifications",
+  "SectionAlerts",
+  "SessionQuotaNotifications",
+  "SessionQuotaNotificationsHelper",
+  "WarningAtPercentUsed",
+  "CriticalAtPercentUsed",
+  "ThresholdsCaption",
+  "SectionUsageThresholds",
+  "SectionKeyboard",
+  "SectionUsageRendering",
+  "SectionTime",
+  "SectionLanguage",
+  "PreferredCurrencyLabel",
+  "PreferredCurrencyHelper",
+  "SectionCredentialsSecurity",
+  "SectionDebug",
+  "SectionApiKeys",
+  "SectionSavedCookies",
+  "SectionImportFromBrowser",
+  "SectionAddCookieManually",
+  "SectionTokenAccounts",
+  "SectionSavedAccounts",
+  "SectionAddAccount",
+  "RefreshIntervalLabel",
+  "RefreshIntervalHelper",
+  "RefreshAllProvidersOnMenuOpen",
+  "RefreshAllProvidersOnMenuOpenHelper",
+  "CheckProviderStatus",
+  "CheckProviderStatusHelper",
+  "ServiceStatusOperational",
+  "ServiceStatusPartialOutage",
+  "ServiceStatusMajorOutage",
+  "ServiceStatusCriticalIssue",
+  "ServiceStatusMaintenance",
+  "ServiceStatusUnknown",
+  "ProviderServiceStatusHelp",
+  "LowPowerMode",
+  "LowPowerModeHelper",
+  "LowPowerModeOff",
+  "LowPowerModeOn",
+  "LowPowerModeAutomatic",
+  "HighUsageWarningHelper",
+  "CriticalUsageWarningHelper",
+  "GlobalShortcutFieldLabel",
+  "GlobalShortcutToggleHelper",
+  "SectionPreferencesTransfer",
+  "PreferencesTransferCaption",
+  "PreferencesExportButton",
+  "PreferencesImportButton",
+  "PreferencesTransferFooter",
+  "SwitcherShortcutsOpenButton",
+  "DialogDone",
+  "PreferencesExportSuccess",
+  "PreferencesImportSuccess",
+  "ShortcutRecordButton",
+  "ShortcutRecordingLabel",
+  "ShortcutRecordingHint",
+  "ShortcutClearButton",
+  "ShortcutEmptyPlaceholder",
+  "SwitcherShortcutsTitle",
+  "SwitcherShortcutsHelper",
+  "SwitcherShortcutPrevious",
+  "SwitcherShortcutNext",
+  "SwitcherShortcutSelect",
+  "SwitcherShortcutNone",
+  "SwitcherShortcutRecordingHint",
+  "SwitcherShortcutReset",
+  "SwitcherShortcutErrorUnknown",
+  "SwitcherShortcutErrorDuplicate",
+  "SwitcherShortcutErrorReserved",
+  "SwitcherShortcutErrorInvalid",
+  "NotificationTestSound",
+  "NotificationTestSoundPlaying",
+  "TrayIconModeLabel",
+  "TrayIconModeHelper",
+  "TrayIconModeSingle",
+  "TrayIconModePerProvider",
+  "TrayIconModeStacked",
+  "StackedTrayTopProvider",
+  "StackedTrayBottomProvider",
+  "ShowProviderIcons",
+  "ShowProviderIconsHelper",
+  "PreferHighestUsage",
+  "PreferHighestUsageHelper",
+  "ShowPercentInTray",
+  "ShowPercentInTrayHelper",
+  "ColorPaceInTray",
+  "ColorPaceInTrayHelper",
+  "ColorByProviderInTray",
+  "ColorByProviderInTrayHelper",
+  "PaceSignLabel",
+  "PaceSignHelper",
+  "PaceSignAheadPositive",
+  "PaceSignReservePositive",
+  "DisplayModeLabel",
+  "DisplayModeHelper",
+  "DisplayModeDetailed",
+  "DisplayModeCompact",
+  "DisplayModeMinimal",
+  "TrayPanelAlwaysOnTopLabel",
+  "TrayPanelAlwaysOnTopHelper",
+  "PanelScaleLabel",
+  "PanelScaleHelper",
+  "WindowMinimize",
+  "WindowRestore",
+  "WindowClose",
+  "ShowAsUsedLabel",
+  "ShowAsUsedHelper",
+  "HighlightMenuCardsOnHoverLabel",
+  "OverviewLayoutLabel",
+  "OverviewLayoutHelper",
+  "OverviewLayoutDetailed",
+  "OverviewLayoutCompact",
+  "ShowAllTokenAccountsLabel",
+  "ShowAllTokenAccountsHelper",
+  "EnableAnimationsLabel",
+  "EnableAnimationsHelper",
+  "UpdateChannelStableOption",
+  "UpdateChannelBetaOption",
+  "CodexLocalLogsTitle",
+  "CodexLocalLogsCaption",
+  "CodexLogPathsLabel",
+  "CodexLogPathsHelper",
+  "DisableAllKeychainLabel",
+  "DisableAllKeychainHelper",
+  "CredentialAccessFooter",
+  "SectionTheme",
+  "ThemeLabel",
+  "ThemeHelper",
+  "ThemeAutoOption",
+  "ThemeLightOption",
+  "ThemeDarkOption",
+  "SettingsStatusSaving",
+  "ApiKeysTabHint",
+  "FetchingProviderData",
+  "NoProvidersConfigured",
+  "EnableProvidersHint",
+  "OpenSettingsButton",
+  "TooltipRefresh",
+  "TrayCardErrorBadge",
+  "SummaryProvidersLabel",
+  "SummaryRefreshing",
+  "SummaryFailed",
+  "SummaryWithErrors",
+  "DetailBackButton",
+  "DetailWindowPrimary",
+  "DetailWindowSecondary",
+  "DetailWindowModelSpecific",
+  "DetailWindowTertiary",
+  "DetailWindowMinutesSuffix",
+  "DetailWindowExhausted",
+  "DetailPaceTitle",
+  "DetailPaceOnTrack",
+  "DetailPaceSlightlyAhead",
+  "DetailPaceAhead",
+  "DetailPaceFarAhead",
+  "DetailPaceSlightlyBehind",
+  "DetailPaceBehind",
+  "DetailPaceFarBehind",
+  "DetailPaceRunsOutIn",
+  "DetailPaceWillLastToReset",
+  "DetailCostTitle",
+  "ApiSpendTitle",
+  "DetailCostUsed",
+  "DetailCostLimit",
+  "DetailCostRemaining",
+  "DetailCostBalance",
+  "DetailCostResets",
+  "DetailChartCost",
+  "DetailChartTokens",
+  "DetailChartRefreshing",
+  "DetailChartCredits",
+  "DetailChartUsageBreakdown",
+  "DetailChartEmpty",
+  "OpenAIChartTitle",
+  "OpenAIChartMetricCost",
+  "OpenAIChartMetricTokens",
+  "OpenAiLiveUsageTitle",
+  "OpenAiLiveUsageToggle",
+  "OpenAiLiveUsageToggleHelp",
+  "OpenAiLiveUsageLoad",
+  "OpenAiLiveUsageLoading",
+  "OpenAiLiveWindowLabel",
+  "OpenAiLiveWindow15",
+  "OpenAiLiveWindow60",
+  "OpenAiLiveWindow360",
+  "OpenAiTpmChartTitle",
+  "OpenAiTpmLatest",
+  "OpenAiTpmPeak",
+  "OpenAiTpmFiveMinuteAverage",
+  "OpenAiTpmFrontier",
+  "OpenAiTpmPendingLegend",
+  "OpenAiTpmEmpty",
+  "OpenAiTpmModels",
+  "OpenAiTpmLimitLine",
+  "OpenAiLimitsTitle",
+  "OpenAiLimitsHelp",
+  "OpenAiLimitModelLabel",
+  "OpenAiLimitTpmLabel",
+  "OpenAiLimitRpmLabel",
+  "OpenAiLimitAdd",
+  "OpenAiLimitRemove",
+  "OpenAiLimitSave",
+  "OpenAiLimitErrorModel",
+  "OpenAiLimitErrorLine",
+  "OpenAiLimitErrorDuplicate",
+  "OpenAiLimitErrorTpm",
+  "OpenAiLimitErrorRpm",
+  "OpenAiOrgLimitsTitle",
+  "OpenAiOrgLimitsLoad",
+  "OpenAiOrgLimitsEmpty",
+  "OpenAiOrgLimitsScoped",
+  "OpenAiOrgLimitsTruncated",
+  "OpenAIChartHint",
+  "OpenAIChartRequests",
+  "OpenAIChartInputTokens",
+  "OpenAIChartCachedTokens",
+  "OpenAIChartOutputTokens",
+  "OpenAIChartLineItems",
+  "OpenAIChartModels",
+  "OpenAIChartMore",
+  "OpenAIChartWindowToday",
+  "OpenAIChartWindowDays",
+  "DetailUpdatedPrefix",
+  "PanelAllProviders",
+  "PanelAllProvidersShort",
+  "PanelShowAllProviders",
+  "PanelShowFewerProviders",
+  "PanelMenu",
+  "PanelCopied",
+  "PanelToday",
+  "PanelLatestTokens",
+  "PanelThirtyDayCostHistogram",
+  "PanelTopModelPrefix",
+  "AddAccountEllipsis",
+  "PanelLatest",
+  "PanelEstimatedValue",
+  "PanelCurrentWindow",
+  "PanelCurrentWindowTokens",
+  "PanelPreviousWindow",
+  "PanelWindowsAgo",
+  "PanelRecentWindows",
+  "QuotaUsageTitle",
+  "CostPeriodThisMonth",
+  "PanelPartialEstimate",
+  "PanelEstimatedFromLocalLogs",
+  "PanelEstimatedFromLocalLogsClaude",
+  "PanelEstimatedFromLocalLogsMuse",
+  "PanelExpected",
+  "PanelActual",
+  "PanelUsedSuffix",
+  "PanelLeftSuffix",
+  "PanelOnPaceBudget",
+  "PanelNow",
+  "PanelOneHour",
+  "PanelFiveHours",
+  "PanelTodayBudget",
+  "PanelBlockedByMonthlyLimit",
+  "FloatBarNoProviders",
+  "FloatBarRemainingSuffix",
+  "FloatBarShowCost",
+  "FloatBarShowCostDescription",
+  "BannerCheckingForUpdates",
+  "BannerUpdateAvailablePrefix",
+  "BannerDownloadButton",
+  "BannerViewRelease",
+  "BannerDismiss",
+  "BannerDownloadingPrefix",
+  "BannerReadyToInstallSuffix",
+  "BannerInstallRestart",
+  "BannerUpdateFailedPrefix",
+  "BannerRetry",
+  "ProviderSidebarSearch",
+  "ProviderSidebarClearSearch",
+  "ProviderSidebarNoMatches",
+  "ProviderSidebarReorderHint",
+  "ProviderSidebarMoveUp",
+  "ProviderSidebarMoveDown",
+  "ProviderSidebarOptions",
+  "ProviderSidebarShowEnabledOnly",
+  "ProviderSidebarRestoreDefaultOrder",
+  "ProviderSidebarUndoOrder",
+  "SettingsSidebarSortProviders",
+  "SettingsSidebarSortOffHint",
+  "SettingsSidebarSortOnHint",
+  "SettingsSidebarProvidersOnCount",
+  "ProviderContextEnable",
+  "ProviderContextDisable",
+  "SettingsSidebarAriaLabel",
+  "ProviderStatusOk",
+  "ProviderStatusStale",
+  "ProviderStatusError",
+  "ProviderStatusLoading",
+  "ProviderStatusDisabled",
+  "ProviderDetailPlaceholder",
+  "ProviderIssueNeedsSignIn",
+  "ProviderIssueFetchNeedsAttention",
+  "ProviderIssueCopy",
+  "ProviderIssueUnsupportedSourceModePrefix",
+  "ProviderIssueAuthRequired",
+  "ProviderIssueSessionExpired",
+  "ProviderIssueLocalRuntimeOffline",
+  "ProviderIssueUnknown",
+  "ProviderIssuePrivacySafeDetail",
+  "CredentialStorageTitle",
+  "CredentialRevokeStored",
+  "CredentialApiKeys",
+  "CredentialManualCookies",
+  "CredentialTokenAccounts",
+  "CredentialProtectedPrefix",
+  "CredentialStatusNotCreated",
+  "CredentialStatusPlaintext",
+  "CredentialStatusUnavailable",
+  "CredentialStatusUnreadable",
+  "BrowserCookiesSectionTitle",
+  "BrowserCookieNoneSaved",
+  "BrowserCookieSavedBadge",
+  "BrowserCookieRemove",
+  "BrowserCookieImportSuccess",
+  "BrowserCookieImportFromBrowser",
+  "BrowserCookieProfileSingular",
+  "BrowserCookieProfilePlural",
+  "BrowserCookiePlaceholderDefault",
+  "BrowserCookiePlaceholderOllama",
+  "BrowserCookiePlaceholderCurl",
+  "BrowserCookieSave",
+] as const;
diff --git a/apps/desktop-tauri/src/i18n/keyGroups/providerText.ts b/apps/desktop-tauri/src/i18n/keyGroups/providerText.ts
new file mode 100644
index 00000000000..aaae354c7cd
--- /dev/null
+++ b/apps/desktop-tauri/src/i18n/keyGroups/providerText.ts
@@ -0,0 +1,472 @@
+// Provider breakdown labels, window labels and provider status text.
+export const PROVIDER_TEXT_LOCALE_KEYS = [
+
+  // Opt-in provider breakdowns (upstream 0.67.0)
+  "ProviderOptionalDetailsTitle",
+  "ProviderLiteLLMModelActivity",
+  "ProviderLiteLLMModelActivityHelper",
+  "ProviderClaudeWorkspaceSpend",
+  "ProviderClaudeWorkspaceSpendHelper",
+  "UsageItemUnavailableTitle",
+  "UsageItemFallbackTitle",
+  "WindowLabelQuota",
+  "WindowLabelDaily",
+  "WindowLabelBudget",
+  "WindowLabelWeeklyQuota",
+  "WindowLabelMonthlyQuota",
+  "WindowLabelStatus",
+  "WindowLabelSharedPool",
+  "WindowLabelReviews",
+  "WindowLabelPremium",
+  "WindowLabelPremiumWeekly",
+  "WindowLabelPlan",
+  "WindowLabelPersonal",
+  "WindowLabelModels",
+  "WindowLabelBilling",
+  "WindowLabelApiKeyLimit",
+  "WindowLabelWeeklyCost",
+  "WindowLabelDailyCost",
+  "WindowLabelCost",
+  "WindowLabelVoices",
+  "WindowLabelTeamBudget",
+  "WindowLabelPersonalBudget",
+  "WindowLabelSecondaryBudget",
+  "WindowLabelSubscription",
+  "WindowLabelStandard",
+  "WindowLabelSharedCredits",
+  "WindowLabelPlanCredits",
+  "WindowLabelMonthlyCredits",
+  "WindowLabelBonusCredits",
+  "WindowLabelAddOnCredits",
+  "WindowLabelSavings",
+  "WindowLabelRolling",
+  "WindowLabelRefresh",
+  "WindowLabelRateLimit",
+  "WindowLabelPoints",
+  "WindowLabelPackages",
+  "WindowLabelOverage",
+  "WindowLabelOnDemand",
+  "WindowLabelMemory",
+  "WindowLabelKeyAllowance",
+  "WindowLabelEdits",
+  "WindowLabelDeployment",
+  "WindowLabelDailyFreeTokens",
+  "WindowLabelCycle",
+  "WindowLabelChat",
+  "WindowLabelCash",
+  "WindowLabelBase",
+  "WindowLabelAgentUsage",
+  "WindowLabelVersion",
+  "WindowLabelProject",
+  "WindowLabelKey",
+  "WindowLabelEmail",
+  "WindowLabelAccount",
+  "WindowLabelUsageLast7Days",
+  "WindowLabelHours",
+  "WindowLabelHourQuota",
+  "WindowLabelDays",
+  "ResetsAtLabel",
+  "ResetsInHoursOnly",
+  "ResetsInDaysOnly",
+  "RegeneratesCountdown",
+  "CostTitleClawRouterSpend",
+  "CostTitleClawRouterMonthlyBudget",
+  "ResetsAtTime",
+  "ProviderTextRequests",
+  "ProviderTextTokens",
+  "ProviderTextCredits",
+  "ProviderTextWeeklyCredits",
+  "ProviderTextAddOnCredits",
+  "ProviderTextEventCredits",
+  "ProviderTextRefreshCredits",
+  "ProviderTextCreditsAvailable",
+  "ProviderTextUnits",
+  "ProviderTextPredictions",
+  "ProviderTextFlows",
+  "ProviderTextConversations",
+  "ProviderTextAvailable",
+  "ProviderTextRemaining",
+  "ProviderTextOfRemaining",
+  "ProviderTextExpired",
+  "ProviderTextUsed",
+  "ProviderTextTokensToday",
+  "ProviderTextTokensRemaining",
+  "ProviderTextSpentThisMonth",
+  "ProviderTextMonthlyGrant",
+  "ProviderTextTotalUsable",
+  "ProviderTextModels",
+  "ProviderTextBalanceSuffix",
+  "ProviderTextApiRate",
+  "ProviderTextOfCredits",
+  "ProviderTextOverLastDays",
+  "ProviderTextTokensOverLastDays",
+  "ProviderTextUsedRemaining",
+  "ProviderTextTotalCreditsFree",
+  "ProviderTextUsedPerPeriod",
+  "ProviderTextBalancePrefix",
+  "ProviderTextCashPrefix",
+  "ProviderTextMonthlySpendPrefix",
+  "ProviderTextSpentThisMonthPrefix",
+  "ProviderTextDeploymentPrefix",
+  "ProviderTextEnds",
+  "ProviderTextNoQuotaReported",
+  "ProviderTextNoQuotaData",
+  "ProviderTextUsageUnavailable",
+  "ProviderTextNoBalanceInfo",
+  "ProviderTextUnlimited",
+  "ProviderTextUnavailable",
+  "ProviderTextOverdueInvoices",
+  "ProviderTextSubscriptionActive",
+  "ProviderTextVirtualKeyInactive",
+  "ProviderTextCreditUsageUnavailable",
+  "ProviderTextNoTokenQuota",
+  "ProviderTextTokenQuotaUnavailable",
+  "ProviderTextNoActiveModelQuota",
+  "ProviderTextBillingUsageUnavailable",
+  "ProviderTextNoApplicableBudgets",
+  "ProviderTextNoActiveSubscriptionKwh",
+  "ProviderTextNoTokenPlanUsage",
+  "ProviderTextNoEditPredictions",
+  "ProviderTextDailyUsage",
+  "ProviderTextResetsDaily",
+  "ProviderTextNoActiveSession",
+  "ProviderTextKeyQuota",
+  "ProviderTextAccountBalance",
+  "ProviderTextMonthlyBudget",
+  "ProviderTextApiSpend",
+  "ProviderTextOffline",
+  "ProviderTextNoBrandQuotaReported",
+  "ProviderTextNoBrandBudgetQuotaReported",
+  "ProviderTextNoCachedBrandQuota",
+  "ProviderTextNoActiveBrandTier",
+  "IntlLocale",
+  "ProviderLabelMonthly",
+  "ProviderLabelHourly",
+  "ProviderLabelQuarterly",
+  "ProviderLabelYearly",
+  "ProviderLabelLifetime",
+  "ProviderLabelToday",
+  "ProviderLabelTotal",
+  "ProviderLabelExpires",
+  "ProviderLabelRenews",
+  "ProviderLabelTokensToday",
+  "ProviderLabelRequestsToday",
+  "ProviderLabelTokensMonth",
+  "ProviderLabelRequestsMonth",
+  "ProviderLabelTokens30Days",
+  "ProviderLabelSpendToday",
+  "ProviderLabelSpend30Days",
+  "ProviderLabelDailySpend",
+  "ProviderLabelWeeklySpend",
+  "ProviderLabelMonthlySpend",
+  "ProviderLabelLimitResetCredits",
+  "ProviderLabelResetCredits",
+  "ProviderLabelAdditionalCredits",
+  "ProviderLabelOverageUsage",
+  "ProviderLabelOverageCost",
+  "ProviderLabelTotalUsage",
+  "ProviderLabelOrbUsage",
+  "ProviderLabelVoiceSlots",
+  "ProviderLabelProfessionalVoices",
+  "ProviderLabelVoucherBalance",
+  "ProviderLabelCashBalance",
+  "ProviderLabelFlexCredits",
+  "ProviderLabelEventCredits",
+  "ProviderLabelMonthlyPlan",
+  "ProviderLabelDailyLimit",
+  "ProviderLabelUncollected",
+  "ProviderLabelKeyInactive",
+  "ProviderLabelCreditsUsed",
+  "ProviderLabelAiCredits",
+  "ProviderLabelCompletions",
+  "ProviderLabelAdditionalBudget",
+  "ProviderLabelTopModel",
+  "ProviderLabelCredit",
+  "ProviderLabelUser",
+  "ProviderLabelTeam",
+  "ProviderLabelUsageBilling",
+  "ProviderLabelPeriodResets",
+  "ProviderLabelCycleUsed",
+  "ProviderLabelCycleRemaining",
+  "ProviderLabelAllTimeKeyUsage",
+  "ProviderLabelKeySpendingLimit",
+  "ProviderLabelYourSharedUsage",
+  "ProviderLabelRestOfOrganization",
+  "ProviderLabelReset",
+  "ProviderLabelBillableInferenceUsage",
+  "ProviderLabelGrossInferenceUsage",
+  "ProviderLabelIncludedInferenceAmount",
+  "ProviderLabelSpendingLimit",
+  "ProviderLabelPrepaidBalance",
+  "ProviderLabelLoaded",
+  "ProviderLabelStored",
+  "ProviderLabelSubscriptionCredits",
+  "ProviderLabelMonthlyGrant",
+  "ProviderLabelRolloverCredits",
+  "ProviderLabelTopUpCredits",
+  "ProviderLabelTotalUsable",
+  "ProviderLabelCreditsRemaining",
+  "ProviderLabelCreditsTotalAdded",
+  "ProviderLabelCreditsBalance",
+  "ProviderLabelApiKeyRemaining",
+  "ProviderLabelApiKeyUsed",
+  "ProviderLabelActivityTokens",
+  "ProviderLabelActivityRequests",
+  "ProviderLabelActivityModels",
+  "ProviderLabelSpendHistory30Days",
+  "ProviderLabelResetWindow",
+  "ProviderLabelLeft",
+  "ProviderLabelSpentThisMonth",
+  "ProviderLabelCreditBalance",
+  "ProviderLabelBillingRemaining",
+  "ProviderLabelOnDemandBalance",
+  "ProviderLabelRateLimitRemaining",
+  "ProviderLabelBillingType",
+  "ProviderLabelScope",
+  "ProviderLabelSubscriptionCreditsAvailable",
+  "ProviderLabelTotalCreditsAvailable",
+  "ProviderLabelUsedThisCycle",
+  "ProviderLabelBankCap",
+  "ProviderLabelNextRefill",
+  "ProviderLabelLifetimeSpend",
+  "ProviderLabelTokensUsedToday",
+  "ProviderLabelDailyAllowance",
+  "ProviderLabelTokensRemaining",
+  "ProviderLabelDailyReset",
+  "ProviderLabelAdditionalQuota",
+  "ProviderLabelTokenSpend",
+  "ProviderLabelSpendLimit",
+  "ProviderLabelRemainingBudget",
+  "ProviderLabelPayAsYouGoBalance",
+  "ProviderLabelObserved",
+  "ProviderLabelApplicableBudgets",
+  "ProviderLabelRequestsLast7Days",
+  "ProviderLabelTokensLast7Days",
+  "ProviderLabelAttributedSpendLast7Days",
+  "ProviderLabelCostCoverageLast7Days",
+  "ProviderLabelDefault",
+  "ProviderLabelOtherModels",
+  "ProviderLabelDailyRoutines",
+  "ProviderLabelOAuthApps",
+  "ProviderLabelExtraUsage",
+  "ProviderLabelExtraUsageBalance",
+  "ProviderLabelCloudCredits",
+  "ProviderLabelPass",
+  "ProviderLabelGateway",
+  "ProviderLabelUnknown",
+  "ProviderLabelCustom",
+  "ProviderLabelLiveUsage",
+  "ProviderLabelBrowserTeams",
+  "ProviderLabelInputTokens",
+  "ProviderLabelOutputTokens",
+  "ProviderLabelModelOnly",
+  "ProviderLabelHourLimit",
+  "ProviderLabelDayLimit",
+  "ProviderLabelTeamNamed",
+  "ProviderTextNotReported",
+  "ProviderTextNoLimitConfigured",
+  "ProviderTextUnavailableRightNow",
+  "ProviderTextManagementKeyNotConfigured",
+  "ProviderTextManagementKeyRequired",
+  "ProviderTextResponseInvalid",
+  "ProviderTextRequestTimedOut",
+  "ProviderTextRequestFailed",
+  "ProviderTextLast30CompletedUtcDays",
+  "ProviderTextNotIncludedInLogin",
+  "ProviderTextNoCapReported",
+  "ProviderTextNoDailyCapReported",
+  "ProviderTextDailyFreeTokenUnavailable",
+  "ProviderTextNoPricedRequests",
+  "ProviderTextBudgetBalanceUnavailable",
+  "ProviderTextBalanceUnavailableForApi",
+  "ProviderTextAccountBalanceUnavailable",
+  "ProviderTextNoRecurringCredits",
+  "ProviderTextNoCreditBalanceReported",
+  "ProviderTextNoWeeklyQuotaReported",
+  "ProviderTextNoBudgetSet",
+  "ProviderTextNoAllowance",
+  "ProviderTextMemoryLimitNotReported",
+  "ProviderTextSubscriptionQuotaNotIncluded",
+  "ProviderTextNoPlanCreditAllowance",
+  "ProviderTextActiveCheckDashboard",
+  "ProviderTextSpendingCapNotBalance",
+  "ProviderTextTotalKeyUsage",
+  "ProviderTextTotalAccountUsage",
+  "ProviderTextTodayLower",
+  "ProviderTextThisWeek",
+  "ProviderTextThisMonthLower",
+  "ProviderTextTeamCredits",
+  "ProviderTextNoUsageThisMonth",
+  "ProviderTextCycleEnded",
+  "ProviderTextResetsNow",
+  "ProviderTextLast30Days",
+  "ProviderTextThisMonth",
+  "ProviderTextCurrentMonth",
+  "ProviderTextBillingCycle",
+  "ProviderTextCurrentBillingPeriod",
+  "ProviderTextThisMonthApiKey",
+  "ProviderTextLast30DaysUtc",
+  "ProviderTextLast7DaysAttributed",
+  "ProviderTextLast7DaysThisKey",
+  "ProviderTextPrepaidCredits",
+  "ProviderTextApiCredits",
+  "ProviderTextApproxSpend",
+  "ProviderTextOnDemandBillingCycle",
+  "ProviderTextLastDays",
+  "ProviderTextPartial",
+  "ProviderTextCreditsLeft",
+  "ProviderTextCreditsTotal",
+  "ProviderTextCreditsRemaining",
+  "ProviderTextCreditsUsed",
+  "ProviderTextMonthlyCreditsRemaining",
+  "ProviderTextAiCreditsUsed",
+  "ProviderTextMinutesUsed",
+  "ProviderTextMinutesRemaining",
+  "ProviderTextCloudModelsAvailable",
+  "ProviderTextSuccesses",
+  "ProviderTextPrompt",
+  "ProviderTextCompletion",
+  "ProviderTextOwed",
+  "ProviderTextUsdRemaining",
+  "ProviderTextSpent",
+  "ProviderTextDaysActive",
+  "ProviderTextDaysTotal",
+  "ProviderTextResetCreditsAvailable",
+  "ProviderTextLeft",
+  "ProviderTextThisMonthValue",
+  "ProviderTextCreditFunded",
+  "ProviderTextMinutesUsedRemaining",
+  "ProviderTextOf",
+  "ProviderTextCreditsWithRemaining",
+  "ProviderTextAudioBillableHours",
+  "ProviderTextInputOutputCached",
+  "ProviderTextActivityTokens",
+  "ProviderTextCreditsExpireOn",
+  "ProviderTextNoBrandApiBalance",
+  "ProviderTextModelPrefix",
+  "ProviderTextCostPrefix",
+  "ProviderTextMethodPrefix",
+  "ProviderTextCategoryPrefix",
+  "ProviderTextSpendPrefix",
+  "ProviderTextKeyValidPrefix",
+  "ProviderTextMonthlyRefillPrefix",
+  "ProviderTextSuspendedPrefix",
+  "ProviderTextSuspended",
+  "ProviderTextDeficitPrefix",
+  "ProviderTextBalanceColonPrefix",
+  "ProviderTextVoucherPrefix",
+  "ProviderTextInputPrefix",
+  "ProviderTextOutputPrefix",
+  "ProviderTextExpPrefix",
+  "ProviderTextExpiresPrefix",
+  "ProviderTextRenewsIn",
+  "ProviderTextExpiresIn",
+  "ProviderTextCycleEndsIn",
+  "DurationDaysHours",
+  "DurationDaysMinutes",
+  "DurationHoursMinutes",
+  "DurationDays",
+  "DurationHours",
+  "DurationMinutes",
+  "DurationMonths",
+  "MenuBarIconSectionTitle",
+  "MenuBarIconStyleLabel",
+  "MenuBarIconStyleHelper",
+  "MenuBarIconStyleBars",
+  "MenuBarIconStylePercent",
+  "MenuBarIconStyleStackedBars",
+  "CombinedIconSectionTitle",
+  "CombinedIconStyleLabel",
+  "CombinedIconStyleSwitcher",
+  "CombinedIconStyleStacked",
+  "ShowEveryProviderInTrayMenuLabel",
+  "ShowEveryProviderInTrayMenuHelper",
+  "SwitcherRowsLabel",
+  "SwitcherRowsProviderIcons",
+  "SwitcherRowsWeeklyProgress",
+  "OverviewProvidersLabel",
+  "OverviewProvidersConfigure",
+  "OverviewProvidersChooseUpTo",
+  "OverviewProvidersDefaultSummary",
+  "QuotaWarningMarkersLabel",
+  "QuotaWarningMarkersHelper",
+  "WorkDaysLabel",
+  "WorkDaysCount",
+  "WorkdayTickAppearanceLabel",
+  "WorkdayTickAppearanceHelper",
+  "WorkdayTickHidden",
+  "WorkdayTickSubtle",
+  "WorkdayTickHighContrast",
+  "UsageBarsFillLabel",
+  "UsageBarsFillRemaining",
+  "UsageBarsFillUsed",
+  "ResetTimesLabel",
+  "ResetTimesCountdown",
+  "ResetTimesClockTime",
+  "MenuUsageSectionTitle",
+  "MenuContentSectionTitle",
+  "MenuCostSummarySectionTitle",
+  "MenuWindowsSectionTitle",
+  "UsageSpendPeriodLabel",
+  "UsageSpendRefreshFailures",
+  "UsageSpendLocalHistory",
+  "UsageSpendEstimatedSpend",
+  "UsageSpendTrackedTokens",
+  "UsageSpendSources",
+  "UsageSpendTokenInput",
+  "UsageSpendTokenOutput",
+  "UsageSpendTokenCacheRead",
+  "UsageSpendTokenCacheWrite",
+  "UsageSpendTokenReasoning",
+  "UsageSpendPriced",
+  "UsageSpendUnpricedCount",
+  "UsageSpendUnmetered",
+  "UsageSpendEstimated",
+  "UsageSpendBreakdownLabel",
+  "UsageSpendViewProviders",
+  "UsageSpendViewSessions",
+  "UsageSpendNoSessions",
+  "UsageSpendDataControls",
+  "UsageSpendTrackCosts",
+  "UsageSpendTrackCostsHelper",
+  "UsageSpendTrackingOffTitle",
+  "UsageSpendTrackingOffBody",
+  "ProviderVisibleUsageItems",
+  "ProviderVisibleUsageItemsFooter",
+  "ProviderRestoreDefaults",
+  "ProviderLastFetchFailedTitle",
+  "ProviderShowDetails",
+  "ProviderHideDetails",
+  "ProviderSectionConnection",
+  "QuotaWarningsTitle",
+  "QuotaWarningGlobal",
+  "QuotaWarningCustom",
+  "QuotaWarningOff",
+  "QuotaWarningWarning",
+  "QuotaWarningCritical",
+  "QuotaWarningInherited",
+  "QuotaWarningProviderInherits",
+  "QuotaWarningProviderMarkersOnly",
+  "QuotaWarningProviderDisabled",
+  "ProviderCodexLocalCostEstimates",
+  "ProviderCodexLocalCostEstimatesHelp",
+  "ProviderCodexHistoricalTracking",
+  "ProviderCodexOpenAiWebExtras",
+  "ProviderCodexOpenAiWebExtrasHelp",
+  "ProviderCodexExternalOauth",
+  "ProviderCodexExternalOauthHelp",
+  "ProviderCodexBatterySaver",
+  "ProviderCodexBatterySaverHelp",
+  "ProviderOptionNotUsedOnWindows",
+  "ClaudeSwapExecutablePathHelp",
+  "AntigravityProfileHomesLabel",
+  "AntigravityProfileHomesHelp",
+  "AntigravityProfileHomesAdd",
+  "AntigravityProfileHomesRemove",
+  "AntigravityProfileHomesEmpty",
+  "AntigravityProfileHomesPickFailed",
+  "UsageItemPlanRenewalExpiry",
+  "UsageItemHiddenByCostSummary",
+  "PlanRenewsOn",
+  "PlanExpiresOn",
+] as const;
diff --git a/apps/desktop-tauri/src/i18n/keyGroups/shell.ts b/apps/desktop-tauri/src/i18n/keyGroups/shell.ts
new file mode 100644
index 00000000000..5597623455a
--- /dev/null
+++ b/apps/desktop-tauri/src/i18n/keyGroups/shell.ts
@@ -0,0 +1,245 @@
+// Desktop-shell features added after the first port, grouped by feature.
+export const SHELL_LOCALE_KEYS = [
+  // Phase 6d — credential detection
+  "CredentialsSectionTitle",
+  "CredsStatusAuthenticated",
+  "CredsStatusNotSignedIn",
+  "CredsStatusDetected",
+  "CredsStatusNotDetected",
+  "CredsStatusAvailable",
+  "CredsStatusUnavailable",
+  "CredsOpenFolderAction",
+  "CredsRefreshDetectionAction",
+  "CredsSavePathAction",
+  "CredsBrowseAction",
+  "CredsGeminiCliLabel",
+  "CredsGeminiCliHelperPrefix",
+  "CredsGeminiCliSetupAction",
+  "CredsGeminiCliSetupHelp",
+  "CredsVertexAiLabel",
+  "CredsVertexAiHelperPrefix",
+  "CredsVertexAiSetupAction",
+  "CredsVertexAiSetupHelp",
+  "CredsJetBrainsLabel",
+  "CredsJetBrainsHelperDetectedPrefix",
+  "CredsJetBrainsHelperCustomPrefix",
+  "CredsJetBrainsHelperMissing",
+  "CredsJetBrainsCustomPathLabel",
+  "CredsJetBrainsCustomPathPlaceholder",
+  "CredsJetBrainsSelectLabel",
+  "CredsJetBrainsAutoDetectOption",
+  "CredsKiroLabel",
+  "CredsKiroHelperAvailablePrefix",
+  "CredsKiroHelperMissing",
+  "OpenCodeGoWorkspaceTitle",
+  "OpenCodeGoWorkspaceLabel",
+  "OpenCodeGoWorkspaceHelp",
+  "MuseBrowserTeamTitle",
+  "MuseBrowserTeamChoose",
+  "MuseBrowserTeamHelp",
+  "MuseBrowserTeamNoTeams",
+  "MuseBrowserTeamUnavailable",
+  "OpenRouterManagementKeyTitle",
+  "OpenRouterManagementKeyLabel",
+  "OpenRouterManagementKeyHelp",
+  "OpenRouterManagementKeyConfigured",
+  "CredsOpenAiHistoryHelp",
+  // Phase 6e — Token accounts (review)
+  "TokenAccountActive",
+  "TokenAccountSetActive",
+  "TokenAccountRemove",
+  "TokenAccountAddButton",
+  "TokenAccountGithubLoginButton",
+  "TokenAccountEmpty",
+  "TokenAccountLabelPlaceholder",
+  "TokenAccountProviderLabel",
+  "TokenAccountProviderPlaceholder",
+  "TokenAccountAddedPrefix",
+  "TokenAccountUsedPrefix",
+  "TokenAccountTabHint",
+  "TokenAccountNoSupported",
+  "TokenAccountInlineSummary",
+
+  // Phase 9 — Tray / pop-out pace badges + countdowns
+  "TrayPaceBadgeSlow",
+  "TrayPaceBadgeSteady",
+  "TrayPaceBadgeRacing",
+  "TrayPaceBadgeBurning",
+  "TrayResetsInLabel",
+  "TrayResetsDueNow",
+
+  // Tauri desktop shell — FloatBar settings section
+  "FloatBarSectionTitle",
+  "FloatBarShowFloatingBar",
+  "FloatBarShowFloatingBarHelper",
+  "FloatBarOrientation",
+  "FloatBarOrientationHelper",
+  "FloatBarOrientationHorizontal",
+  "FloatBarOrientationVertical",
+  "FloatBarStyle",
+  "FloatBarStyleHelper",
+  "FloatBarStyleFloating",
+  "FloatBarStyleTaskbar",
+  "FloatBarOpacity",
+  "FloatBarOpacityHelper",
+  "FloatBarOpacityAriaLabel",
+  "FloatBarSize",
+  "FloatBarSizeHelper",
+  "FloatBarSizeAriaLabel",
+  "FloatBarShowResetInline",
+  "FloatBarShowResetInlineHelper",
+  "FloatBarInvertColors",
+  "FloatBarInvertColorsHelper",
+  "FloatBarClickThrough",
+  "FloatBarClickThroughHelper",
+
+  // Tauri desktop shell — About / app identity
+  "AppName",
+  "SettingsWindowTitle",
+  "ErrorPrefix",
+  "AboutLoading",
+  "AboutCheckForUpdates",
+  "AboutChecking",
+  "AboutUpToDate",
+  "AboutCopyrightBefore",
+  "AboutCopyrightAfter",
+  "AboutLinkGitHub",
+  "AboutLinkWebsite",
+  "AboutLinkOriginalProject",
+  "DiagnosticsSectionHeading",
+  "DiagnosticsCopyButton",
+  "DiagnosticsCopied",
+  "DiagnosticsCopyFailed",
+
+  // Tauri desktop shell — Cookies tab hints / placeholder
+  "SavedCookiesHint",
+  "ImportFromBrowserHint",
+  "NoBrowsersDetectedHint",
+  "CookieHeaderValuePlaceholder",
+
+  // Tauri desktop shell — API key section fields
+  "ApiKeyTitle",
+  "ApiKeyNotSet",
+  "ApiKeyUpdate",
+  "ApiKeyLabelOptional",
+
+  // Tauri desktop shell — App bootstrap fallbacks
+  "BootstrapFailed",
+  "LoadingShellContract",
+  "LoadingShellContractHint",
+
+  // Tauri desktop shell — Refresh interval + provider display names
+  "RefreshIntervalManual",
+  "RefreshIntervalAdaptive",
+  "RefreshInterval15Min",
+  "RefreshInterval30Min",
+  "RefreshInterval1Hour",
+  "ProviderNameCodex",
+  "ProviderNameClaude",
+  "AgentSessionsProviderPi",
+  "AgentSessionsProviderOmp",
+
+  // Tauri desktop shell — misc singletons
+  "ProvidersAriaLabel",
+  "WaitingForUsage",
+  "TokenAccountTokenPlaceholder",
+  "ProviderPlanClaudeAi",
+  "PaceChartAriaLabel",
+  "PaceChartLegendAverageSoFar",
+  "PaceChartLegendIdealPace",
+  "PaceChartLegendProjection",
+  "BarChartAriaLabel",
+  "StackedBarChartAriaLabel",
+
+  // Tauri desktop shell — OpenAI extras (admin/litellm/devin/zed)
+  "OpenAiAdminApiTitle",
+  "OpenAiProjectIdLabel",
+  "OpenAiProjectIdPlaceholder",
+  "OpenAiProjectIdHelp",
+  "LiteLlmApiTitle",
+  "LiteLlmBaseUrlLabel",
+  "LiteLlmBaseUrlPlaceholder",
+  "LiteLlmBaseUrlHelp",
+  "DevinApiTitle",
+  "DevinOrganizationLabel",
+  "DevinOrganizationPlaceholder",
+  "DevinOrganizationHelp",
+  "ZedApiTitle",
+  "ZedApiUrlLabel",
+  "ZedApiUrlPlaceholder",
+  "ZedApiUrlHelp",
+  "Sub2ApiTitle",
+  "Sub2ApiBaseUrlLabel",
+  "Sub2ApiBaseUrlPlaceholder",
+  "Sub2ApiBaseUrlHelp",
+  "LlmProxyTitle",
+  "LlmProxyBaseUrlLabel",
+  "LlmProxyBaseUrlPlaceholder",
+  "LlmProxyBaseUrlHelp",
+  "LLMManApiTitle",
+  "LLMManBaseUrlLabel",
+  "LLMManBaseUrlPlaceholder",
+  "LLMManBaseUrlHelp",
+  "ExaApiTitle",
+  "ExaApiKeyIdLabel",
+  "ExaApiKeyIdPlaceholder",
+  "ExaApiKeyIdHelp",
+  "CosmicProjectIdTitle",
+  "CosmicProjectIdLabel",
+  "CosmicProjectIdPlaceholder",
+  "CosmicProjectIdHelp",
+
+  // Tray icon visibility (Windows 11 hidden-icons overflow)
+  "PromoteTrayIconLabel",
+  "PromoteTrayIconHelper",
+  "PromoteTrayIconUnsupportedHint",
+
+  // Mistral PAYG monthly spend (#2821, #2947)
+  "MistralMonthlySpend",
+  "MistralMonthlySpendHelper",
+  // Mistral Monthly Plan menu bar metric (upstream 0.70.0 #4072)
+  "MetricMonthlyPlan",
+
+  // Menu cost-summary display style (#2976)
+  "CostSummaryDisplayStyle",
+  "CostSummaryDisplayStyleHelper",
+  "CostSummaryStyleCompact",
+  "CostSummaryStyleDetailed",
+  "CostSummaryStyleHidden",
+
+  // Per-provider accent color override (#2972)
+  "ProviderAccentColor",
+  "ProviderAccentColorHelper",
+  "ProviderAccentColorReset",
+  "ProviderAccentColorInvalid",
+
+  // Per-provider automatic CLI session resume (#486)
+  "ProviderAutoResumeTitle",
+  "ProviderAutoResumeAfterQuotaReset",
+  "ProviderAutoResumeAfterQuotaResetHelper",
+
+  // Recorded remaining-quota burndown (upstream 0.70.0 #4085)
+  "BurndownChartTitle",
+  "BurndownChartAriaLabel",
+
+  // History window for local cost surfaces (upstream 0.67.0 reporting periods)
+  "CostPeriodHistoryWindow",
+  "CostPeriodHistoryWindowHelper",
+  "CostPeriodMonthToDate",
+  "CostPeriodAll",
+  "CostPeriodToday",
+  "CostPeriodLastDays",
+  "CostPeriodCustom",
+  "CostPeriodCustomDays",
+  "CostPeriodShortMonthToDate",
+  "CostPeriodShortAll",
+  "CostPeriodShortDays",
+  "PanelPeriodCost",
+  "PanelPeriodTokens",
+  "OverviewSpendPeriodTitle",
+  "UsageSpendModelsPeriodCaption",
+  "UsageSpendProjectsPeriodCaption",
+  "UsageSpendIndependentChats",
+  "UsageSpendIndependentChat",
+
+] as const;
diff --git a/apps/desktop-tauri/src/i18n/keys.ts b/apps/desktop-tauri/src/i18n/keys.ts
index 02d9fdae2a0..5266f03cb2c 100644
--- a/apps/desktop-tauri/src/i18n/keys.ts
+++ b/apps/desktop-tauri/src/i18n/keys.ts
@@ -1,1758 +1,18 @@
+import { CORE_LOCALE_KEYS } from "./keyGroups/core";
+import { SHELL_LOCALE_KEYS } from "./keyGroups/shell";
+import { PROVIDER_TEXT_LOCALE_KEYS } from "./keyGroups/providerText";
+
 // Generated from rust/src/locale.rs LocaleKey enum.
 // Keep in sync with rust/src/locale.rs — the Rust IPC `get_locale_strings`
 // returns its entries map keyed by these exact variant names. The runtime
 // LocaleProvider asserts every key in this list is present in the bridge
 // response so a mismatch fails loudly in development.
 
+// Topic arrays spread in the original key order.
 export const ALL_LOCALE_KEYS = [
-  "TabGeneral",
-  "TabProviders",
-  "TabNotifications",
-  "TabMenuBar",
-  "TabMenu",
-  "TabApiKeys",
-  "TabCookies",
-  "TabUsageSpend",
-  "TabAdvanced",
-  "TabHooks",
-  "TabAbout",
-  "TabShortcuts",
-  "InterfaceLanguage",
-  "GeneralLanguageHelper",
-  "StartupSettings",
-  "StartAtLogin",
-  "StartMinimized",
-  "StartAtLoginHelper",
-  "StartMinimizedHelper",
-  "ShowNotificationsHelper",
-  "SoundEnabledHelper",
-  "HighUsageThresholdHelper",
-  "CriticalUsageThresholdHelper",
-  "ShowNotifications",
-  "SoundEnabled",
-  "NotificationSoundTheme",
-  "NotificationSoundThemeHelper",
-  "NotificationSoundThemeWindows",
-  "NotificationSoundThemeCodexBar",
-  "NotificationSoundChooseFile",
-  "NotificationSoundClearFile",
-  "NotificationSoundUsesTheme",
-  "NotificationSoundWaveFile",
-  "NotificationSoundEventPredictiveWarning",
-  "NotificationSoundEventPredictiveWarningHelper",
-  "NotificationSoundEventHighUsage",
-  "NotificationSoundEventHighUsageHelper",
-  "NotificationSoundEventCriticalUsage",
-  "NotificationSoundEventCriticalUsageHelper",
-  "NotificationSoundEventExhausted",
-  "NotificationSoundEventExhaustedHelper",
-  "NotificationSoundEventStatusIssue",
-  "NotificationSoundEventStatusIssueHelper",
-  "NotificationSoundEventSessionDepleted",
-  "NotificationSoundEventSessionDepletedHelper",
-  "NotificationSoundEventSessionRestored",
-  "NotificationSoundEventSessionRestoredHelper",
-  "HighUsageThreshold",
-  "HighUsageAlert",
-  "CriticalUsageThreshold",
-  "CriticalUsageAlert",
-  "PredictivePaceWarnings",
-  "PredictivePaceWarningsHelper",
-  "PredictivePaceWarningTitle",
-  "PredictivePaceWarningBody",
-  "LimitResetNotifications",
-  "LimitResetNotificationsHelper",
-  "LimitResetNotificationTitle",
-  "LimitResetNotificationBody",
-  "LimitResetNotificationBodyWithAccount",
-  "NotificationHighUsageTitle",
-  "NotificationCriticalUsageTitle",
-  "NotificationExhaustedTitle",
-  "NotificationStatusIssueTitle",
-  "NotificationSessionDepletedTitle",
-  "NotificationSessionRestoredTitle",
-  "NotificationHighUsageBody",
-  "NotificationCriticalUsageBody",
-  "NotificationExhaustedBody",
-  "NotificationStatusIssueBody",
-  "NotificationSessionDepletedBody",
-  "NotificationSessionRestoredBody",
-  "NotificationWindowSession",
-  "NotificationWindowWeekly",
-  "NotificationWindowUsage",
-  "CredentialExpiryNotifications",
-  "CredentialExpiryNotificationsHelper",
-  "CredentialExpiryTitle",
-  "CredentialExpiryBody",
-  "UsageDisplay",
-  "ShowUsageAsUsed",
-  "ShowUsageAsUsedHelper",
-  "ResetTimeRelative",
-  "ResetTimeRelativeHelper",
-  "ShowResetWhenExhausted",
-  "ShowResetWhenExhaustedHelper",
-  "ShowPace",
-  "ShowPaceHelper",
-  "TrayIcon",
-  "MergeTrayIcons",
-  "MergeTrayIconsHelper",
-  "PerProviderTrayIcons",
-  "PerProviderTrayIconsHelper",
-  "ProviderEnabled",
-  "ProviderDisabled",
-  "ProviderInfo",
-  "ProviderUsage",
-  "AtlasCloudAvailableBalance",
-  "AtlasCloudBalance",
-  "PanelUsageDetails",
-  "AuthType",
-  "DataSource",
-  "ProviderNotDetected",
-  "ProviderLastFetchFailed",
-  "ProviderUsageNotFetchedYet",
-  "ProviderNotFetchedYetTitle",
-  "ProviderDisabledNoRecentData",
-  "ProviderSourceAutoShort",
-  "ProviderSourceWebShort",
-  "ProviderSourceCliShort",
-  "ProviderSourceOauthShort",
-  "ProviderSourceApiShort",
-  "ProviderSourceGithubApiShort",
-  "ProviderSourceLocalShort",
-  "ProviderSourceKiroEnvShort",
-  "WayfinderGatewayTitle",
-  "WayfinderGatewayLabel",
-  "WayfinderGatewayHelp",
-  "WayfinderGatewayStatus",
-  "BifrostGatewayTitle",
-  "BifrostGatewayHelp",
-  "AixyGatewayTitle",
-  "AixyGatewayLabel",
-  "AixyGatewayHelp",
-  "ClawRouterGatewayTitle",
-  "ClawRouterGatewayHelp",
-  "WayfinderModels",
-  "WayfinderRequests",
-  "WayfinderTokens",
-  "WayfinderSaved",
-  "WayfinderOffline",
-  "WayfinderDryRun",
-  "WayfinderMissingKeys",
-  "TrackingItem",
-  "MainWindowLiveUsageData",
-  "StartTrackingUsage",
-  "ClickTrayIconForMetrics",
-  "BrowserCookieImport",
-  "ImportFromBrowser",
-  "NoCookiesFoundInBrowser",
-  "SelectBrowser",
-  "ImportCookies",
-  "ImportSuccess",
-  "ImportFailed",
-  "SaveFailed",
-  "CookiesAutoImport",
-  "QuickActions",
-  "OpenProviderDashboard",
-  "OllamaNoDashboard",
-  "ApiKeysTitle",
-  "ApiKeysDescription",
-  "AddKey",
-  "KeySet",
-  "KeyRequired",
-  "Remove",
-  "GetKey",
-  "SavedCookies",
-  "AddManualCookie",
-  "CookieHeader",
-  "PasteHere",
-  "DeleteCookie",
-  "CookieSaved",
-  "CookieDeleted",
-  "RefreshSettings",
-  "Animations",
-  "MenuBar",
-  "Fun",
-  "GlobalShortcut",
-  "Privacy",
-  "Updates",
-  "UpdateChannel",
-  "UpdateChannelStable",
-  "UpdateChannelBeta",
-  "Never",
-  "LastUpdated",
-  "NeverUpdated",
-  "MinutesAgo",
-  "HoursAgo",
-  "DaysAgo",
-  "BuiltWithRust",
-  "OriginalMacOSVersion",
-  "Links",
-  "BuildInfo",
-  "EnabledProviders",
-  "Appearance",
-  "ThemeSelection",
-  "LightMode",
-  "DarkMode",
-  "AboutTitle",
-  "Version",
-  "ActionRefreshAll",
-  "ActionSettings",
-  "ActionClose",
-  "ProviderAccount",
-  "ProviderSession",
-  "ProviderWeekly",
-  "ProviderMonthly",
-  "DeepSeekPricingTitle",
-  "DeepSeekPricingStandard",
-  "DeepSeekPricingPeak",
-  "DeepSeekPricingOffPeak",
-  "DeepSeekPricingCurrent",
-  "DeepSeekPricingNext",
-  "DeepSeekPricingEffective",
-  "DeepSeekPricingAdvice",
-  "ProviderModel",
-  "ProviderPlan",
-  "ProviderNextReset",
-  "ProviderNoRecentUsage",
-  "ProviderNotSignedIn",
-  "SummaryTab",
-  "StateLoadingProviders",
-  "StateNoProviderData",
-  "StateNoProviderSelected",
-  "StateSummaryRefreshPending",
-  "StateError",
-  "StateRetry",
-  "StateDownload",
-  "StateRestartAndUpdate",
-  "CreditsTitle",
-  "UpdateRestartAndUpdate",
-  "UpdateRetry",
-  "UpdateDownload",
-  "UpdateDownloading",
-  "UpdateReady",
-  "UpdateFailed",
-  "ButtonOpenProviderSettings",
-  "MenuSettings",
-  "MenuAbout",
-  "MenuAboutVersion",
-  "MenuQuit",
-  "QuitCodexBar",
-  "TrayMenuSwitchAccount",
-  "TrayMenuUsageDashboard",
-  "TrayMenuStatusPage",
-  "StatusJustUpdated",
-  "StatusUnableToGetUsage",
-  "ActionRefresh",
-  "ActionSwitchAccount",
-  "ActionUsageDashboard",
-  "ActionStatusPage",
-  "ActionCopyError",
-  "ActionBuyCredits",
-  "PaceOnTrack",
-  "PaceBehind",
-  "PaceOnPace",
-  "PaceInReserve",
-  "PaceInDeficit",
-  "PaceLastsUntilReset",
-  "PaceRunsOutIn",
-  "PaceRunsOutNow",
-  "PaceProjectedEmptyIn",
-  "PaceProjectedEmptyNow",
-  "UsageBarQuotaWarnings",
-  "UsageBarWorkDays",
-  "MetricResetsIn",
-  "SectionUsageBreakdown",
-  "SectionCost",
-  "ResetInProgress",
-  "TomorrowAt",
-  "ResetTomorrowAt",
-  "UsedPercent",
-  "RemainingPercent",
-  "RemainingAmount",
-  "Tokens1K",
-  "TodayCost",
-  "Last30DaysCost",
-  "StatusLabel",
-  "TrayOpenCodexBar",
-  "TrayPopOutDashboard",
-  "TrayShowFloatBar",
-  "TrayStayAwakeActive",
-  "TrayRefreshAll",
-  "TrayProviders",
-  "TraySettings",
-  "TrayCheckForUpdates",
-  "TrayQuit",
-  "TrayLoading",
-  "TrayNoProviders",
-  "TraySessionPercent",
-  "TrayWeeklyPercent",
-  "TrayStatusError",
-  "TrayStatusStale",
-  "TrayStatusIncident",
-  "TrayStatusPartial",
-  "TrayWeeklyExhausted",
-  "TrayCreditsRemaining",
-  "TrayStatusRowLoading",
-  "TrayStatusRowError",
-  "TrayCreditsRow",
-  "TrayProviderPopOut",
-  "TrayProviderRefresh",
-  "TrayProviderSettings",
-  "TrayProviderQuit",
-  "State",
-  "Source",
-  "Updated",
-  "UpdatedJustNow",
-  "UpdatedMinutesAgo",
-  "UpdatedHoursAgo",
-  "UpdatedDaysAgo",
-  "Status",
-  "AllSystemsOperational",
-  "Plan",
-  "Account",
-  "ProviderSessionLabel",
-  "ProviderWeeklyLabel",
-  "ClaudeScopedWeeklyLabel",
-  "ProviderCodeReviewLabel",
-  "ResetsInShort",
-  "ResetsInDaysHours",
-  "ResetsInHoursMinutes",
-  "ResetsInMinutes",
-  "ResetsInDaysMinutes",
-  "NextExpiresInDaysHours",
-  "NextExpiresInHoursMinutes",
-  "NextExpiresInMinutes",
-  "NextExpiresDueNow",
-  "InventoryAvailableCount",
-  "TrayDisplayTitle",
-  "ShowInTray",
-  "CreditsLabel",
-  "CreditsLeft",
-  "CostTitle",
-  "TodayCostFull",
-  "Last30DaysCostFull",
-  "ProviderSettingsTitle",
-  "ProviderAccountsTitle",
-  "ProviderOptionsTitle",
-  "MenuBarMetric",
-  "MenuBarMetricHelper",
-  "UsageSource",
-  "ProviderZedBrowserSession",
-  "ProviderZedUsageSourceAutoHelp",
-  "ProviderZedUsageSourceApiHelp",
-  "ProviderZedUsageSourceWebHelp",
-  "ProviderNoCodexAccountsDetected",
-  "ProviderCodexAutoImportHelp",
-  "ProviderCodexHistoryHelp",
-  "ProviderOpenAiCookies",
-  "ProviderHistoricalTracking",
-  "ProviderOpenAiWebExtras",
-  "ProviderOpenAiWebExtrasHelp",
-  "ProviderCodexCreditsUnavailable",
-  "ProviderCodexLastFetchFailedTitle",
-  "ProviderCodexNotRunningHelp",
-  "ProviderCookieSource",
-  "CookieSourceManual",
-  "ProviderRaycastAutoImportHelp",
-  "ProviderRaycastManualCookieHelp",
-  "ProviderRaycastCookiesDisabled",
-  "CookieHelpCodexManual",
-  "CookieHelpCodexOff",
-  "CookieHelpCursorManual",
-  "CookieHelpGrokAuto",
-  "CookieHelpGrokManual",
-  "CookieHelpGrokOff",
-  "CookieHelpOpenCodeAuto",
-  "CookieHelpOpenCodeManual",
-  "CookieHelpFactoryAuto",
-  "CookieHelpFactoryManual",
-  "CookieHelpAlibabaAuto",
-  "CookieHelpAlibabaManual",
-  "CookieHelpAutoBrowserCookies",
-  "CookieHelpKimiManual",
-  "CookieHelpKimiOff",
-  "CookieHelpMiniMaxAuto",
-  "CookieHelpMiniMaxManual",
-  "CookieHelpAugmentManual",
-  "CookieHelpAmpManual",
-  "CookieHelpOllamaManual",
-  "CookieHelpMistralAuto",
-  "CookieHelpMistralManual",
-  "CookieHelpNotionAuto",
-  "CookieHelpNotionManual",
-  "CookieHelpNotionOff",
-  "CookieHelpMuseAuto",
-  "CookieHelpMuseManual",
-  "CookieHelpMuseOff",
-  "CookieHelpReplicateAuto",
-  "CookieHelpReplicateManual",
-  "CookieHelpHelmcodeAuto",
-  "CookieHelpHelmcodeManual",
-  "CookieHelpTypeSafeAuto",
-  "CookieHelpTypeSafeManual",
-  "CookieHelpHyperAuto",
-  "CookieHelpHyperManual",
-  "CookieHelpHyperOff",
-  "RegionAlibabaSingapore",
-  "RegionAlibabaUsEast",
-  "RegionAlibabaGermany",
-  "RegionAlibabaHongKong",
-  "RegionAlibabaChinaMainland",
-  "RegionAlibabaTokenPlanChinaTeam",
-  "RegionAlibabaTokenPlanInternationalTeam",
-  "RegionAlibabaTokenPlanChinaPersonal",
-  "RegionAlibabaTokenPlanInternationalPersonal",
-  "RegionKimiChina",
-  "RegionKimiInternational",
-  "RegionMiniMaxGlobal",
-  "RegionMiniMaxChinaMainland",
-  "RegionZaiGlobal",
-  "RegionZaiChinaMainland",
-  "ProviderManualCookieMissing",
-  "ProviderUseAutomaticCookies",
-  "ProviderRegion",
-  "ProviderClaudeCookies",
-  "ProviderClaudeCookiesHelp",
-  "ProviderClaudeAvoidKeychainPrompts",
-  "ProviderClaudeAvoidKeychainPromptsHelp",
-  "ProviderClaudeDailyRoutinesUsage",
-  "ProviderClaudeDailyRoutinesUsageHelp",
-  "ProviderClaudeAllowReadingClaudeCodeCredentials",
-  "ProviderClaudeAllowReadingClaudeCodeCredentialsHelp",
-  "ProviderCodexSparkUsage",
-  "ProviderCodexSparkUsageHelp",
-  "CopilotSeatCreditTitle",
-  "CopilotSeatCreditHelper",
-  "CopilotSeatCreditInvalid",
-  "CodexAccountsTitle",
-  "ClaudeAccountsTitle",
-  "ClaudeAccountsHint",
-  "ClaudeAccountsEmpty",
-  "ClaudeAccountsSaveCurrent",
-  "ClaudeAccountsCancelLogin",
-  "ClaudeAccountsSigningIn",
-  "ClaudeAccountsSwitched",
-  "ClaudeAccountsAdded",
-  "ClaudeAccountsReconciling",
-  "GrokAccountsTitle",
-  "GrokAccountsHint",
-  "GrokAccountsEmpty",
-  "GrokAccountsSaveCurrent",
-  "GrokAccountsCancelLogin",
-  "GrokAccountsSigningIn",
-  "GrokAccountsSwitched",
-  "GrokUsageLoading",
-  "GrokUsageSignInRequired",
-  "GrokUsageUnavailable",
-  "GrokUsageFailed",
-  "GrokUsageResetUnavailable",
-  "GrokUsageRetry",
-  "GrokAccountsSignInAgain",
-  "GrokAccountsReauthenticated",
-  "GrokAccountsSourceHint",
-  "CodexAccountsSwitchedHint",
-  "GrokAccountsAdded",
-  "ClaudeSwapTitle",
-  "ClaudeSwapHint",
-  "ClaudeSwapEnable",
-  "ClaudeSwapEnableHelp",
-  "ClaudeSwapExecutablePath",
-  "ClaudeSwapExecutablePathPlaceholder",
-  "ClaudeSwapStatusDisabled",
-  "ClaudeSwapStatusNoExecutable",
-  "ClaudeSwapStatusReady",
-  "ClaudeSwapEmpty",
-  "ClaudeSwapSwitchButton",
-  "ClaudeSwapReauthenticateButton",
-  "ClaudeSwapSwitched",
-  "ClaudeSwapReauthenticated",
-  "ClaudeSwapReconciling",
-  "ClaudeSwapUsageUnavailable",
-  "ClaudeSwapHistoricalUsage",
-  "ClaudeSwapHistoricalCapturedAt",
-  "ClaudeSwapSpend",
-  "ClaudeSwapDisabled",
-  "CodexAccountsHint",
-  "CodexAccountsAddButton",
-  "CodexAccountsSignInButton",
-  "CodexAccountsSigningIn",
-  "CodexAccountsReauthenticateButton",
-  "CodexAccountsSwitchButton",
-  "CodexAccountsFetchButton",
-  "CodexAccountsRemoveButton",
-  "CodexAccountsEmpty",
-  "CodexAccountsSourceAmbient",
-  "CodexAccountsSourceManaged",
-  "CodexAccountsUsageUnavailable",
-  "CodexSwitchSuccess",
-  "CodexSwitchRestartPrompt",
-  "CodexAccountsRestartDesktop",
-  "ProviderCursorCookieSourceHelp",
-  "ProviderCursorCreditsHelp",
-  "AutoFallbackHelp",
-  "ProviderSourceOauthWeb",
-  "Automatic",
-  "Average",
-  "ExtraUsage",
-  "OAuth",
-  "Api",
-  "Web",
-  "PrivacyTitle",
-  "HidePersonalInfo",
-  "HidePersonalInfoHelper",
-  "SectionLocalIntegrations",
-  "PowerToysPipeLabel",
-  "PowerToysPipeHelper",
-  "HooksEnableLabel",
-  "HooksEnableSubtitle",
-  "HooksTrustWarning",
-  "HooksPartlyOn",
-  "HooksLoadError",
-  "HooksSaveError",
-  "HooksRulesHeader",
-  "HooksEmpty",
-  "HooksAddRule",
-  "HooksDeleteRule",
-  "HooksRuleEnabled",
-  "HooksEvent",
-  "HooksProvider",
-  "HooksAnyProvider",
-  "HooksThreshold",
-  "HooksExecutable",
-  "HooksExecutablePlaceholder",
-  "HooksArguments",
-  "HooksArgument",
-  "HooksAddArgument",
-  "HooksDeleteArgument",
-  "HooksRulesFooter",
-  "NetworkProxyInvalidUrl",
-  "NetworkProxyPasswordHelper",
-  "NetworkProxyPasswordLabel",
-  "NetworkProxyUserLabel",
-  "NetworkProxyUrlHelper",
-  "NetworkProxyUrlLabel",
-  "NetworkProxyEnableHelper",
-  "NetworkProxyEnableLabel",
-  "NetworkProxyCaption",
-  "NetworkProxyTitle",
-  "UsageSpendTitle",
-  "UsageSpendCaption",
-  "UsageSpendModels",
-  "UsageSpendOpenCodexImport",
-  "UsageSpendHideNativeCodex",
-  "UsageSpendSpend",
-  "UsageSpendPriceCoverage",
-  "UsageSpendConversations",
-  "UsageSpendTokenMix",
-  "UsageSpendKnownZero",
-  "UsageSpendApiEstimate",
-  "UsageSpendVendorMetered",
-  "UsageSpendMixedSources",
-  "UsageSpendUnknown",
-  "UsageSpendUnpriced",
-  "UsageSpendHistoryCovered",
-  "UsageSpendPartialHistory",
-  "UsageSpendCustomPricingActive",
-  "UsageSpendDefaultPricing",
-  "UsageSpendHourlyActivity",
-  "UsageSpendPerformanceDetails",
-  "UsageSpendTurnOutput",
-  "UsageSpendFirstToken",
-  "UsageSpendTurnDuration",
-  "UsageSpendTokensPerSecond",
-  "UsageSpendSeconds",
-  "UsageSpendPerformanceCaveat",
-  "UsageSpendTurnOutputHelp",
-  "UsageSpendFirstTokenHelp",
-  "UsageSpendP95Duration",
-  "UsageSpendP95FirstToken",
-  "UsageSpendNeedsTwentyTurns",
-  "UsageSpendMiddleHalfRate",
-  "UsageSpendNeedsFourTurns",
-  "UsageSpendCachedInput",
-  "UsageSpendCacheUnavailable",
-  "UsageSpendByModelEffort",
-  "UsageSpendUnknownModel",
-  "UsageSpendUnknownEffort",
-  "TokenActivityTitle",
-  "TokenActivityInLastYear",
-  "TokenActivityUnavailable",
-  "TokenActivityCoverage",
-  "TokenActivityNoActivity",
-  "TokenActivityLess",
-  "TokenActivityMore",
-  "TokenActivityEachColumnWeek",
-  "TokenActivityRunningTotal",
-  "TokenActivityDaily",
-  "TokenActivityWeekly",
-  "TokenActivityCumulative",
-  "TokenActivityView",
-  "TokenActivityEarlier",
-  "TokenActivityLater",
-  "UsageSpendRequests",
-  "UsageSpendTokens",
-  "UsageSpendKnownSubtotal",
-  "IncompleteRequestsLabel",
-  "IncompleteRequestsDetail",
-  "UsageSpendAllTimeHistory",
-  "UsageSpendCustomPricing",
-  "UsageSpendDailyLedger",
-  "UsageSpendDailyLedgerHelper",
-  "UsageSpendNoDailyData",
-  "OverviewSpendTitle",
-  "OverviewSpendProviderCoverage",
-  "OverviewSpendEstimate",
-  "UsageSpendProjects",
-  "UsageSpendShowAll",
-  "UsageSpendShowLess",
-  "UsageSpendNoModels",
-  "UsageSpendNoProjects",
-  "UsageSpendRefresh",
-  "UsageSpendLoading",
-  "UsageSpendRefreshing",
-  "UsageSpendEmpty",
-  "UsageSpendColProvider",
-  "UsageSpendCol7d",
-  "UsageSpendCol30d",
-  "UsageSpendColCurrency",
-  "UsageSpendColSource",
-  "UsageSpendColDate",
-  "UsageSpendColCost",
-  "UsageSpendColTokens",
-  "UsageSpendShareFailed",
-  "UsageSpendShareEmpty",
-  "UsageSpendShare",
-  "UsageSpendCopyJson",
-  "UsageSpendSaveJson",
-  "UsageSpendDailySpend",
-  "UsageSpendTrendDaily",
-  "UsageSpendTrendHourly",
-  "UsageSpendClearSelectedDay",
-  "UsageSpendSelectedDayScope",
-  "UsageSpendHourlyEstimatedSpend",
-  "UsageSpendTrendOverview",
-  "UsageSpendTrendExploreHint",
-  "UsageSpendTrendGroupDaily",
-  "UsageSpendTrendGroupWeekly",
-  "UsageSpendTrendGroupMonthly",
-  "UsageSpendTrendPreviousDay",
-  "UsageSpendTrendNextDay",
-  "UsageSpendTrendIsolateHint",
-  "UsageSpendTrendTimeZone",
-  "UsageSpendTrendNoUsage",
-  "UsageSpendTrendUnavailable",
-  "UsageSpendTrendRecorded",
-  "UsageSpendTrendRecordedHourly",
-  "UsageSpendTrendHighest",
-  "UsageSpendTrendShowDetails",
-  "UsageSpendTrendNoData",
-  "UsageSpendTrendHourlySummary",
-  "UsageSpendPartialModelBreakdown",
-  "AgentSessionsTitle",
-  "AgentSessionsEnableLabel",
-  "AgentSessionsEnableHelper",
-  "AgentSessionsStayAwakeLabel",
-  "AgentSessionsStayAwakeHelper",
-  "AgentSessionsSshHostsLabel",
-  "AgentSessionsSshHostsHelper",
-  "AgentSessionsLoading",
-  "AgentSessionsEmpty",
-  "UpdatesTitle",
-  "AboutBuilt",
-  "SectionLinks",
-  "UpdateChannelChoice",
-  "UpdateChannelChoiceHelper",
-  "AutoDownloadUpdates",
-  "AutoDownloadUpdatesHelper",
-  "InstallUpdatesOnQuit",
-  "InstallUpdatesOnQuitHelper",
-  "KeyboardShortcutsTitle",
-  "GlobalShortcutLabel",
-  "GlobalShortcutHelper",
-  "ShortcutFormatHint",
-  "Saved",
-  "InvalidFormat",
-  "ShortcutHintPlaceholder",
-  "SelectProvider",
-  "RefreshInterval30Sec",
-  "RefreshInterval1Min",
-  "RefreshInterval2Min",
-  "RefreshInterval5Min",
-  "RefreshInterval10Min",
-  "BrowserCookiesTitle",
-  "CookieImport",
-  "Provider",
-  "SelectPlaceholder",
-  "AutoRefreshInterval",
-  "AboutDescription",
-  "AboutDescriptionLine2",
-  "ViewOnGitHub",
-  "SubmitIssue",
-  "MaintainedBy",
-  "CommitLabel",
-  "BuildDateLabel",
-  "Save",
-  "Cancel",
-  "Label",
-  "Token",
-  "AddAccount",
-  "AccountAdded",
-  "AccountRemoved",
-  "AccountSwitched",
-  "AccountLabelHint",
-  "EnterApiKeyFor",
-  "PasteApiKeyHere",
-  "ApiKeySaved",
-  "ApiKeyRemoved",
-  "EnvironmentVariable",
-  "CookieSavedForProvider",
-  "CookieRemovedForProvider",
-  "ShowUsedPercent",
-  "ShowRemainingPercent",
-  "UpdateAvailableMessage",
-  "UpdateReadyMessage",
-  "UpdateFailedMessage",
-  "UpdateDownloadingMessage",
-  "TabTokenAccounts",
-  "SectionRefresh",
-  "SectionRefreshing",
-  "RefreshManualFooter",
-  "SectionNotifications",
-  "SectionAlerts",
-  "SessionQuotaNotifications",
-  "SessionQuotaNotificationsHelper",
-  "WarningAtPercentUsed",
-  "CriticalAtPercentUsed",
-  "ThresholdsCaption",
-  "SectionUsageThresholds",
-  "SectionKeyboard",
-  "SectionUsageRendering",
-  "SectionTime",
-  "SectionLanguage",
-  "PreferredCurrencyLabel",
-  "PreferredCurrencyHelper",
-  "SectionCredentialsSecurity",
-  "SectionDebug",
-  "SectionApiKeys",
-  "SectionSavedCookies",
-  "SectionImportFromBrowser",
-  "SectionAddCookieManually",
-  "SectionTokenAccounts",
-  "SectionSavedAccounts",
-  "SectionAddAccount",
-  "RefreshIntervalLabel",
-  "RefreshIntervalHelper",
-  "RefreshAllProvidersOnMenuOpen",
-  "RefreshAllProvidersOnMenuOpenHelper",
-  "CheckProviderStatus",
-  "CheckProviderStatusHelper",
-  "ServiceStatusOperational",
-  "ServiceStatusPartialOutage",
-  "ServiceStatusMajorOutage",
-  "ServiceStatusCriticalIssue",
-  "ServiceStatusMaintenance",
-  "ServiceStatusUnknown",
-  "ProviderServiceStatusHelp",
-  "LowPowerMode",
-  "LowPowerModeHelper",
-  "LowPowerModeOff",
-  "LowPowerModeOn",
-  "LowPowerModeAutomatic",
-  "HighUsageWarningHelper",
-  "CriticalUsageWarningHelper",
-  "GlobalShortcutFieldLabel",
-  "GlobalShortcutToggleHelper",
-  "SectionPreferencesTransfer",
-  "PreferencesTransferCaption",
-  "PreferencesExportButton",
-  "PreferencesImportButton",
-  "PreferencesTransferFooter",
-  "SwitcherShortcutsOpenButton",
-  "DialogDone",
-  "PreferencesExportSuccess",
-  "PreferencesImportSuccess",
-  "ShortcutRecordButton",
-  "ShortcutRecordingLabel",
-  "ShortcutRecordingHint",
-  "ShortcutClearButton",
-  "ShortcutEmptyPlaceholder",
-  "SwitcherShortcutsTitle",
-  "SwitcherShortcutsHelper",
-  "SwitcherShortcutPrevious",
-  "SwitcherShortcutNext",
-  "SwitcherShortcutSelect",
-  "SwitcherShortcutNone",
-  "SwitcherShortcutRecordingHint",
-  "SwitcherShortcutReset",
-  "SwitcherShortcutErrorUnknown",
-  "SwitcherShortcutErrorDuplicate",
-  "SwitcherShortcutErrorReserved",
-  "SwitcherShortcutErrorInvalid",
-  "NotificationTestSound",
-  "NotificationTestSoundPlaying",
-  "TrayIconModeLabel",
-  "TrayIconModeHelper",
-  "TrayIconModeSingle",
-  "TrayIconModePerProvider",
-  "TrayIconModeStacked",
-  "StackedTrayTopProvider",
-  "StackedTrayBottomProvider",
-  "ShowProviderIcons",
-  "ShowProviderIconsHelper",
-  "PreferHighestUsage",
-  "PreferHighestUsageHelper",
-  "ShowPercentInTray",
-  "ShowPercentInTrayHelper",
-  "ColorPaceInTray",
-  "ColorPaceInTrayHelper",
-  "ColorByProviderInTray",
-  "ColorByProviderInTrayHelper",
-  "PaceSignLabel",
-  "PaceSignHelper",
-  "PaceSignAheadPositive",
-  "PaceSignReservePositive",
-  "DisplayModeLabel",
-  "DisplayModeHelper",
-  "DisplayModeDetailed",
-  "DisplayModeCompact",
-  "DisplayModeMinimal",
-  "TrayPanelAlwaysOnTopLabel",
-  "TrayPanelAlwaysOnTopHelper",
-  "PanelScaleLabel",
-  "PanelScaleHelper",
-  "WindowMinimize",
-  "WindowRestore",
-  "WindowClose",
-  "ShowAsUsedLabel",
-  "ShowAsUsedHelper",
-  "HighlightMenuCardsOnHoverLabel",
-  "OverviewLayoutLabel",
-  "OverviewLayoutHelper",
-  "OverviewLayoutDetailed",
-  "OverviewLayoutCompact",
-  "ShowAllTokenAccountsLabel",
-  "ShowAllTokenAccountsHelper",
-  "EnableAnimationsLabel",
-  "EnableAnimationsHelper",
-  "UpdateChannelStableOption",
-  "UpdateChannelBetaOption",
-  "CodexLocalLogsTitle",
-  "CodexLocalLogsCaption",
-  "CodexLogPathsLabel",
-  "CodexLogPathsHelper",
-  "DisableAllKeychainLabel",
-  "DisableAllKeychainHelper",
-  "CredentialAccessFooter",
-  "SectionTheme",
-  "ThemeLabel",
-  "ThemeHelper",
-  "ThemeAutoOption",
-  "ThemeLightOption",
-  "ThemeDarkOption",
-  "SettingsStatusSaving",
-  "ApiKeysTabHint",
-  "FetchingProviderData",
-  "NoProvidersConfigured",
-  "EnableProvidersHint",
-  "OpenSettingsButton",
-  "TooltipRefresh",
-  "TrayCardErrorBadge",
-  "SummaryProvidersLabel",
-  "SummaryRefreshing",
-  "SummaryFailed",
-  "SummaryWithErrors",
-  "DetailBackButton",
-  "DetailWindowPrimary",
-  "DetailWindowSecondary",
-  "DetailWindowModelSpecific",
-  "DetailWindowTertiary",
-  "DetailWindowMinutesSuffix",
-  "DetailWindowExhausted",
-  "DetailPaceTitle",
-  "DetailPaceOnTrack",
-  "DetailPaceSlightlyAhead",
-  "DetailPaceAhead",
-  "DetailPaceFarAhead",
-  "DetailPaceSlightlyBehind",
-  "DetailPaceBehind",
-  "DetailPaceFarBehind",
-  "DetailPaceRunsOutIn",
-  "DetailPaceWillLastToReset",
-  "DetailCostTitle",
-  "ApiSpendTitle",
-  "DetailCostUsed",
-  "DetailCostLimit",
-  "DetailCostRemaining",
-  "DetailCostBalance",
-  "DetailCostResets",
-  "DetailChartCost",
-  "DetailChartTokens",
-  "DetailChartRefreshing",
-  "DetailChartCredits",
-  "DetailChartUsageBreakdown",
-  "DetailChartEmpty",
-  "OpenAIChartTitle",
-  "OpenAIChartMetricCost",
-  "OpenAIChartMetricTokens",
-  "OpenAiLiveUsageTitle",
-  "OpenAiLiveUsageToggle",
-  "OpenAiLiveUsageToggleHelp",
-  "OpenAiLiveUsageLoad",
-  "OpenAiLiveUsageLoading",
-  "OpenAiLiveWindowLabel",
-  "OpenAiLiveWindow15",
-  "OpenAiLiveWindow60",
-  "OpenAiLiveWindow360",
-  "OpenAiTpmChartTitle",
-  "OpenAiTpmLatest",
-  "OpenAiTpmPeak",
-  "OpenAiTpmFiveMinuteAverage",
-  "OpenAiTpmFrontier",
-  "OpenAiTpmPendingLegend",
-  "OpenAiTpmEmpty",
-  "OpenAiTpmModels",
-  "OpenAiTpmLimitLine",
-  "OpenAiLimitsTitle",
-  "OpenAiLimitsHelp",
-  "OpenAiLimitModelLabel",
-  "OpenAiLimitTpmLabel",
-  "OpenAiLimitRpmLabel",
-  "OpenAiLimitAdd",
-  "OpenAiLimitRemove",
-  "OpenAiLimitSave",
-  "OpenAiLimitErrorModel",
-  "OpenAiLimitErrorLine",
-  "OpenAiLimitErrorDuplicate",
-  "OpenAiLimitErrorTpm",
-  "OpenAiLimitErrorRpm",
-  "OpenAiOrgLimitsTitle",
-  "OpenAiOrgLimitsLoad",
-  "OpenAiOrgLimitsEmpty",
-  "OpenAiOrgLimitsScoped",
-  "OpenAiOrgLimitsTruncated",
-  "OpenAIChartHint",
-  "OpenAIChartRequests",
-  "OpenAIChartInputTokens",
-  "OpenAIChartCachedTokens",
-  "OpenAIChartOutputTokens",
-  "OpenAIChartLineItems",
-  "OpenAIChartModels",
-  "OpenAIChartMore",
-  "OpenAIChartWindowToday",
-  "OpenAIChartWindowDays",
-  "DetailUpdatedPrefix",
-  "PanelAllProviders",
-  "PanelAllProvidersShort",
-  "PanelShowAllProviders",
-  "PanelShowFewerProviders",
-  "PanelMenu",
-  "PanelCopied",
-  "PanelToday",
-  "PanelLatestTokens",
-  "PanelThirtyDayCostHistogram",
-  "PanelTopModelPrefix",
-  "AddAccountEllipsis",
-  "PanelLatest",
-  "PanelEstimatedValue",
-  "PanelCurrentWindow",
-  "PanelCurrentWindowTokens",
-  "PanelPreviousWindow",
-  "PanelWindowsAgo",
-  "PanelRecentWindows",
-  "QuotaUsageTitle",
-  "CostPeriodThisMonth",
-  "PanelPartialEstimate",
-  "PanelEstimatedFromLocalLogs",
-  "PanelEstimatedFromLocalLogsClaude",
-  "PanelEstimatedFromLocalLogsMuse",
-  "PanelExpected",
-  "PanelActual",
-  "PanelUsedSuffix",
-  "PanelLeftSuffix",
-  "PanelOnPaceBudget",
-  "PanelNow",
-  "PanelOneHour",
-  "PanelFiveHours",
-  "PanelTodayBudget",
-  "PanelBlockedByMonthlyLimit",
-  "FloatBarNoProviders",
-  "FloatBarRemainingSuffix",
-  "FloatBarShowCost",
-  "FloatBarShowCostDescription",
-  "BannerCheckingForUpdates",
-  "BannerUpdateAvailablePrefix",
-  "BannerDownloadButton",
-  "BannerViewRelease",
-  "BannerDismiss",
-  "BannerDownloadingPrefix",
-  "BannerReadyToInstallSuffix",
-  "BannerInstallRestart",
-  "BannerUpdateFailedPrefix",
-  "BannerRetry",
-  "ProviderSidebarSearch",
-  "ProviderSidebarClearSearch",
-  "ProviderSidebarNoMatches",
-  "ProviderSidebarReorderHint",
-  "ProviderSidebarMoveUp",
-  "ProviderSidebarMoveDown",
-  "ProviderSidebarOptions",
-  "ProviderSidebarShowEnabledOnly",
-  "ProviderSidebarRestoreDefaultOrder",
-  "ProviderSidebarUndoOrder",
-  "SettingsSidebarSortProviders",
-  "SettingsSidebarSortOffHint",
-  "SettingsSidebarSortOnHint",
-  "SettingsSidebarProvidersOnCount",
-  "ProviderContextEnable",
-  "ProviderContextDisable",
-  "SettingsSidebarAriaLabel",
-  "ProviderStatusOk",
-  "ProviderStatusStale",
-  "ProviderStatusError",
-  "ProviderStatusLoading",
-  "ProviderStatusDisabled",
-  "ProviderDetailPlaceholder",
-  "ProviderIssueNeedsSignIn",
-  "ProviderIssueFetchNeedsAttention",
-  "ProviderIssueCopy",
-  "ProviderIssueUnsupportedSourceModePrefix",
-  "ProviderIssueAuthRequired",
-  "ProviderIssueSessionExpired",
-  "ProviderIssueLocalRuntimeOffline",
-  "ProviderIssueUnknown",
-  "ProviderIssuePrivacySafeDetail",
-  "CredentialStorageTitle",
-  "CredentialRevokeStored",
-  "CredentialApiKeys",
-  "CredentialManualCookies",
-  "CredentialTokenAccounts",
-  "CredentialProtectedPrefix",
-  "CredentialStatusNotCreated",
-  "CredentialStatusPlaintext",
-  "CredentialStatusUnavailable",
-  "CredentialStatusUnreadable",
-  "BrowserCookiesSectionTitle",
-  "BrowserCookieNoneSaved",
-  "BrowserCookieSavedBadge",
-  "BrowserCookieRemove",
-  "BrowserCookieImportSuccess",
-  "BrowserCookieImportFromBrowser",
-  "BrowserCookieProfileSingular",
-  "BrowserCookieProfilePlural",
-  "BrowserCookiePlaceholderDefault",
-  "BrowserCookiePlaceholderOllama",
-  "BrowserCookiePlaceholderCurl",
-  "BrowserCookieSave",
-  // Phase 6d — credential detection
-  "CredentialsSectionTitle",
-  "CredsStatusAuthenticated",
-  "CredsStatusNotSignedIn",
-  "CredsStatusDetected",
-  "CredsStatusNotDetected",
-  "CredsStatusAvailable",
-  "CredsStatusUnavailable",
-  "CredsOpenFolderAction",
-  "CredsRefreshDetectionAction",
-  "CredsSavePathAction",
-  "CredsBrowseAction",
-  "CredsGeminiCliLabel",
-  "CredsGeminiCliHelperPrefix",
-  "CredsGeminiCliSetupAction",
-  "CredsGeminiCliSetupHelp",
-  "CredsVertexAiLabel",
-  "CredsVertexAiHelperPrefix",
-  "CredsVertexAiSetupAction",
-  "CredsVertexAiSetupHelp",
-  "CredsJetBrainsLabel",
-  "CredsJetBrainsHelperDetectedPrefix",
-  "CredsJetBrainsHelperCustomPrefix",
-  "CredsJetBrainsHelperMissing",
-  "CredsJetBrainsCustomPathLabel",
-  "CredsJetBrainsCustomPathPlaceholder",
-  "CredsJetBrainsSelectLabel",
-  "CredsJetBrainsAutoDetectOption",
-  "CredsKiroLabel",
-  "CredsKiroHelperAvailablePrefix",
-  "CredsKiroHelperMissing",
-  "OpenCodeGoWorkspaceTitle",
-  "OpenCodeGoWorkspaceLabel",
-  "OpenCodeGoWorkspaceHelp",
-  "MuseBrowserTeamTitle",
-  "MuseBrowserTeamChoose",
-  "MuseBrowserTeamHelp",
-  "MuseBrowserTeamNoTeams",
-  "MuseBrowserTeamUnavailable",
-  "OpenRouterManagementKeyTitle",
-  "OpenRouterManagementKeyLabel",
-  "OpenRouterManagementKeyHelp",
-  "OpenRouterManagementKeyConfigured",
-  "CredsOpenAiHistoryHelp",
-  // Phase 6e — Token accounts (review)
-  "TokenAccountActive",
-  "TokenAccountSetActive",
-  "TokenAccountRemove",
-  "TokenAccountAddButton",
-  "TokenAccountGithubLoginButton",
-  "TokenAccountEmpty",
-  "TokenAccountLabelPlaceholder",
-  "TokenAccountProviderLabel",
-  "TokenAccountProviderPlaceholder",
-  "TokenAccountAddedPrefix",
-  "TokenAccountUsedPrefix",
-  "TokenAccountTabHint",
-  "TokenAccountNoSupported",
-  "TokenAccountInlineSummary",
-
-  // Phase 9 — Tray / pop-out pace badges + countdowns
-  "TrayPaceBadgeSlow",
-  "TrayPaceBadgeSteady",
-  "TrayPaceBadgeRacing",
-  "TrayPaceBadgeBurning",
-  "TrayResetsInLabel",
-  "TrayResetsDueNow",
-
-  // Tauri desktop shell — FloatBar settings section
-  "FloatBarSectionTitle",
-  "FloatBarShowFloatingBar",
-  "FloatBarShowFloatingBarHelper",
-  "FloatBarOrientation",
-  "FloatBarOrientationHelper",
-  "FloatBarOrientationHorizontal",
-  "FloatBarOrientationVertical",
-  "FloatBarStyle",
-  "FloatBarStyleHelper",
-  "FloatBarStyleFloating",
-  "FloatBarStyleTaskbar",
-  "FloatBarOpacity",
-  "FloatBarOpacityHelper",
-  "FloatBarOpacityAriaLabel",
-  "FloatBarSize",
-  "FloatBarSizeHelper",
-  "FloatBarSizeAriaLabel",
-  "FloatBarShowResetInline",
-  "FloatBarShowResetInlineHelper",
-  "FloatBarInvertColors",
-  "FloatBarInvertColorsHelper",
-  "FloatBarClickThrough",
-  "FloatBarClickThroughHelper",
-
-  // Tauri desktop shell — About / app identity
-  "AppName",
-  "SettingsWindowTitle",
-  "ErrorPrefix",
-  "AboutLoading",
-  "AboutCheckForUpdates",
-  "AboutChecking",
-  "AboutUpToDate",
-  "AboutCopyrightBefore",
-  "AboutCopyrightAfter",
-  "AboutLinkGitHub",
-  "AboutLinkWebsite",
-  "AboutLinkOriginalProject",
-  "DiagnosticsSectionHeading",
-  "DiagnosticsCopyButton",
-  "DiagnosticsCopied",
-  "DiagnosticsCopyFailed",
-
-  // Tauri desktop shell — Cookies tab hints / placeholder
-  "SavedCookiesHint",
-  "ImportFromBrowserHint",
-  "NoBrowsersDetectedHint",
-  "CookieHeaderValuePlaceholder",
-
-  // Tauri desktop shell — API key section fields
-  "ApiKeyTitle",
-  "ApiKeyNotSet",
-  "ApiKeyUpdate",
-  "ApiKeyLabelOptional",
-
-  // Tauri desktop shell — App bootstrap fallbacks
-  "BootstrapFailed",
-  "LoadingShellContract",
-  "LoadingShellContractHint",
-
-  // Tauri desktop shell — Refresh interval + provider display names
-  "RefreshIntervalManual",
-  "RefreshIntervalAdaptive",
-  "RefreshInterval15Min",
-  "RefreshInterval30Min",
-  "RefreshInterval1Hour",
-  "ProviderNameCodex",
-  "ProviderNameClaude",
-  "AgentSessionsProviderPi",
-  "AgentSessionsProviderOmp",
-
-  // Tauri desktop shell — misc singletons
-  "ProvidersAriaLabel",
-  "WaitingForUsage",
-  "TokenAccountTokenPlaceholder",
-  "ProviderPlanClaudeAi",
-  "PaceChartAriaLabel",
-  "PaceChartLegendAverageSoFar",
-  "PaceChartLegendIdealPace",
-  "PaceChartLegendProjection",
-  "BarChartAriaLabel",
-  "StackedBarChartAriaLabel",
-
-  // Tauri desktop shell — OpenAI extras (admin/litellm/devin/zed)
-  "OpenAiAdminApiTitle",
-  "OpenAiProjectIdLabel",
-  "OpenAiProjectIdPlaceholder",
-  "OpenAiProjectIdHelp",
-  "LiteLlmApiTitle",
-  "LiteLlmBaseUrlLabel",
-  "LiteLlmBaseUrlPlaceholder",
-  "LiteLlmBaseUrlHelp",
-  "DevinApiTitle",
-  "DevinOrganizationLabel",
-  "DevinOrganizationPlaceholder",
-  "DevinOrganizationHelp",
-  "ZedApiTitle",
-  "ZedApiUrlLabel",
-  "ZedApiUrlPlaceholder",
-  "ZedApiUrlHelp",
-  "Sub2ApiTitle",
-  "Sub2ApiBaseUrlLabel",
-  "Sub2ApiBaseUrlPlaceholder",
-  "Sub2ApiBaseUrlHelp",
-  "LlmProxyTitle",
-  "LlmProxyBaseUrlLabel",
-  "LlmProxyBaseUrlPlaceholder",
-  "LlmProxyBaseUrlHelp",
-  "LLMManApiTitle",
-  "LLMManBaseUrlLabel",
-  "LLMManBaseUrlPlaceholder",
-  "LLMManBaseUrlHelp",
-  "ExaApiTitle",
-  "ExaApiKeyIdLabel",
-  "ExaApiKeyIdPlaceholder",
-  "ExaApiKeyIdHelp",
-  "CosmicProjectIdTitle",
-  "CosmicProjectIdLabel",
-  "CosmicProjectIdPlaceholder",
-  "CosmicProjectIdHelp",
-
-  // Tray icon visibility (Windows 11 hidden-icons overflow)
-  "PromoteTrayIconLabel",
-  "PromoteTrayIconHelper",
-  "PromoteTrayIconUnsupportedHint",
-
-  // Mistral PAYG monthly spend (#2821, #2947)
-  "MistralMonthlySpend",
-  "MistralMonthlySpendHelper",
-  // Mistral Monthly Plan menu bar metric (upstream 0.70.0 #4072)
-  "MetricMonthlyPlan",
-
-  // Menu cost-summary display style (#2976)
-  "CostSummaryDisplayStyle",
-  "CostSummaryDisplayStyleHelper",
-  "CostSummaryStyleCompact",
-  "CostSummaryStyleDetailed",
-  "CostSummaryStyleHidden",
-
-  // Per-provider accent color override (#2972)
-  "ProviderAccentColor",
-  "ProviderAccentColorHelper",
-  "ProviderAccentColorReset",
-  "ProviderAccentColorInvalid",
-
-  // Per-provider automatic CLI session resume (#486)
-  "ProviderAutoResumeTitle",
-  "ProviderAutoResumeAfterQuotaReset",
-  "ProviderAutoResumeAfterQuotaResetHelper",
-
-  // Recorded remaining-quota burndown (upstream 0.70.0 #4085)
-  "BurndownChartTitle",
-  "BurndownChartAriaLabel",
-
-  // History window for local cost surfaces (upstream 0.67.0 reporting periods)
-  "CostPeriodHistoryWindow",
-  "CostPeriodHistoryWindowHelper",
-  "CostPeriodMonthToDate",
-  "CostPeriodAll",
-  "CostPeriodToday",
-  "CostPeriodLastDays",
-  "CostPeriodCustom",
-  "CostPeriodCustomDays",
-  "CostPeriodShortMonthToDate",
-  "CostPeriodShortAll",
-  "CostPeriodShortDays",
-  "PanelPeriodCost",
-  "PanelPeriodTokens",
-  "OverviewSpendPeriodTitle",
-  "UsageSpendModelsPeriodCaption",
-  "UsageSpendProjectsPeriodCaption",
-  "UsageSpendIndependentChats",
-  "UsageSpendIndependentChat",
-
-  // Opt-in provider breakdowns (upstream 0.67.0)
-  "ProviderOptionalDetailsTitle",
-  "ProviderLiteLLMModelActivity",
-  "ProviderLiteLLMModelActivityHelper",
-  "ProviderClaudeWorkspaceSpend",
-  "ProviderClaudeWorkspaceSpendHelper",
-  "UsageItemUnavailableTitle",
-  "UsageItemFallbackTitle",
-  "WindowLabelQuota",
-  "WindowLabelDaily",
-  "WindowLabelBudget",
-  "WindowLabelWeeklyQuota",
-  "WindowLabelMonthlyQuota",
-  "WindowLabelStatus",
-  "WindowLabelSharedPool",
-  "WindowLabelReviews",
-  "WindowLabelPremium",
-  "WindowLabelPremiumWeekly",
-  "WindowLabelPlan",
-  "WindowLabelPersonal",
-  "WindowLabelModels",
-  "WindowLabelBilling",
-  "WindowLabelApiKeyLimit",
-  "WindowLabelWeeklyCost",
-  "WindowLabelDailyCost",
-  "WindowLabelCost",
-  "WindowLabelVoices",
-  "WindowLabelTeamBudget",
-  "WindowLabelPersonalBudget",
-  "WindowLabelSecondaryBudget",
-  "WindowLabelSubscription",
-  "WindowLabelStandard",
-  "WindowLabelSharedCredits",
-  "WindowLabelPlanCredits",
-  "WindowLabelMonthlyCredits",
-  "WindowLabelBonusCredits",
-  "WindowLabelAddOnCredits",
-  "WindowLabelSavings",
-  "WindowLabelRolling",
-  "WindowLabelRefresh",
-  "WindowLabelRateLimit",
-  "WindowLabelPoints",
-  "WindowLabelPackages",
-  "WindowLabelOverage",
-  "WindowLabelOnDemand",
-  "WindowLabelMemory",
-  "WindowLabelKeyAllowance",
-  "WindowLabelEdits",
-  "WindowLabelDeployment",
-  "WindowLabelDailyFreeTokens",
-  "WindowLabelCycle",
-  "WindowLabelChat",
-  "WindowLabelCash",
-  "WindowLabelBase",
-  "WindowLabelAgentUsage",
-  "WindowLabelVersion",
-  "WindowLabelProject",
-  "WindowLabelKey",
-  "WindowLabelEmail",
-  "WindowLabelAccount",
-  "WindowLabelUsageLast7Days",
-  "WindowLabelHours",
-  "WindowLabelHourQuota",
-  "WindowLabelDays",
-  "ResetsAtLabel",
-  "ResetsInHoursOnly",
-  "ResetsInDaysOnly",
-  "RegeneratesCountdown",
-  "CostTitleClawRouterSpend",
-  "CostTitleClawRouterMonthlyBudget",
-  "ResetsAtTime",
-  "ProviderTextRequests",
-  "ProviderTextTokens",
-  "ProviderTextCredits",
-  "ProviderTextWeeklyCredits",
-  "ProviderTextAddOnCredits",
-  "ProviderTextEventCredits",
-  "ProviderTextRefreshCredits",
-  "ProviderTextCreditsAvailable",
-  "ProviderTextUnits",
-  "ProviderTextPredictions",
-  "ProviderTextFlows",
-  "ProviderTextConversations",
-  "ProviderTextAvailable",
-  "ProviderTextRemaining",
-  "ProviderTextOfRemaining",
-  "ProviderTextExpired",
-  "ProviderTextUsed",
-  "ProviderTextTokensToday",
-  "ProviderTextTokensRemaining",
-  "ProviderTextSpentThisMonth",
-  "ProviderTextMonthlyGrant",
-  "ProviderTextTotalUsable",
-  "ProviderTextModels",
-  "ProviderTextBalanceSuffix",
-  "ProviderTextApiRate",
-  "ProviderTextOfCredits",
-  "ProviderTextOverLastDays",
-  "ProviderTextTokensOverLastDays",
-  "ProviderTextUsedRemaining",
-  "ProviderTextTotalCreditsFree",
-  "ProviderTextUsedPerPeriod",
-  "ProviderTextBalancePrefix",
-  "ProviderTextCashPrefix",
-  "ProviderTextMonthlySpendPrefix",
-  "ProviderTextSpentThisMonthPrefix",
-  "ProviderTextDeploymentPrefix",
-  "ProviderTextEnds",
-  "ProviderTextNoQuotaReported",
-  "ProviderTextNoQuotaData",
-  "ProviderTextUsageUnavailable",
-  "ProviderTextNoBalanceInfo",
-  "ProviderTextUnlimited",
-  "ProviderTextUnavailable",
-  "ProviderTextOverdueInvoices",
-  "ProviderTextSubscriptionActive",
-  "ProviderTextVirtualKeyInactive",
-  "ProviderTextCreditUsageUnavailable",
-  "ProviderTextNoTokenQuota",
-  "ProviderTextTokenQuotaUnavailable",
-  "ProviderTextNoActiveModelQuota",
-  "ProviderTextBillingUsageUnavailable",
-  "ProviderTextNoApplicableBudgets",
-  "ProviderTextNoActiveSubscriptionKwh",
-  "ProviderTextNoTokenPlanUsage",
-  "ProviderTextNoEditPredictions",
-  "ProviderTextDailyUsage",
-  "ProviderTextResetsDaily",
-  "ProviderTextNoActiveSession",
-  "ProviderTextKeyQuota",
-  "ProviderTextAccountBalance",
-  "ProviderTextMonthlyBudget",
-  "ProviderTextApiSpend",
-  "ProviderTextOffline",
-  "ProviderTextNoBrandQuotaReported",
-  "ProviderTextNoBrandBudgetQuotaReported",
-  "ProviderTextNoCachedBrandQuota",
-  "ProviderTextNoActiveBrandTier",
-  "IntlLocale",
-  "ProviderLabelMonthly",
-  "ProviderLabelHourly",
-  "ProviderLabelQuarterly",
-  "ProviderLabelYearly",
-  "ProviderLabelLifetime",
-  "ProviderLabelToday",
-  "ProviderLabelTotal",
-  "ProviderLabelExpires",
-  "ProviderLabelRenews",
-  "ProviderLabelTokensToday",
-  "ProviderLabelRequestsToday",
-  "ProviderLabelTokensMonth",
-  "ProviderLabelRequestsMonth",
-  "ProviderLabelTokens30Days",
-  "ProviderLabelSpendToday",
-  "ProviderLabelSpend30Days",
-  "ProviderLabelDailySpend",
-  "ProviderLabelWeeklySpend",
-  "ProviderLabelMonthlySpend",
-  "ProviderLabelLimitResetCredits",
-  "ProviderLabelResetCredits",
-  "ProviderLabelAdditionalCredits",
-  "ProviderLabelOverageUsage",
-  "ProviderLabelOverageCost",
-  "ProviderLabelTotalUsage",
-  "ProviderLabelOrbUsage",
-  "ProviderLabelVoiceSlots",
-  "ProviderLabelProfessionalVoices",
-  "ProviderLabelVoucherBalance",
-  "ProviderLabelCashBalance",
-  "ProviderLabelFlexCredits",
-  "ProviderLabelEventCredits",
-  "ProviderLabelMonthlyPlan",
-  "ProviderLabelDailyLimit",
-  "ProviderLabelUncollected",
-  "ProviderLabelKeyInactive",
-  "ProviderLabelCreditsUsed",
-  "ProviderLabelAiCredits",
-  "ProviderLabelCompletions",
-  "ProviderLabelAdditionalBudget",
-  "ProviderLabelTopModel",
-  "ProviderLabelCredit",
-  "ProviderLabelUser",
-  "ProviderLabelTeam",
-  "ProviderLabelUsageBilling",
-  "ProviderLabelPeriodResets",
-  "ProviderLabelCycleUsed",
-  "ProviderLabelCycleRemaining",
-  "ProviderLabelAllTimeKeyUsage",
-  "ProviderLabelKeySpendingLimit",
-  "ProviderLabelYourSharedUsage",
-  "ProviderLabelRestOfOrganization",
-  "ProviderLabelReset",
-  "ProviderLabelBillableInferenceUsage",
-  "ProviderLabelGrossInferenceUsage",
-  "ProviderLabelIncludedInferenceAmount",
-  "ProviderLabelSpendingLimit",
-  "ProviderLabelPrepaidBalance",
-  "ProviderLabelLoaded",
-  "ProviderLabelStored",
-  "ProviderLabelSubscriptionCredits",
-  "ProviderLabelMonthlyGrant",
-  "ProviderLabelRolloverCredits",
-  "ProviderLabelTopUpCredits",
-  "ProviderLabelTotalUsable",
-  "ProviderLabelCreditsRemaining",
-  "ProviderLabelCreditsTotalAdded",
-  "ProviderLabelCreditsBalance",
-  "ProviderLabelApiKeyRemaining",
-  "ProviderLabelApiKeyUsed",
-  "ProviderLabelActivityTokens",
-  "ProviderLabelActivityRequests",
-  "ProviderLabelActivityModels",
-  "ProviderLabelSpendHistory30Days",
-  "ProviderLabelResetWindow",
-  "ProviderLabelLeft",
-  "ProviderLabelSpentThisMonth",
-  "ProviderLabelCreditBalance",
-  "ProviderLabelBillingRemaining",
-  "ProviderLabelOnDemandBalance",
-  "ProviderLabelRateLimitRemaining",
-  "ProviderLabelBillingType",
-  "ProviderLabelScope",
-  "ProviderLabelSubscriptionCreditsAvailable",
-  "ProviderLabelTotalCreditsAvailable",
-  "ProviderLabelUsedThisCycle",
-  "ProviderLabelBankCap",
-  "ProviderLabelNextRefill",
-  "ProviderLabelLifetimeSpend",
-  "ProviderLabelTokensUsedToday",
-  "ProviderLabelDailyAllowance",
-  "ProviderLabelTokensRemaining",
-  "ProviderLabelDailyReset",
-  "ProviderLabelAdditionalQuota",
-  "ProviderLabelTokenSpend",
-  "ProviderLabelSpendLimit",
-  "ProviderLabelRemainingBudget",
-  "ProviderLabelPayAsYouGoBalance",
-  "ProviderLabelObserved",
-  "ProviderLabelApplicableBudgets",
-  "ProviderLabelRequestsLast7Days",
-  "ProviderLabelTokensLast7Days",
-  "ProviderLabelAttributedSpendLast7Days",
-  "ProviderLabelCostCoverageLast7Days",
-  "ProviderLabelDefault",
-  "ProviderLabelOtherModels",
-  "ProviderLabelDailyRoutines",
-  "ProviderLabelOAuthApps",
-  "ProviderLabelExtraUsage",
-  "ProviderLabelExtraUsageBalance",
-  "ProviderLabelCloudCredits",
-  "ProviderLabelPass",
-  "ProviderLabelGateway",
-  "ProviderLabelUnknown",
-  "ProviderLabelCustom",
-  "ProviderLabelLiveUsage",
-  "ProviderLabelBrowserTeams",
-  "ProviderLabelInputTokens",
-  "ProviderLabelOutputTokens",
-  "ProviderLabelModelOnly",
-  "ProviderLabelHourLimit",
-  "ProviderLabelDayLimit",
-  "ProviderLabelTeamNamed",
-  "ProviderTextNotReported",
-  "ProviderTextNoLimitConfigured",
-  "ProviderTextUnavailableRightNow",
-  "ProviderTextManagementKeyNotConfigured",
-  "ProviderTextManagementKeyRequired",
-  "ProviderTextResponseInvalid",
-  "ProviderTextRequestTimedOut",
-  "ProviderTextRequestFailed",
-  "ProviderTextLast30CompletedUtcDays",
-  "ProviderTextNotIncludedInLogin",
-  "ProviderTextNoCapReported",
-  "ProviderTextNoDailyCapReported",
-  "ProviderTextDailyFreeTokenUnavailable",
-  "ProviderTextNoPricedRequests",
-  "ProviderTextBudgetBalanceUnavailable",
-  "ProviderTextBalanceUnavailableForApi",
-  "ProviderTextAccountBalanceUnavailable",
-  "ProviderTextNoRecurringCredits",
-  "ProviderTextNoCreditBalanceReported",
-  "ProviderTextNoWeeklyQuotaReported",
-  "ProviderTextNoBudgetSet",
-  "ProviderTextNoAllowance",
-  "ProviderTextMemoryLimitNotReported",
-  "ProviderTextSubscriptionQuotaNotIncluded",
-  "ProviderTextNoPlanCreditAllowance",
-  "ProviderTextActiveCheckDashboard",
-  "ProviderTextSpendingCapNotBalance",
-  "ProviderTextTotalKeyUsage",
-  "ProviderTextTotalAccountUsage",
-  "ProviderTextTodayLower",
-  "ProviderTextThisWeek",
-  "ProviderTextThisMonthLower",
-  "ProviderTextTeamCredits",
-  "ProviderTextNoUsageThisMonth",
-  "ProviderTextCycleEnded",
-  "ProviderTextResetsNow",
-  "ProviderTextLast30Days",
-  "ProviderTextThisMonth",
-  "ProviderTextCurrentMonth",
-  "ProviderTextBillingCycle",
-  "ProviderTextCurrentBillingPeriod",
-  "ProviderTextThisMonthApiKey",
-  "ProviderTextLast30DaysUtc",
-  "ProviderTextLast7DaysAttributed",
-  "ProviderTextLast7DaysThisKey",
-  "ProviderTextPrepaidCredits",
-  "ProviderTextApiCredits",
-  "ProviderTextApproxSpend",
-  "ProviderTextOnDemandBillingCycle",
-  "ProviderTextLastDays",
-  "ProviderTextPartial",
-  "ProviderTextCreditsLeft",
-  "ProviderTextCreditsTotal",
-  "ProviderTextCreditsRemaining",
-  "ProviderTextCreditsUsed",
-  "ProviderTextMonthlyCreditsRemaining",
-  "ProviderTextAiCreditsUsed",
-  "ProviderTextMinutesUsed",
-  "ProviderTextMinutesRemaining",
-  "ProviderTextCloudModelsAvailable",
-  "ProviderTextSuccesses",
-  "ProviderTextPrompt",
-  "ProviderTextCompletion",
-  "ProviderTextOwed",
-  "ProviderTextUsdRemaining",
-  "ProviderTextSpent",
-  "ProviderTextDaysActive",
-  "ProviderTextDaysTotal",
-  "ProviderTextResetCreditsAvailable",
-  "ProviderTextLeft",
-  "ProviderTextThisMonthValue",
-  "ProviderTextCreditFunded",
-  "ProviderTextMinutesUsedRemaining",
-  "ProviderTextOf",
-  "ProviderTextCreditsWithRemaining",
-  "ProviderTextAudioBillableHours",
-  "ProviderTextInputOutputCached",
-  "ProviderTextActivityTokens",
-  "ProviderTextCreditsExpireOn",
-  "ProviderTextNoBrandApiBalance",
-  "ProviderTextModelPrefix",
-  "ProviderTextCostPrefix",
-  "ProviderTextMethodPrefix",
-  "ProviderTextCategoryPrefix",
-  "ProviderTextSpendPrefix",
-  "ProviderTextKeyValidPrefix",
-  "ProviderTextMonthlyRefillPrefix",
-  "ProviderTextSuspendedPrefix",
-  "ProviderTextSuspended",
-  "ProviderTextDeficitPrefix",
-  "ProviderTextBalanceColonPrefix",
-  "ProviderTextVoucherPrefix",
-  "ProviderTextInputPrefix",
-  "ProviderTextOutputPrefix",
-  "ProviderTextExpPrefix",
-  "ProviderTextExpiresPrefix",
-  "ProviderTextRenewsIn",
-  "ProviderTextExpiresIn",
-  "ProviderTextCycleEndsIn",
-  "DurationDaysHours",
-  "DurationDaysMinutes",
-  "DurationHoursMinutes",
-  "DurationDays",
-  "DurationHours",
-  "DurationMinutes",
-  "DurationMonths",
-  "MenuBarIconSectionTitle",
-  "MenuBarIconStyleLabel",
-  "MenuBarIconStyleHelper",
-  "MenuBarIconStyleBars",
-  "MenuBarIconStylePercent",
-  "MenuBarIconStyleStackedBars",
-  "CombinedIconSectionTitle",
-  "CombinedIconStyleLabel",
-  "CombinedIconStyleSwitcher",
-  "CombinedIconStyleStacked",
-  "ShowEveryProviderInTrayMenuLabel",
-  "ShowEveryProviderInTrayMenuHelper",
-  "SwitcherRowsLabel",
-  "SwitcherRowsProviderIcons",
-  "SwitcherRowsWeeklyProgress",
-  "OverviewProvidersLabel",
-  "OverviewProvidersConfigure",
-  "OverviewProvidersChooseUpTo",
-  "OverviewProvidersDefaultSummary",
-  "QuotaWarningMarkersLabel",
-  "QuotaWarningMarkersHelper",
-  "WorkDaysLabel",
-  "WorkDaysCount",
-  "WorkdayTickAppearanceLabel",
-  "WorkdayTickAppearanceHelper",
-  "WorkdayTickHidden",
-  "WorkdayTickSubtle",
-  "WorkdayTickHighContrast",
-  "UsageBarsFillLabel",
-  "UsageBarsFillRemaining",
-  "UsageBarsFillUsed",
-  "ResetTimesLabel",
-  "ResetTimesCountdown",
-  "ResetTimesClockTime",
-  "MenuUsageSectionTitle",
-  "MenuContentSectionTitle",
-  "MenuCostSummarySectionTitle",
-  "MenuWindowsSectionTitle",
-  "UsageSpendPeriodLabel",
-  "UsageSpendRefreshFailures",
-  "UsageSpendLocalHistory",
-  "UsageSpendEstimatedSpend",
-  "UsageSpendTrackedTokens",
-  "UsageSpendSources",
-  "UsageSpendTokenInput",
-  "UsageSpendTokenOutput",
-  "UsageSpendTokenCacheRead",
-  "UsageSpendTokenCacheWrite",
-  "UsageSpendTokenReasoning",
-  "UsageSpendPriced",
-  "UsageSpendUnpricedCount",
-  "UsageSpendUnmetered",
-  "UsageSpendEstimated",
-  "UsageSpendBreakdownLabel",
-  "UsageSpendViewProviders",
-  "UsageSpendViewSessions",
-  "UsageSpendNoSessions",
-  "UsageSpendDataControls",
-  "UsageSpendTrackCosts",
-  "UsageSpendTrackCostsHelper",
-  "UsageSpendTrackingOffTitle",
-  "UsageSpendTrackingOffBody",
-  "ProviderVisibleUsageItems",
-  "ProviderVisibleUsageItemsFooter",
-  "ProviderRestoreDefaults",
-  "ProviderLastFetchFailedTitle",
-  "ProviderShowDetails",
-  "ProviderHideDetails",
-  "ProviderSectionConnection",
-  "QuotaWarningsTitle",
-  "QuotaWarningGlobal",
-  "QuotaWarningCustom",
-  "QuotaWarningOff",
-  "QuotaWarningWarning",
-  "QuotaWarningCritical",
-  "QuotaWarningInherited",
-  "QuotaWarningProviderInherits",
-  "QuotaWarningProviderMarkersOnly",
-  "QuotaWarningProviderDisabled",
-  "ProviderCodexLocalCostEstimates",
-  "ProviderCodexLocalCostEstimatesHelp",
-  "ProviderCodexHistoricalTracking",
-  "ProviderCodexOpenAiWebExtras",
-  "ProviderCodexOpenAiWebExtrasHelp",
-  "ProviderCodexExternalOauth",
-  "ProviderCodexExternalOauthHelp",
-  "ProviderCodexBatterySaver",
-  "ProviderCodexBatterySaverHelp",
-  "ProviderOptionNotUsedOnWindows",
-  "ClaudeSwapExecutablePathHelp",
-  "AntigravityProfileHomesLabel",
-  "AntigravityProfileHomesHelp",
-  "AntigravityProfileHomesAdd",
-  "AntigravityProfileHomesRemove",
-  "AntigravityProfileHomesEmpty",
-  "AntigravityProfileHomesPickFailed",
-  "UsageItemPlanRenewalExpiry",
-  "UsageItemHiddenByCostSummary",
-  "PlanRenewsOn",
-  "PlanExpiresOn",
+  ...CORE_LOCALE_KEYS,
+  ...SHELL_LOCALE_KEYS,
+  ...PROVIDER_TEXT_LOCALE_KEYS,
 ] as const;
 
 export type LocaleKey = (typeof ALL_LOCALE_KEYS)[number];
diff --git a/apps/desktop-tauri/src/lib/currency.ts b/apps/desktop-tauri/src/lib/currency.ts
index 110744de74e..22286a0a833 100644
--- a/apps/desktop-tauri/src/lib/currency.ts
+++ b/apps/desktop-tauri/src/lib/currency.ts
@@ -3,10 +3,6 @@ import { CURRENCY_CATALOG } from "./currencyCatalog.generated";
 // The catalog (order, symbols, offline rates) is generated from rust/src/currency.rs.
 export const SUPPORTED_CURRENCIES: readonly string[] = CURRENCY_CATALOG.map((entry) => entry.code);
 
-export const FALLBACK_CURRENCY_RATES: Record<string, number> = Object.fromEntries(
-  CURRENCY_CATALOG.map((entry) => [entry.code, entry.fallbackRate]),
-);
-
 export const CURRENCY_PICKER_OPTIONS: ReadonlyArray<{ value: string; label: string }> =
   CURRENCY_CATALOG.map((entry) => ({ value: entry.code, label: `${entry.code} (${entry.symbol})` }));
 
@@ -68,17 +64,6 @@ export function formatDisplayCurrency(
   }
 }
 
-export function mergeValidCurrencyRates(input: Record<string, number>): Record<string, number> {
-  const rates = { ...FALLBACK_CURRENCY_RATES };
-  for (const code of SUPPORTED_CURRENCIES) {
-    const value = input[code];
-    if (Number.isFinite(value) && value > 0 && (code !== "USD" || Math.abs(value - 1) <= Number.EPSILON)) {
-      rates[code] = value;
-    }
-  }
-  return rates;
-}
-
 export function sumDisplayCurrencyAmounts(
   rows: Array<{ amount: number | null | undefined; currency: string }>,
   preferredCode: string,
diff --git a/apps/desktop-tauri/src/lib/providerOrder.test.ts b/apps/desktop-tauri/src/lib/providerOrder.test.ts
index 4ff5c852c69..bd475b8d306 100644
--- a/apps/desktop-tauri/src/lib/providerOrder.test.ts
+++ b/apps/desktop-tauri/src/lib/providerOrder.test.ts
@@ -1,5 +1,6 @@
 import { describe, expect, it } from "vitest";
 import { orderProviderSnapshots } from "./providerOrder";
+import { makeUsageSnapshot } from "../test/fixtures";
 import type { ProviderCatalogEntry, ProviderUsageSnapshot } from "../types/bridge";
 
 const catalog: ProviderCatalogEntry[] = [
@@ -9,44 +10,11 @@ const catalog: ProviderCatalogEntry[] = [
 ];
 
 function snapshot(providerId: string, displayName: string): ProviderUsageSnapshot {
-  return {
-    providerId,
+  return makeUsageSnapshot(providerId, {
     displayName,
-    primary: {
-      usedPercent: 0,
-      remainingPercent: 100,
-      windowMinutes: null,
-      resetsAt: null,
-      resetDescription: null,
-      isExhausted: false,
-      reservePercent: null,
-      reserveDescription: null,
-    },
-    selectedMetric: {
-      usedPercent: 0,
-      remainingPercent: 100,
-      windowMinutes: null,
-      resetsAt: null,
-      resetDescription: null,
-      isExhausted: false,
-      reservePercent: null,
-      reserveDescription: null,
-    },
-    secondary: null,
-    modelSpecific: null,
-    tertiary: null,
-    extraRateWindows: [],
-    cost: null,
-    planName: null,
-    accountEmail: null,
     sourceLabel: "test",
     updatedAt: "2026-01-01T00:00:00Z",
-    error: null,
-    errorState: "ready",
-    pace: null,
-    accountOrganization: null,
-    trayStatusLabel: null,
-  };
+  });
 }
 
 describe("orderProviderSnapshots", () => {
diff --git a/apps/desktop-tauri/src/lib/tauri.ts b/apps/desktop-tauri/src/lib/tauri.ts
index 4842e7bfa44..94c4aca6941 100644
--- a/apps/desktop-tauri/src/lib/tauri.ts
+++ b/apps/desktop-tauri/src/lib/tauri.ts
@@ -41,8 +41,6 @@ import type {
   SessionFocusResult,
   TrayVisibilityStatusDto,
   UsageSpendSummary,
-  SpendContract,
-  CodexLocalProjectUsageSnapshot,
   CodexAccount,
   CodexAccountUsageSnapshot,
   CodexAccountsStateBridge,
@@ -344,27 +342,6 @@ export function importPreferences(path: string): Promise<SettingsSnapshot> {
   return invoke<SettingsSnapshot>("import_preferences", { path });
 }
 
-export function getSpendContract(
-  providerId: string,
-  options?: { period?: string; includeOpenCodex?: boolean },
-): Promise<SpendContract> {
-  return invoke<SpendContract>("get_spend_contract", {
-    providerId,
-    period: options?.period ?? null,
-    includeOpenCodex: options?.includeOpenCodex ?? null,
-  });
-}
-
-export function getCodexWorkspacesSnapshot(options?: {
-  forceRefresh?: boolean;
-  historyDays?: number;
-}): Promise<CodexLocalProjectUsageSnapshot> {
-  return invoke<CodexLocalProjectUsageSnapshot>("get_codex_workspaces_snapshot", {
-    forceRefresh: options?.forceRefresh ?? null,
-    historyDays: options?.historyDays ?? null,
-  });
-}
-
 // ── Token account bridge ─────────────────────────────────────────────
 
 export function getTokenAccountProviders(): Promise<TokenAccountSupportBridge[]> {
@@ -597,10 +574,6 @@ export function quitApp(): Promise<void> {
 
 // ── Codex multi-account (ADR 0003) ───────────────────────────────────
 
-export function codexAccountsList(): Promise<CodexAccount[]> {
-  return invoke<CodexAccount[]>("codex_accounts_list");
-}
-
 export function codexAccountAdd(): Promise<CodexAccount> {
   return invoke<CodexAccount>("codex_account_add");
 }
@@ -623,14 +596,6 @@ export function codexAccountFetch(
   return invoke<CodexAccountUsageSnapshot>("codex_account_fetch", { id });
 }
 
-export function codexAccountSnapshots(): Promise<
-  Record<string, CodexAccountUsageSnapshot>
-> {
-  return invoke<Record<string, CodexAccountUsageSnapshot>>(
-    "codex_account_snapshots",
-  );
-}
-
 export function codexAccountRestartDesktop(
   switchId: string,
 ): Promise<void> {
diff --git a/apps/desktop-tauri/src/lib/usageWindows.test.ts b/apps/desktop-tauri/src/lib/usageWindows.test.ts
index e5183d71532..692a06bbc5f 100644
--- a/apps/desktop-tauri/src/lib/usageWindows.test.ts
+++ b/apps/desktop-tauri/src/lib/usageWindows.test.ts
@@ -1,51 +1,35 @@
 import { describe, expect, it } from "vitest";
-import type { RateWindowSnapshot } from "../types/bridge";
 import {
   resetDescriptionFallback,
   selectSingleMetricUsageWindow,
   windowDetailText,
 } from "./usageWindows";
-
-function rateWindow(
-  overrides: Partial<RateWindowSnapshot> = {},
-): RateWindowSnapshot {
-  return {
-    usedPercent: 0,
-    remainingPercent: 100,
-    windowMinutes: null,
-    resetsAt: null,
-    resetDescription: null,
-    isExhausted: false,
-    reservePercent: null,
-    reserveDescription: null,
-    ...overrides,
-  };
-}
+import { makeRateWindow } from "../test/fixtures";
 
 describe("selectSingleMetricUsageWindow", () => {
   it("returns a normal primary when a secondary exists", () => {
-    const primary = rateWindow();
-    const secondary = rateWindow({ isInformational: true });
+    const primary = makeRateWindow();
+    const secondary = makeRateWindow(0, { isInformational: true });
 
     expect(selectSingleMetricUsageWindow({ primary, secondary })).toBe(primary);
   });
 
   it("returns a real secondary when the primary is informational", () => {
-    const primary = rateWindow({ isInformational: true });
-    const secondary = rateWindow();
+    const primary = makeRateWindow(0, { isInformational: true });
+    const secondary = makeRateWindow();
 
     expect(selectSingleMetricUsageWindow({ primary, secondary })).toBe(secondary);
   });
 
   it("returns an informational primary when the secondary is null", () => {
-    const primary = rateWindow({ isInformational: true });
+    const primary = makeRateWindow(0, { isInformational: true });
 
     expect(selectSingleMetricUsageWindow({ primary, secondary: null })).toBe(primary);
   });
 
   it("returns an informational primary when the secondary is informational", () => {
-    const primary = rateWindow({ isInformational: true });
-    const secondary = rateWindow({ isInformational: true });
+    const primary = makeRateWindow(0, { isInformational: true });
+    const secondary = makeRateWindow(0, { isInformational: true });
 
     expect(selectSingleMetricUsageWindow({ primary, secondary })).toBe(primary);
   });
@@ -55,14 +39,14 @@ describe("detail-backed descriptions", () => {
   const amounts = "34.07 EUR / 255.00 EUR · 220.93 EUR remaining";
 
   it("keeps ordinary descriptions as the reset fallback and shows no detail line", () => {
-    const window = rateWindow({ resetDescription: "Resets in 2h" });
+    const window = makeRateWindow(0, { resetDescription: "Resets in 2h" });
 
     expect(resetDescriptionFallback(window)).toBe("Resets in 2h");
     expect(windowDetailText(window)).toBeNull();
   });
 
   it("moves a detail-backed description out of the reset fallback", () => {
-    const window = rateWindow({ resetDescription: ` ${amounts} `, descriptionIsDetail: true });
+    const window = makeRateWindow(0, { resetDescription: ` ${amounts} `, descriptionIsDetail: true });
 
     expect(resetDescriptionFallback(window)).toBeNull();
     expect(windowDetailText(window)).toBe(amounts);
@@ -70,11 +54,11 @@ describe("detail-backed descriptions", () => {
 
   it("ignores blank and informational detail-backed descriptions", () => {
     expect(
-      windowDetailText(rateWindow({ resetDescription: "  ", descriptionIsDetail: true })),
+      windowDetailText(makeRateWindow(0, { resetDescription: "  ", descriptionIsDetail: true })),
     ).toBeNull();
     expect(
       windowDetailText(
-        rateWindow({ resetDescription: amounts, descriptionIsDetail: true, isInformational: true }),
+        makeRateWindow(0, { resetDescription: amounts, descriptionIsDetail: true, isInformational: true }),
       ),
     ).toBeNull();
   });
diff --git a/apps/desktop-tauri/src/styles.css b/apps/desktop-tauri/src/styles.css
index 50cf0ec9da9..a7aae88d5a2 100644
--- a/apps/desktop-tauri/src/styles.css
+++ b/apps/desktop-tauri/src/styles.css
@@ -1,4973 +1,10 @@
-/*
- * Theme tokens (Phase 12).
- *
- * `:root` holds the dark defaults so legacy selectors that consume these
- * custom properties keep working even before the app sets `data-theme`.
- * `[data-theme="dark"]` mirrors `:root` so a dark override can be forced
- * explicitly, and `[data-theme="light"]` provides a full light counterpart.
- *
- * Phase 10 (charts) MAY add new `--chart-*` tokens — keep them in their own
- * grouping and remember to provide a light value here whenever a chart token
- * gets added to either theme.
- */
-:root {
-  color-scheme: dark;
-  /* Hover and fill tint for controls: white on dark surfaces, black on light
-     ones (light theme and the light tray panel). */
-  --surface-tint-rgb: 255, 255, 255;
-  --font-ui: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
-  font-family: var(--font-ui);
-  text-rendering: optimizeLegibility;
-  background: var(--app-bg, #1c1c1e);
-  color: var(--text-primary, #f5f5f7);
-
-  /* ── SwiftUI typography tokens (macOS parity) ─────────────────────
-     Mirror the SwiftUI text styles used by the upstream menu / Preferences:
-       .body       → 13px / regular   (.fontWeight default)
-       .body.medium→ 13px / 500
-       .headline   → 13px / 600       (semibold)
-       .subheadline→ 12px / regular
-       .footnote   → 11px / regular
-       .caption    → 11px / regular
-       .caption2   → 10px / regular
-       .title3     → 17px / 600
-  */
-  --font-body: 13px;
-  --font-body-weight: 400;
-  --font-medium-weight: 500;
-  --font-headline: 13px;
-  --font-headline-weight: 600;
-  --font-subheadline: 12px;
-  --font-footnote: 11px;
-  --font-caption: 11px;
-  --font-caption2: 10px;
-  --font-title: 20px;
-  --font-title3: 17px;
-  --line-tight: 1.3;
-
-  /* macOS layout / sizing tokens */
-  --bar-height: 6px;
-  --bar-radius: 3px;
-  --menu-width: 280px;
-  --sidebar-width: 200px;
-  --icon-menu: 16px;
-  --icon-sidebar: 20px;
-  --icon-about: 92px;
-  --about-icon-radius: 16px;
-
-  /* ── General surfaces / text ───────────────────────────────────── */
-  --app-bg: #1c1c1e;
-  --app-bg-gradient-top: transparent;
-  --app-bg-gradient-from: #1c1c1e;
-  --app-bg-gradient-to: #1c1c1e;
-  --panel-bg: rgba(44, 44, 46, 0.95);
-  --panel-border: rgba(255, 255, 255, 0.08);
-  --panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
-  --surface-elevated: rgba(255, 255, 255, 0.05);
-  --text-primary: #f5f5f7;
-  --text-secondary: #8e8e93;
-  --text-muted: rgba(235, 235, 245, 0.5);
-  --text-eyebrow: #8e8e93;
-  --accent: #0a84ff;
-  --accent-muted: rgba(10, 132, 255, 0.25);
-  --focus-ring: rgba(10, 132, 255, 0.5);
-
-  /* Provider sidebar tokens (Phase 6a). */
-  --provider-row-bg: rgba(255, 255, 255, 0.03);
-  --provider-row-bg-hover: rgba(255, 255, 255, 0.07);
-  --provider-row-bg-selected: rgba(10, 132, 255, 0.15);
-  --provider-row-border-selected: rgba(10, 132, 255, 0.35);
-  --provider-row-accent-selected: rgba(10, 132, 255, 0.8);
-  --provider-row-text-primary: #f5f5f7;
-  --provider-row-text-secondary: rgba(235, 235, 245, 0.5);
-  --provider-row-text-disabled: rgba(235, 235, 245, 0.3);
-  --provider-row-drop-outline: rgba(10, 132, 255, 0.5);
-  --provider-status-ok: #22c55e;
-  --provider-status-stale: #f59e0b;
-  --provider-status-error: #ff453a; /* macOS NSColor.systemRed */
-  --provider-status-disabled: rgba(235, 235, 245, 0.28);
-  --provider-status-loading: #60a5fa;
-  /* Service-status dot: macOS system colors (PreferencesSidebar.swift:236-244). */
-  --service-status-none: #30d158;
-  --service-status-minor: #ffd60a;
-  --service-status-major: #ff9f0a;
-  --service-status-critical: #ff453a;
-  --service-status-gray: #8e8e93;
-  --provider-icon-ring: rgba(255, 255, 255, 0.06);
-  --provider-icon-bg: rgba(255, 255, 255, 0.04);
-
-  /* Phase 10 — chart palette. Provider-key tokens mirror the egui
-     `native_ui/theme.rs::provider_color` mapping so the web shell and
-     the legacy tray render the same colors. Phase 12 (theming) will add
-     light-mode overrides here; keep these tokens CHART-scoped to avoid
-     colliding with layout tokens. */
-  --chart-claude: rgb(204, 124, 94);
-  --chart-codex: rgb(73, 163, 176);
-  --chart-gemini: rgb(171, 135, 234);
-  --chart-cursor: rgb(245, 78, 0);
-  --chart-copilot: rgb(168, 85, 247);
-  --chart-jetbrains: rgb(255, 51, 153);
-  --chart-antigravity: rgb(96, 186, 126);
-  --chart-augment: rgb(26, 160, 73);
-  --chart-amp: rgb(243, 78, 63);
-  --chart-factory: rgb(255, 107, 53);
-  --chart-droid: rgb(255, 107, 53);
-  --chart-kimi: rgb(254, 96, 60);
-  --chart-kimik2: rgb(76, 0, 255);
-  --chart-kiro: rgb(144, 70, 255);
-  --chart-opencode: rgb(59, 130, 246);
-  --chart-minimax: rgb(254, 96, 60);
-  --chart-vertexai: rgb(66, 133, 244);
-  --chart-zai: rgb(232, 90, 106);
-  --chart-alibaba: rgb(255, 106, 0);
-  --chart-nanogpt: rgb(104, 127, 161);
-  --chart-mistral: rgb(255, 82, 41);
-  --chart-codebuff: rgb(0, 255, 149);
-  --chart-deepseek: rgb(77, 107, 254);
-  --chart-windsurf: rgb(52, 232, 187);
-  --chart-elevenlabs: rgb(17, 24, 39);
-  --chart-deepgram: rgb(100, 103, 242);
-  --chart-grok: rgb(16, 163, 127);
-  --chart-xai: rgb(142, 142, 147);
-  --chart-groq: rgb(245, 104, 68);
-  --chart-llmproxy: rgb(36, 180, 126);
-
-  /* Default cost/credits series colors (match egui credits teal). */
-  --chart-cost: rgb(93, 135, 255);
-  --chart-credits: rgb(73, 163, 176);
-  --chart-peak: rgb(255, 200, 50);
-
-  /* Service palette for UsageBreakdownChart — mirrors
-     `native_ui/charts.rs::color_for_service`. */
-  --chart-service-cli: rgb(66, 140, 245);
-  --chart-service-review: rgb(240, 135, 46);
-  --chart-service-api: rgb(117, 191, 92);
-  --chart-service-1: rgb(204, 115, 235);
-  --chart-service-2: rgb(66, 199, 219);
-  --chart-service-3: rgb(240, 188, 66);
-  --chart-service-4: rgb(235, 87, 87);
-  --chart-service-5: rgb(156, 156, 156);
-
-  /* Tooltip surface — reused by all chart tooltips. */
-  --chart-tooltip-bg: rgba(44, 44, 46, 0.96);
-  --chart-tooltip-border: rgba(255, 255, 255, 0.12);
-  --chart-tooltip-text: #f5f5f7;
-
-  /* Tray popover — approximates NSVisualEffectView "menu" material.
-     Real macOS uses a vibrant blur; we fall back to an opaque/elevated
-     surface plus a subtle hairline divider to stay flush with the
-     window edge like the upstream NSMenu. */
-  --menu-popover-bg: var(--app-bg);
-  --menu-popover-divider: rgba(255, 255, 255, 0.10);
-  --menu-popover-divider-strong: rgba(255, 255, 255, 0.16);
-}
-
-[data-theme="dark"] {
-  color-scheme: dark;
-
-  --app-bg: #1c1c1e;
-  --app-bg-gradient-top: transparent;
-  --app-bg-gradient-from: #1c1c1e;
-  --app-bg-gradient-to: #1c1c1e;
-  --panel-bg: rgba(44, 44, 46, 0.95);
-  --panel-border: rgba(255, 255, 255, 0.08);
-  --panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
-  --surface-elevated: rgba(255, 255, 255, 0.05);
-  --text-primary: #f5f5f7;
-  --text-secondary: #8e8e93;
-  --text-muted: rgba(235, 235, 245, 0.5);
-  --text-eyebrow: #8e8e93;
-  --accent: #0a84ff;
-  --accent-muted: rgba(10, 132, 255, 0.25);
-  --focus-ring: rgba(10, 132, 255, 0.5);
-
-  --provider-row-bg: rgba(255, 255, 255, 0.03);
-  --provider-row-bg-hover: rgba(255, 255, 255, 0.07);
-  --provider-row-bg-selected: rgba(10, 132, 255, 0.15);
-  --provider-row-border-selected: rgba(10, 132, 255, 0.35);
-  --provider-row-accent-selected: rgba(10, 132, 255, 0.8);
-  --provider-row-text-primary: #f5f5f7;
-  --provider-row-text-secondary: rgba(235, 235, 245, 0.5);
-  --provider-row-text-disabled: rgba(235, 235, 245, 0.3);
-  --provider-row-drop-outline: rgba(10, 132, 255, 0.5);
-  --provider-status-ok: #22c55e;
-  --provider-status-stale: #f59e0b;
-  --provider-status-error: #ff453a; /* macOS NSColor.systemRed */
-  --provider-status-disabled: rgba(235, 235, 245, 0.28);
-  --provider-status-loading: #60a5fa;
-  /* Service-status dot: macOS system colors (PreferencesSidebar.swift:236-244). */
-  --service-status-none: #30d158;
-  --service-status-minor: #ffd60a;
-  --service-status-major: #ff9f0a;
-  --service-status-critical: #ff453a;
-  --service-status-gray: #8e8e93;
-  --provider-icon-ring: rgba(255, 255, 255, 0.06);
-  --provider-icon-bg: rgba(255, 255, 255, 0.04);
-
-  --usage-bar-track: rgba(255, 255, 255, 0.15);
-  --usage-bar-normal: #0a84ff;
-  --usage-bar-high: #ffd166;
-  --usage-bar-critical: #ff9f43;
-  --usage-bar-exhausted: #ff6c6c;
-
-  --pace-slow-bg: rgba(96, 165, 250, 0.16);
-  --pace-slow-fg: #60a5fa;
-  --pace-steady-bg: rgba(34, 197, 94, 0.14);
-  --pace-steady-fg: #22c55e;
-  --pace-racing-bg: rgba(251, 146, 60, 0.18);
-  --pace-racing-fg: #fb923c;
-  --pace-burning-bg: rgba(239, 71, 111, 0.18);
-  --pace-burning-fg: #ef476f;
-
-  --pace-track-expected-fg: rgba(10, 132, 255, 0.45);
-  --chart-cost-fg: #0a84ff;
-  --chart-credits-fg: #06d6a0;
-
-  --chart-tooltip-bg: rgba(44, 44, 46, 0.96);
-  --chart-tooltip-border: rgba(255, 255, 255, 0.12);
-  --chart-tooltip-text: #f5f5f7;
-
-  /* Tray popover — approximates NSVisualEffectView "menu" material.
-     Real macOS uses a vibrant blur; we fall back to an opaque/elevated
-     surface plus a subtle hairline divider to stay flush with the
-     window edge like the upstream NSMenu. */
-  --menu-popover-bg: var(--app-bg);
-  --menu-popover-divider: rgba(255, 255, 255, 0.10);
-  --menu-popover-divider-strong: rgba(255, 255, 255, 0.16);
-}
-
-[data-theme="light"] {
-  color-scheme: light;
-  --surface-tint-rgb: 0, 0, 0;
-
-  --app-bg: #f5f5f7;
-  --app-bg-gradient-top: transparent;
-  --app-bg-gradient-from: #f5f5f7;
-  --app-bg-gradient-to: #f5f5f7;
-  --panel-bg: rgba(255, 255, 255, 0.96);
-  --panel-border: rgba(0, 0, 0, 0.12);
-  --panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
-  --surface-elevated: rgba(0, 0, 0, 0.04);
-  --text-primary: #1d1d1f;
-  --text-secondary: #6e6e73;
-  --text-muted: rgba(60, 60, 67, 0.5);
-  --text-eyebrow: #6e6e73;
-  --accent: #007aff;
-  --accent-muted: rgba(0, 122, 255, 0.2);
-  --focus-ring: rgba(0, 122, 255, 0.4);
-
-  --provider-row-bg: rgba(0, 0, 0, 0.02);
-  --provider-row-bg-hover: rgba(0, 0, 0, 0.05);
-  --provider-row-bg-selected: rgba(0, 122, 255, 0.1);
-  --provider-row-border-selected: rgba(0, 122, 255, 0.35);
-  --provider-row-accent-selected: rgba(0, 122, 255, 0.8);
-  --provider-row-text-primary: #1d1d1f;
-  --provider-row-text-secondary: rgba(60, 60, 67, 0.5);
-  --provider-row-text-disabled: rgba(60, 60, 67, 0.3);
-  --provider-row-drop-outline: rgba(0, 122, 255, 0.5);
-  --provider-status-ok: #15803d;
-  --provider-status-stale: #b45309;
-  --provider-status-error: #b91c1c;
-  --provider-status-disabled: rgba(60, 60, 67, 0.28);
-  --provider-status-loading: #007aff;
-  --service-status-none: #34c759;
-  --service-status-minor: #ffcc00;
-  --service-status-major: #ff9500;
-  --service-status-critical: #ff3b30;
-  --service-status-gray: #8e8e93;
-  --provider-icon-ring: rgba(0, 0, 0, 0.08);
-  --provider-icon-bg: rgba(0, 0, 0, 0.04);
-
-  --chart-tooltip-bg: rgba(255, 255, 255, 0.96);
-  --chart-tooltip-border: rgba(0, 0, 0, 0.12);
-  --chart-tooltip-text: #1d1d1f;
-
-  --menu-popover-bg: var(--app-bg);
-  --menu-popover-divider: rgba(0, 0, 0, 0.10);
-  --menu-popover-divider-strong: rgba(0, 0, 0, 0.16);
-}
-
-* {
-  box-sizing: border-box;
-}
-
-body {
-  margin: 0;
-  min-height: 100vh;
-  background: var(--app-bg);
-  color: var(--text-primary);
-  overflow: hidden; /* prevent body-level scrollbar */
-}
-
-html {
-  background: var(--app-bg, #1c1c1e);
-  overflow: hidden;
-}
-
-.shell {
-  margin: 0 auto;
-  max-width: 720px;
-  padding: 16px;
-}
-
-.shell--settings {
-  max-width: 540px;
-  padding: 16px 24px;
-}
-
-/* Preferences window container — compact, native-feeling, no hero framing. */
-.settings-surface {
-  margin: 0 auto;
-  max-width: 720px;
-  padding: 14px 18px 20px;
-  animation: surfaceFadeIn 80ms ease-out;
-}
-
-.grid {
-  display: grid;
-  gap: 18px;
-  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
-}
-
-.panel {
-  border: 1px solid var(--panel-border);
-  border-radius: 12px;
-  padding: 16px;
-  background: var(--panel-bg);
-  box-shadow: var(--panel-shadow);
-}
-
-.panel h2 {
-  margin: 0 0 14px;
-  font-size: 1rem;
-}
-
-.stack {
-  display: grid;
-  gap: 12px;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.stack li {
-  display: grid;
-  gap: 4px;
-}
-
-.stack span,
-.summary dd {
-  color: var(--text-secondary);
-}
-
-.mono strong {
-  font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
-}
-
-.summary {
-  display: grid;
-  gap: 12px;
-  margin: 0;
-}
-
-.summary div {
-  display: grid;
-  gap: 4px;
-}
-
-.summary dt {
-  color: var(--text-secondary);
-  font-size: 0.82rem;
-  font-weight: 600;
-  letter-spacing: 0;
-  text-transform: none;
-}
-
-.summary dd {
-  margin: 0;
-}
-
-.error {
-  border-color: rgba(255, 108, 108, 0.28);
-}
-
-/* ── Settings ──────────────────────────────────────────────────────── */
-
-.settings {
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-}
-
-/* tab bar */
-
-/* status strip */
-.settings-status {
-  padding: 8px 14px;
-  border-radius: 10px;
-  margin-bottom: 16px;
-  font-size: 0.82rem;
-  font-weight: 600;
-  color: var(--accent);
-  background: rgba(10, 132, 255, 0.08);
-}
-
-.settings-status--error {
-  color: var(--provider-status-error);
-  background: rgba(255, 108, 108, 0.1);
-}
-
-/* section grouping */
-.settings-section {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-/* Section titles mirror upstream SwiftUI PreferencesView grouped form headers:
-   `.font(.caption)` `.foregroundStyle(.secondary)` `.textCase(.uppercase)`. */
-.settings-section__title {
-  margin: 18px 0 6px;
-  padding: 0;
-  border-bottom: none;
-  color: var(--text-secondary);
-  font-size: var(--font-caption);
-  font-weight: 400;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-}
-
-.settings-section__title:first-child {
-  margin-top: 0;
-}
-
-.settings-section__hint {
-  margin: 0 0 8px;
-  color: var(--text-muted);
-  font-size: 0.84rem;
-  line-height: 1.5;
-}
-
-/* field row */
-.settings-field {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 6px 10px;
-  border-radius: 6px;
-  background: rgba(255, 255, 255, 0.07);
-  transition: background 0.12s;
-}
-
-.settings-field:hover {
-  background: rgba(255, 255, 255, 0.09);
-}
-
-.settings-field__text {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-}
-
-.settings-field__label {
-  font-size: 0.82rem;
-  font-weight: 400;
-  color: var(--text-primary);
-}
-
-.settings-field__desc {
-  font-size: 0.72rem;
-  color: var(--text-muted);
-  line-height: 1.4;
-}
-
-.settings-field__control {
-  flex-shrink: 0;
-}
-
-.settings-field__row {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.settings-field__value {
-  font-size: 0.85rem;
-  color: var(--provider-row-text-secondary);
-}
-
-/* macOS-style checkbox (replaces iOS-style switch toggle) */
-.toggle {
-  appearance: none;
-  -webkit-appearance: none;
-  width: 16px;
-  height: 16px;
-  border-radius: 3px;
-  border: 1px solid rgba(255, 255, 255, 0.28);
-  background: rgba(255, 255, 255, 0.06);
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  margin: 0;
-  padding: 0;
-  vertical-align: middle;
-  transition: background 0.12s, border-color 0.12s;
-}
-
-.toggle:hover:not(:disabled) {
-  border-color: rgba(255, 255, 255, 0.45);
-}
-
-.toggle:checked {
-  background: var(--accent, #0a84ff);
-  border-color: var(--accent, #0a84ff);
-}
-
-.toggle:checked::after {
-  content: "";
-  position: absolute;
-  left: 4px;
-  top: 1px;
-  width: 5px;
-  height: 9px;
-  border: solid #fff;
-  border-width: 0 1.6px 1.6px 0;
-  transform: rotate(45deg);
-}
-
-.toggle:focus-visible {
-  outline: 2px solid var(--accent, #0a84ff);
-  outline-offset: 1px;
-}
-
-.toggle:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-[data-theme="light"] .toggle {
-  border-color: rgba(0, 0, 0, 0.28);
-  background: rgba(255, 255, 255, 0.9);
-}
-/* Checked state must beat the light base rule above (equal specificity,
-   source order would otherwise paint checked toggles white-on-white). */
-[data-theme="light"] .toggle:checked {
-  background: var(--accent, #007aff);
-  border-color: var(--accent, #007aff);
-}
-
-.toggle-label {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  cursor: pointer;
-  font-size: var(--font-body, 0.82rem);
-  color: var(--text-primary);
-}
-
-.toggle-label--disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-/* select dropdown */
-.select {
-  padding: 6px 28px 6px 10px;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 8px;
-  background: rgba(255, 255, 255, 0.06);
-  color: var(--text-primary);
-  font-size: 0.85rem;
-  font-family: inherit;
-  cursor: pointer;
-  appearance: none;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238e8e93'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: right 10px center;
-}
-
-.select:focus {
-  outline: 2px solid var(--accent);
-  outline-offset: 1px;
-}
-
-.select:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-/* number input */
-.number-input {
-  width: 52px;
-  height: 24px;
-  padding: 2px 6px;
-  border: 1px solid var(--panel-border);
-  border-radius: 6px;
-  background: rgba(255, 255, 255, 0.06);
-  color: var(--text-primary);
-  font-size: var(--font-body);
-  font-family: inherit;
-  text-align: center;
-  font-variant-numeric: tabular-nums;
-}
-
-.number-input:focus {
-  outline: 2px solid var(--accent);
-  outline-offset: 1px;
-}
-
-.number-input:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-/* text input */
-.text-input {
-  width: 160px;
-  padding: 6px 10px;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 8px;
-  background: rgba(255, 255, 255, 0.06);
-  color: var(--text-primary);
-  font-size: 0.85rem;
-  font-family: inherit;
-}
-
-.text-input:focus {
-  outline: 2px solid var(--accent);
-  outline-offset: 1px;
-}
-
-.text-input:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-/* provider list in providers tab */
-.provider-list {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.provider-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 10px 14px;
-  border-radius: 10px;
-  background: rgba(255, 255, 255, 0.03);
-  transition: background 0.12s;
-}
-
-.provider-row:hover {
-  background: rgba(255, 255, 255, 0.07);
-}
-
-.provider-row__info {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-}
-
-.provider-row__info strong {
-  font-size: 0.9rem;
-  color: var(--text-primary);
-}
-
-.provider-row__meta {
-  font-size: 0.78rem;
-  color: var(--text-muted);
-}
-
-/* ── Credential cards (API Keys / Cookies tabs) ──────────────────── */
-
-.credential-list {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.credential-card {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 12px 14px;
-  border-radius: 10px;
-  background: rgba(255, 255, 255, 0.03);
-  transition: background 0.12s;
-}
-
-.credential-card:hover {
-  background: rgba(255, 255, 255, 0.07);
-}
-
-.credential-card__header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.credential-card__info {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  min-width: 0;
-}
-
-.credential-card__info strong {
-  font-size: 0.9rem;
-  color: var(--text-primary);
-}
-
-.credential-card__meta {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 8px;
-  font-size: 0.78rem;
-  color: var(--text-muted);
-}
-
-.credential-card__badge {
-  padding: 1px 6px;
-  border-radius: 4px;
-  font-size: 0.72rem;
-  font-weight: 600;
-  text-transform: none;
-  letter-spacing: 0;
-}
-
-.credential-card__badge--set {
-  background: rgba(80, 200, 120, 0.15);
-  color: var(--provider-status-ok);
-}
-
-.credential-card__badge--unset {
-  background: rgba(255, 255, 255, 0.06);
-  color: var(--text-muted);
-}
-
-.credential-card__masked {
-  font-family: "Cascadia Code", "Fira Code", monospace;
-  color: var(--text-secondary);
-}
-
-.credential-card__label {
-  color: var(--text-eyebrow);
-  font-style: italic;
-}
-
-.credential-card__date {
-  color: var(--text-muted);
-}
-
-.credential-card__help {
-  margin: 0;
-  font-size: 0.78rem;
-  color: var(--text-muted);
-  line-height: 1.4;
-}
-
-.credential-card__link {
-  padding: 0;
-  border: 0;
-  background: transparent;
-  cursor: pointer;
-  font-size: 0.78rem;
-  color: var(--text-eyebrow);
-  text-decoration: none;
-}
-
-.credential-card__link:hover {
-  text-decoration: underline;
-}
-
-.credential-card__actions {
-  display: flex;
-  gap: 6px;
-  flex-shrink: 0;
-}
-
-.credential-btn {
-  padding: 5px 12px;
-  border: 1px solid rgba(var(--surface-tint-rgb), 0.1);
-  border-radius: 6px;
-  background: rgba(var(--surface-tint-rgb), 0.06);
-  color: var(--text-secondary);
-  font-size: 0.78rem;
-  font-weight: 600;
-  font-family: inherit;
-  cursor: pointer;
-  transition: background 0.12s, color 0.12s, border-color 0.12s;
-}
-
-.credential-btn:hover:not(:disabled) {
-  background: rgba(var(--surface-tint-rgb), 0.1);
-  color: var(--text-primary);
-  border-color: rgba(var(--surface-tint-rgb), 0.18);
-}
-
-.credential-btn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.credential-btn--primary {
-  background: rgba(10, 132, 255, 0.15);
-  color: var(--accent);
-  border-color: rgba(10, 132, 255, 0.3);
-}
-
-.credential-btn--primary:hover:not(:disabled) {
-  background: rgba(10, 132, 255, 0.25);
-  color: var(--text-primary);
-}
-
-.credential-btn--danger {
-  color: var(--provider-status-error);
-  border-color: rgba(255, 108, 108, 0.22);
-}
-
-.credential-btn--danger:hover:not(:disabled) {
-  background: rgba(255, 108, 108, 0.12);
-  border-color: rgba(255, 108, 108, 0.4);
-}
-
-.credential-card__edit {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin-top: 4px;
-}
-
-.credential-card__input {
-  width: 100% !important;
-}
-
-.credential-card__input--label {
-  max-width: 220px;
-}
-
-.credential-card__edit-actions {
-  display: flex;
-  gap: 6px;
-}
-
-.credential-empty {
-  margin: 8px 0;
-  padding: 16px;
-  border-radius: 10px;
-  background: rgba(255, 255, 255, 0.03);
-  color: var(--text-muted);
-  font-size: 0.84rem;
-  text-align: center;
-}
-
-.credential-add-form {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.credential-textarea {
-  width: 100% !important;
-  min-height: 60px;
-  resize: vertical;
-  font-family: "Cascadia Code", "Fira Code", monospace;
-  font-size: 0.8rem;
-}
-
-/* ── About tab ───────────────────────────────────────────────────── */
-
-.about-section {
-  align-items: center;
-  text-align: center;
-  padding: 24px 0 0;
-}
-
-.about-header {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  margin-bottom: 12px;
-}
-
-.about-icon {
-  width: 64px;
-  height: 64px;
-  border-radius: 14px;
-  object-fit: contain;
-}
-
-.about-title-block {
-  text-align: left;
-}
-
-.about-title {
-  margin: 0;
-  font-size: 1.6rem;
-  font-weight: 700;
-  color: var(--text-primary);
-}
-
-.about-version {
-  margin: 2px 0 0;
-  font-size: 0.88rem;
-  color: var(--text-eyebrow);
-}
-
-.about-build {
-  color: var(--text-muted);
-}
-
-.about-tagline {
-  margin: 0 0 16px;
-  color: var(--text-secondary);
-  font-size: 0.88rem;
-  font-style: italic;
-}
-
-.about-details {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  margin-bottom: 16px;
-  padding: 12px 20px;
-  border-radius: 10px;
-  background: rgba(255, 255, 255, 0.04);
-}
-
-.about-detail-row {
-  display: flex;
-  justify-content: space-between;
-  gap: 16px;
-}
-
-.about-detail-label {
-  font-size: 0.82rem;
-  color: var(--text-muted);
-}
-
-.about-detail-value {
-  font-size: 0.82rem;
-  font-weight: 600;
-  color: var(--text-primary);
-  text-transform: capitalize;
-}
-
-.about-actions {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 16px;
-}
-
-.about-update-msg {
-  font-size: 0.82rem;
-  color: var(--text-eyebrow);
-}
-
-.about-links {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 12px;
-}
-
-.about-link {
-  font-size: 0.84rem;
-  color: var(--text-eyebrow);
-  text-decoration: none;
-  border: 0;
-  background: transparent;
-  cursor: pointer;
-  font: inherit;
-  appearance: none;
-}
-
-.about-link:hover {
-  text-decoration: underline;
-}
-
-.about-link-sep {
-  color: var(--text-muted);
-}
-
-.about-copyright {
-  margin: 0;
-  font-size: 0.76rem;
-  color: var(--text-muted);
-}
-
-.about-link--inline {
-  font-size: inherit;
-  color: var(--text-eyebrow);
-}
-
-/* ── Tray Panel ───────────────────────────────────────────────────── */
-
-/* Hide the panel during the initial resize + reposition dance so the
-   user never sees the window jump around.  Once layout is measured and
-   the window is anchored in its final position, .tray-panel-reveal--ready
-   fades the content in smoothly. */
-:root {
-  --mac-panel-bg: #dedee2;
-}
-html:has(.tray-panel-reveal),
-body:has(.tray-panel-reveal),
-.tray-panel-reveal {
-  background: var(--mac-panel-bg);
-}
-.tray-panel-reveal {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-  opacity: 0;
-}
-.tray-panel-reveal--ready {
-  opacity: 1;
-  transition: opacity 80ms ease-out;
-}
-.tray-panel-reveal .menu-surface--tray {
-  flex-grow: 1;
-}
-.tray-panel-reveal .menu-surface--tray .menu-surface__footer {
-  margin-top: auto;
-}
-
-/* spin animation for refresh */
-@keyframes spin {
-  to { transform: rotate(360deg); }
-}
-
-.spin {
-  display: inline-block;
-  animation: spin 0.8s linear infinite;
-}
-
-/* ── Shared surface chrome ────────────────────────────────────────── */
-
-.surface-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 8px;
-}
-
-.surface-header__title {
-  margin: 0;
-  font-size: 0.88rem;
-  font-weight: 700;
-  letter-spacing: 0.01em;
-  color: var(--text-primary);
-}
-
-.surface-header__actions {
-  display: flex;
-  gap: 3px;
-}
-
-.surface-action-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 26px;
-  height: 26px;
-  border: none;
-  border-radius: 6px;
-  background: transparent;
-  color: var(--text-muted);
-  font-size: 0.9rem;
-  cursor: pointer;
-  transition: background 0.12s, color 0.12s;
-}
-
-.surface-action-btn:hover {
-  background: var(--surface-elevated);
-  color: var(--text-primary);
-}
-
-.surface-action-btn:disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-}
-
-.surface-summary {
-  padding: 4px 8px;
-  margin-bottom: 8px;
-  border-radius: 6px;
-  background: var(--surface-elevated);
-  color: var(--text-eyebrow);
-  font-size: 0.72rem;
-  font-weight: 600;
-}
-
-.surface-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  padding: 32px 16px;
-  text-align: center;
-  color: var(--text-muted);
-}
-
-.surface-empty p {
-  margin: 0;
-  font-size: 0.82rem;
-}
-
-.surface-empty__hint {
-  font-size: 0.72rem;
-  color: var(--text-muted);
-}
-
-.surface-empty__spinner {
-  width: 20px;
-  height: 20px;
-  border: 2px solid var(--accent-muted);
-  border-top-color: var(--accent);
-  border-radius: 50%;
-  animation: spin 0.8s linear infinite;
-}
-
-/* provider card list */
-.tray-list {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  overflow-y: auto;
-  max-height: calc(100vh - 120px);
-}
-
-/* individual card */
-.tray-card {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  width: 100%;
-  padding: 10px 12px;
-  border: 1px solid rgba(255, 255, 255, 0.06);
-  border-radius: 8px;
-  background: rgba(255, 255, 255, 0.04);
-  color: inherit;
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-  transition: background 0.12s, border-color 0.12s;
-}
-
-.tray-card:hover {
-  background: rgba(255, 255, 255, 0.08);
-  border-color: rgba(255, 255, 255, 0.1);
-}
-
-.tray-card--selected {
-  border-color: var(--accent);
-  background: rgba(10, 132, 255, 0.08);
-}
-
-.tray-card--error {
-  border-color: rgba(255, 108, 108, 0.3);
-}
-
-.tray-card__header {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: 8px;
-}
-
-.tray-card__name {
-  font-size: 0.88rem;
-  font-weight: 600;
-  color: var(--text-primary);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.tray-card__plan {
-  font-size: 0.72rem;
-  color: var(--text-eyebrow);
-  font-weight: 600;
-  white-space: nowrap;
-}
-
-.tray-card__meta {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-  font-size: 0.72rem;
-  color: var(--text-muted);
-}
-
-.tray-card__err {
-  color: var(--provider-status-error);
-  font-weight: 600;
-}
-
-/* usage bar */
-.usage-bar {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.usage-bar--compact {
-  gap: 6px;
-}
-
-.usage-bar__label {
-  font-size: 0.76rem;
-  color: var(--text-muted);
-  font-weight: 600;
-  min-width: 72px;
-  flex-shrink: 0;
-}
-
-.usage-bar__track {
-  flex: 1;
-  height: 6px;
-  border-radius: 3px;
-  background: var(--usage-bar-track);
-  overflow: hidden;
-}
-
-.usage-bar--compact .usage-bar__track {
-  height: 5px;
-}
-
-.usage-bar__fill {
-  height: 100%;
-  border-radius: 3px;
-  transition: width 0.3s ease;
-  background: var(--usage-bar-normal);
-}
-
-.usage-bar__fill[data-level="high"] {
-  background: var(--usage-bar-high);
-}
-.usage-bar__fill[data-level="critical"] {
-  background: var(--usage-bar-critical);
-}
-.usage-bar__fill[data-level="exhausted"] {
-  background: var(--usage-bar-exhausted);
-}
-
-.usage-bar__pct {
-  font-size: 0.74rem;
-  font-weight: 600;
-  color: var(--text-secondary);
-  min-width: 30px;
-  text-align: right;
-}
-
-.tray-btn {
-  padding: 8px 16px;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  border-radius: 8px;
-  background: transparent;
-  color: var(--text-primary);
-  font-size: 0.84rem;
-  font-weight: 600;
-  cursor: pointer;
-  transition: background 0.12s;
-}
-
-.tray-btn:hover {
-  background: rgba(255, 255, 255, 0.06);
-}
-
-.tray-btn--primary {
-  background: var(--accent);
-  border-color: var(--accent);
-  color: #fff;
-}
-
-.tray-btn--primary:hover {
-  background: #0070e0;
-}
-
-/* ── Detail view ──────────────────────────────────────────────────── */
-
-.tray-detail {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.tray-detail__back {
-  align-self: flex-start;
-  padding: 4px 10px;
-  border: none;
-  border-radius: 6px;
-  background: rgba(255, 255, 255, 0.06);
-  color: var(--text-secondary);
-  font-size: 0.78rem;
-  font-weight: 600;
-  cursor: pointer;
-  transition: background 0.12s;
-}
-
-.tray-detail__back:hover {
-  background: rgba(255, 255, 255, 0.1);
-}
-
-.tray-detail__head {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-
-.tray-detail__name {
-  margin: 0;
-  font-size: 1.05rem;
-}
-
-.tray-detail__plan {
-  font-size: 0.78rem;
-  color: var(--text-eyebrow);
-  font-weight: 600;
-}
-
-.tray-detail__email {
-  font-size: 0.76rem;
-  color: var(--text-muted);
-}
-
-.tray-detail__error {
-  padding: 8px 10px;
-  border-radius: 8px;
-  background: rgba(255, 108, 108, 0.08);
-  color: var(--provider-status-error);
-  font-size: 0.82rem;
-  line-height: 1.4;
-}
-
-.tray-detail__windows {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.tray-detail__window {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding: 8px 10px;
-  border-radius: 8px;
-  background: rgba(255, 255, 255, 0.04);
-}
-
-.tray-detail__window-meta {
-  display: flex;
-  gap: 10px;
-  flex-wrap: wrap;
-  font-size: 0.72rem;
-  color: var(--text-muted);
-}
-
-.tray-detail__exhausted {
-  color: var(--provider-status-error);
-  font-weight: 600;
-}
-
-.tray-detail__cost {
-  padding: 10px;
-  border-radius: 8px;
-  background: rgba(255, 255, 255, 0.04);
-}
-
-.tray-detail__cost h3 {
-  margin: 0 0 8px;
-  font-size: 0.82rem;
-  color: var(--text-eyebrow);
-  font-weight: 600;
-  text-transform: none;
-  letter-spacing: 0;
-}
-
-.tray-detail__cost-row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 4px 0;
-  font-size: 0.82rem;
-}
-
-.tray-detail__cost-row span {
-  color: var(--text-muted);
-}
-
-.tray-detail__cost-row strong {
-  color: var(--text-primary);
-}
-
-.tray-detail__footer {
-  display: flex;
-  justify-content: space-between;
-  font-size: 0.7rem;
-  color: var(--text-muted);
-  padding-top: 4px;
-  border-top: 1px solid rgba(255, 255, 255, 0.06);
-}
-
-.tray-detail__source,
-.tray-detail__updated {
-  white-space: nowrap;
-}
-
-/* ── Update Banner ────────────────────────────────────────────────── */
-
-.update-banner {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  padding: 8px 12px;
-  margin-bottom: 10px;
-  border-radius: 10px;
-  font-size: 0.82rem;
-  font-weight: 600;
-}
-
-.update-banner--checking {
-  background: rgba(10, 132, 255, 0.08);
-  color: var(--accent);
-}
-
-.update-banner--available {
-  background: rgba(93, 220, 130, 0.12);
-  color: #6edd97;
-}
-
-.update-banner--downloading {
-  background: rgba(10, 132, 255, 0.08);
-  color: var(--accent);
-}
-
-.update-banner--ready {
-  background: rgba(93, 220, 130, 0.15);
-  color: #6edd97;
-}
-
-.update-banner--error {
-  background: rgba(255, 108, 108, 0.1);
-  color: var(--provider-status-error);
-}
-
-.update-banner__action {
-  padding: 4px 10px;
-  border: 1px solid currentColor;
-  border-radius: 6px;
-  background: transparent;
-  color: inherit;
-  font-size: 0.78rem;
-  font-weight: 600;
-  cursor: pointer;
-  transition: background 0.12s;
-  white-space: nowrap;
-}
-
-.update-banner__action:hover {
-  background: rgba(var(--surface-tint-rgb), 0.06);
-}
-
-/* ── Provider detail: org label ─────────────────────────────────────── */
-
-.tray-detail__org {
-  font-size: 0.78rem;
-  color: var(--text-muted);
-}
-
-/* ── Provider detail: pace indicator ───────────────────────────────── */
-
-.tray-detail__pace {
-  margin-top: 12px;
-  padding: 10px 12px;
-  border-radius: 10px;
-  background: rgba(255, 255, 255, 0.04);
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.tray-detail__pace-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-}
-
-.tray-detail__pace-title {
-  font-size: 0.78rem;
-  font-weight: 600;
-  letter-spacing: 0;
-  text-transform: none;
-  color: var(--text-eyebrow);
-}
-
-.tray-detail__pace-label {
-  font-size: 0.82rem;
-  font-weight: 600;
-}
-
-.tray-detail__pace-bars {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.tray-detail__pace-track {
-  height: 6px;
-  border-radius: 3px;
-  background: rgba(255, 255, 255, 0.08);
-  overflow: hidden;
-}
-
-.tray-detail__pace-fill {
-  height: 100%;
-  border-radius: 3px;
-  background: var(--usage-bar-normal);
-  transition: width 0.3s ease;
-}
-
-.tray-detail__pace-fill[data-pace="slow"] {
-  background: var(--pace-slow-fg);
-}
-.tray-detail__pace-fill[data-pace="steady"] {
-  background: var(--pace-steady-fg);
-}
-.tray-detail__pace-fill[data-pace="racing"] {
-  background: var(--pace-racing-fg);
-}
-.tray-detail__pace-fill[data-pace="burning"] {
-  background: var(--pace-burning-fg);
-}
-
-.tray-detail__pace-fill--expected {
-  background: var(--pace-track-expected-fg) !important;
-}
-
-.tray-detail__pace-label[data-pace="slow"] {
-  color: var(--pace-slow-fg);
-}
-.tray-detail__pace-label[data-pace="steady"] {
-  color: var(--pace-steady-fg);
-}
-.tray-detail__pace-label[data-pace="racing"] {
-  color: var(--pace-racing-fg);
-}
-.tray-detail__pace-label[data-pace="burning"] {
-  color: var(--pace-burning-fg);
-}
-
-/* ── Tray card: pace badge pill ──────────────────────────── */
-
-.tray-pace-badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 1px 8px;
-  border-radius: 999px;
-  font-size: 0.7rem;
-  font-weight: 600;
-  line-height: 1.5;
-  white-space: nowrap;
-}
-
-.tray-pace-badge[data-pace="slow"] {
-  background: var(--pace-slow-bg);
-  color: var(--pace-slow-fg);
-}
-.tray-pace-badge[data-pace="steady"] {
-  background: var(--pace-steady-bg);
-  color: var(--pace-steady-fg);
-}
-.tray-pace-badge[data-pace="racing"] {
-  background: var(--pace-racing-bg);
-  color: var(--pace-racing-fg);
-}
-.tray-pace-badge[data-pace="burning"] {
-  background: var(--pace-burning-bg);
-  color: var(--pace-burning-fg);
-}
-
-.tray-pace-badge__delta {
-  font-variant-numeric: tabular-nums;
-  opacity: 0.85;
-}
-
-.tray-card__pace-row {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-.tray-card__pace-row .usage-bar {
-  flex: 1;
-  min-width: 0;
-}
-
-.tray-card__reset--countdown {
-  font-variant-numeric: tabular-nums;
-  color: var(--provider-row-text-secondary);
-}
-
-.tray-detail__pace-eta {
-  font-size: 0.78rem;
-  color: #fb923c;
-  font-weight: 500;
-}
-
-.tray-detail__pace-ok {
-  font-size: 0.78rem;
-  color: #06d6a0;
-  font-weight: 500;
-}
-
-/* ── Provider detail: charts section ───────────────────────────────── */
-
-.tray-detail__charts {
-  margin-top: 12px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-/* ── Providers tab – sidebar + detail layout ─────────────────────── */
-
-.provider-split {
-  display: flex;
-  gap: 16px;
-  height: calc(100vh - 140px);
-  min-height: 340px;
-  flex-shrink: 0;
-  overflow: clip;
-  min-width: 0;
-}
-
-.provider-sidebar {
-  width: clamp(164px, 32vw, 200px);
-  flex-shrink: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  overflow-y: auto;
-  background: var(--surface-elevated);
-  border-radius: 8px;
-  padding: 6px;
-}
-
-.provider-sidebar-item {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 6px 8px;
-  border-radius: 6px;
-  cursor: pointer;
-  transition: background 0.12s;
-  user-select: none;
-  border: 1px solid transparent;
-}
-
-.provider-sidebar-item:hover {
-  background: var(--provider-row-bg-hover);
-}
-
-.provider-sidebar-item--selected {
-  background: var(--provider-row-bg-selected);
-  border-color: var(--provider-row-border-selected);
-}
-
-.provider-sidebar-icon {
-  font-size: 0.9rem;
-  flex-shrink: 0;
-  min-width: 18px;
-  text-align: center;
-}
-
-.provider-sidebar-name {
-  flex: 1;
-  font-size: 0.8rem;
-  font-weight: 600;
-  color: var(--text-primary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.provider-sidebar-dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: var(--provider-status-ok);
-  flex-shrink: 0;
-}
-
-.provider-detail {
-  flex: 1;
-  min-width: 0;
-  min-height: 0;
-  overflow-y: auto;
-  overscroll-behavior-y: contain;
-  background: var(--surface-elevated);
-  border-radius: 8px;
-  padding: 12px;
-}
-
-.provider-detail-empty {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  min-height: 100px;
-  color: var(--text-muted);
-  font-size: 0.78rem;
-}
-
-.provider-detail-header {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin-bottom: 12px;
-}
-
-.provider-detail-icon {
-  font-size: 1.2rem;
-  flex-shrink: 0;
-}
-
-.provider-detail-title {
-  flex: 1;
-  font-size: 0.95rem;
-  font-weight: 700;
-  color: var(--text-primary);
-}
-
-.provider-detail-grid {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  gap: 4px 12px;
-  margin: 0 0 12px;
-  font-size: 0.78rem;
-}
-
-.provider-detail-grid dt {
-  color: var(--text-secondary);
-  font-weight: 600;
-  white-space: nowrap;
-}
-
-.provider-detail-grid dd {
-  margin: 0;
-  color: var(--text-primary);
-  word-break: break-all;
-}
-
-.provider-detail-grid dd.error {
-  color: var(--provider-status-error);
-}
-
-.provider-detail-section {
-  margin-bottom: 12px;
-}
-
-.provider-detail-section h4 {
-  margin: 0 0 6px;
-  font-size: 0.78rem;
-  font-weight: 600;
-  text-transform: none;
-  letter-spacing: 0;
-  color: var(--text-eyebrow);
-}
-
-.provider-detail-section__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  flex-wrap: wrap;
-  margin-bottom: 6px;
-}
-
-.provider-detail-section__header h4 {
-  margin-bottom: 0;
-}
-
-.provider-detail-section__header .credential-btn {
-  max-width: 100%;
-  white-space: normal;
-  text-align: center;
-}
-
-.provider-detail-grid--storage {
-  margin-top: 4px;
-}
-
-@media (max-width: 560px) {
-  .provider-split {
-    gap: 10px;
-  }
-
-  .provider-sidebar {
-    width: 156px;
-  }
-
-  .provider-sidebar-item {
-    padding-inline: 6px;
-  }
-
-  .provider-detail {
-    padding: 10px;
-  }
-}
-
-.provider-usage-bar__track {
-  height: 5px;
-  border-radius: 3px;
-  background: var(--usage-bar-track, rgba(255, 255, 255, 0.08));
-  overflow: hidden;
-}
-
-.provider-usage-bar__fill {
-  height: 100%;
-  border-radius: 3px;
-  background: var(--accent);
-  transition: width 0.3s;
-}
-
-.provider-detail-actions {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-  align-items: center;
-}
-
-/* ── ProviderIcon (Phase 6a) ──────────────────────────────────────── */
-
-.provider-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  border-radius: 6px;
-  background: var(--provider-icon-bg);
-  box-shadow: inset 0 0 0 1px var(--provider-icon-ring);
-  color: var(--provider-brand, var(--accent));
-  overflow: hidden;
-}
-
-.provider-icon--svg svg {
-  width: 84%;
-  height: 84%;
-  display: block;
-}
-
-.provider-icon--letter {
-  font-weight: 700;
-  font-size: 0.78rem;
-  color: var(--provider-brand, var(--accent));
-  text-transform: none;
-}
-
-/* Near-black brands (TypeSafe, V0, Replicate...) vanish on dark surfaces, so
-   the dark theme uses ProviderIcon's lifted --provider-brand-dark when it sets
-   one. Light scopes, including the tray panel's nested data-theme="light",
-   keep the exact brand color; the light rule comes second so it wins there. */
-[data-theme="dark"] .provider-icon {
-  color: var(--provider-brand-dark, var(--provider-brand, var(--accent)));
-}
-[data-theme="light"] .provider-icon {
-  color: var(--provider-brand, var(--accent));
-}
-
-/* ── Providers sidebar status dot ──────────────────────────────────── */
-
-.providers-sidebar__status {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: var(--provider-status-disabled);
-  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
-}
-
-.providers-sidebar__status--ok {
-  background: var(--provider-status-ok);
-}
-
-.providers-sidebar__status--stale {
-  background: var(--provider-status-stale);
-}
-
-.providers-sidebar__status--error {
-  background: var(--provider-status-error);
-}
-
-.providers-sidebar__status--disabled {
-  background: var(--provider-status-disabled);
-}
-
-.providers-sidebar__status--loading {
-  background: var(--provider-status-loading);
-  animation: provider-sidebar-pulse 1.4s ease-in-out infinite;
-}
-
-/* Service-status dot: shown instead of the fetch-status dot while
-   "Check provider status" is on and the provider has a status page. */
-.providers-sidebar__service {
-  flex: none;
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: var(--service-status-gray);
-}
-
-.providers-sidebar__service--none {
-  background: var(--service-status-none);
-}
-
-.providers-sidebar__service--minor {
-  background: var(--service-status-minor);
-}
-
-.providers-sidebar__service--major {
-  background: var(--service-status-major);
-}
-
-.providers-sidebar__service--critical {
-  background: var(--service-status-critical);
-}
-
-@keyframes provider-sidebar-pulse {
-  0%, 100% { opacity: 0.5; }
-  50%      { opacity: 1; }
-}
-
-/* ── Provider detail pane (Phase 6b) ──────────────────────────────── */
-
-.provider-detail-header-block {
-  margin-bottom: 16px;
-}
-
-.provider-detail-title-group {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-}
-
-.provider-detail-subtitle {
-  font-size: 0.78rem;
-  color: var(--provider-row-text-secondary);
-}
-
-.provider-detail-empty--error {
-  color: var(--provider-status-error);
-}
-
-.provider-detail-error {
-  background: rgba(239, 68, 68, 0.08);
-  border: 1px solid rgba(239, 68, 68, 0.3);
-  color: var(--provider-status-error);
-  border-radius: 8px;
-  padding: 8px 10px;
-  margin-bottom: 12px;
-  font-size: 0.82rem;
-}
-
-/* ── Codex multi-account (ADR 0003) ─────────────────────────────────── */
-
-.provider-detail-note {
-  background: rgba(34, 197, 94, 0.08);
-  border: 1px solid rgba(34, 197, 94, 0.3);
-  color: var(--provider-status-ok, #4ade80);
-  border-radius: 8px;
-  padding: 8px 10px;
-  margin-bottom: 12px;
-  font-size: 0.82rem;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-
-.codex-accounts-list {
-  gap: 6px;
-}
-
-.codex-accounts-card {
-  padding: 8px 10px;
-}
-
-.codex-accounts-add {
-  margin-top: 8px;
-}
-
-.codex-usage {
-  font-size: 0.74rem;
-  font-weight: 500;
-  color: var(--provider-row-text-secondary);
-}
-
-.codex-usage--blocked {
-  color: var(--provider-status-error);
-}
-
-/* CodexAccountsSection cards sit in the fixed 720px settings window next to a
-   3-button actions row (~242px). A long account email has no break
-   opportunities, so without containment it overflows the info column and
-   paints over the actions. Ellipsize the info column/title instead, and pin
-   the actions row in place with flex-shrink: 0 + nowrap. */
-.codex-accounts-card .credential-card__info {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.codex-accounts-card .credential-card__info strong {
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.codex-accounts-card .credential-card__actions {
-  flex-shrink: 0;
-  flex-wrap: nowrap;
-  white-space: nowrap;
-}
-
-.provider-usage-bar__fill[data-exhausted="true"] {
-  background: var(--provider-status-error);
-}
-
-.provider-detail-section--deferred {
-  opacity: 0.45;
-  font-size: 0.74rem;
-  color: var(--provider-row-text-secondary);
-  font-style: italic;
-  border: 1px dashed var(--provider-icon-ring);
-  border-radius: 6px;
-  padding: 6px 8px;
-  margin-bottom: 8px;
-}
-
-/* ── Phase 6c — cookie source & region pickers ────────────────────── */
-
-.provider-detail-segmented {
-  display: inline-flex;
-  /* Translated options ("Автоматически / Вручную / Отключено") wrap inside the
-     narrow detail pane instead of overflowing it. Shared by the cookie-source
-     and usage-source controls. */
-  flex-wrap: wrap;
-  max-width: 100%;
-  box-sizing: border-box;
-  gap: 2px;
-  padding: 2px;
-  background: var(--provider-row-bg);
-  border: 1px solid var(--provider-icon-ring);
-  border-radius: 8px;
-}
-
-.provider-detail-segmented__option {
-  appearance: none;
-  background: transparent;
-  color: var(--provider-row-text-secondary);
-  border: 0;
-  border-radius: 6px;
-  padding: 4px 10px;
-  font-size: 0.82rem;
-  cursor: pointer;
-}
-
-.provider-detail-segmented__option:hover:not(:disabled) {
-  color: var(--provider-row-text-primary);
-}
-
-.provider-detail-segmented__option.is-active {
-  background: var(--provider-row-bg-active, var(--provider-icon-ring));
-  color: var(--provider-row-text-primary);
-}
-
-.provider-detail-segmented__option:disabled {
-  opacity: 0.55;
-  cursor: default;
-}
-
-.provider-detail-helper {
-  margin: 6px 0 0;
-  font-size: 0.76rem;
-  color: var(--provider-row-text-secondary);
-}
-
-.provider-detail-cookie-source__missing .credential-btn {
-  margin-top: 8px;
-}
-
-.provider-detail-select {
-  appearance: none;
-  background: var(--provider-row-bg);
-  color: var(--provider-row-text-primary);
-  border: 1px solid var(--provider-icon-ring);
-  border-radius: 6px;
-  padding: 4px 10px;
-  font-size: 0.82rem;
-  min-width: 220px;
-}
-
-.provider-detail-select:disabled {
-  opacity: 0.55;
-}
-
-.btn.btn--ghost {
-  background: var(--provider-row-bg);
-  color: var(--provider-row-text-primary);
-  border: 1px solid var(--provider-icon-ring);
-  border-radius: 6px;
-  padding: 6px 10px;
-  font-size: 0.82rem;
-  cursor: pointer;
-  transition: background 0.12s;
-}
-
-.btn.btn--ghost:hover:not(:disabled) {
-  background: var(--provider-row-bg-hover);
-}
-
-.btn.btn--ghost:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-/* ── Phase 6f — Provider detail charts ────────────────────────────── */
-
-.provider-detail-charts {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 8px;
-  border: 1px solid var(--provider-icon-ring);
-  border-radius: 6px;
-  margin-bottom: 8px;
-}
-
-.provider-detail-charts__tabs {
-  display: flex;
-  gap: 4px;
-  border-bottom: 1px solid var(--provider-icon-ring);
-  padding-bottom: 6px;
-}
-
-.provider-detail-charts__tab {
-  background: transparent;
-  color: var(--provider-row-text-secondary);
-  border: 1px solid transparent;
-  border-radius: 4px;
-  padding: 4px 8px;
-  font-size: 0.78rem;
-  cursor: pointer;
-  transition: background 0.12s, color 0.12s;
-}
-
-.provider-detail-charts__tab:hover {
-  background: var(--provider-row-bg);
-  color: var(--provider-row-text-primary);
-}
-
-.provider-detail-charts__tab[data-active="true"] {
-  background: var(--provider-row-bg);
-  color: var(--provider-row-text-primary);
-  border-color: var(--provider-icon-ring);
-}
-
-.provider-detail-charts__body {
-  min-height: 64px;
-}
-
-.provider-detail-chart {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.provider-detail-chart__title {
-  font-size: 0.78rem;
-  color: var(--provider-row-text-secondary);
-}
-
-/* Tokens chart "Refreshing" marker while local history backfill is
-   incomplete (upstream 0.50.0 #2930). */
-.provider-detail-chart__refreshing {
-  margin-left: 8px;
-  font-size: 0.68rem;
-  color: var(--text-muted);
-  font-style: italic;
-}
-
-.chart {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.chart__svg {
-  width: 100%;
-  max-width: 100%;
-  height: auto;
-}
-
-.chart--scrollable {
-  overflow-x: auto;
-  overflow-y: hidden;
-}
-
-.chart--scrollable .chart__svg {
-  flex: 0 0 auto;
-  width: auto;
-  max-width: none;
-}
-
-.chart--scrollable .chart__axis {
-  flex: 0 0 auto;
-}
-
-.chart__axis {
-  position: relative;
-  font-size: 0.7rem;
-  color: var(--provider-row-text-secondary);
-}
-
-.chart__axis > span {
-  position: absolute;
-  transform: translateX(-50%);
-  white-space: nowrap;
-}
-
-.chart__axis-max {
-  font-variant-numeric: tabular-nums;
-}
-
-.chart__legend {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px 10px;
-}
-
-.chart__legend-item {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.chart__legend-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 2px;
-  display: inline-block;
-}
-
-/* ── Phase 6d — credential detection UIs ────────────────────────── */
-
-.provider-detail-helper {
-  font-size: 0.78rem;
-  color: var(--provider-row-text-secondary);
-  margin: 4px 0 8px;
-  line-height: 1.4;
-}
-
-.provider-detail-grid__mono {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 0.76rem;
-  word-break: break-all;
-}
-
-.provider-detail-list {
-  list-style: none;
-  padding: 0;
-  margin: 4px 0 8px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.provider-detail-list__row {
-  display: grid;
-  grid-template-columns: 1fr auto auto;
-  gap: 8px;
-  align-items: center;
-  padding: 6px 8px;
-  border: 1px solid var(--provider-icon-ring);
-  border-radius: 6px;
-  font-size: 0.8rem;
-}
-
-.provider-detail-list__main {
-  min-width: 0;
-}
-
-.provider-detail-list__meta {
-  font-size: 0.72rem;
-  color: var(--provider-row-text-secondary);
-}
-
-.provider-detail-field {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  margin: 6px 0 10px;
-}
-
-.provider-detail-field__label {
-  font-size: 0.78rem;
-  color: var(--provider-row-text-secondary);
-}
-
-.provider-detail-field__input {
-  padding: 6px 8px;
-  border-radius: 6px;
-  border: 1px solid var(--provider-icon-ring);
-  background: var(--provider-row-bg);
-  color: var(--provider-row-text-primary);
-  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 0.78rem;
-}
-
-.provider-detail-toggle {
-  display: flex;
-  gap: 8px;
-  align-items: flex-start;
-  margin: 4px 0 8px;
-  cursor: pointer;
-}
-
-.provider-detail-toggle input[type="checkbox"] {
-  margin-top: 2px;
-}
-
-.provider-detail-toggle__label {
-  display: block;
-  font-size: 0.82rem;
-  font-weight: 600;
-  color: var(--provider-row-text-primary);
-}
-
-.provider-detail-toggle__helper {
-  display: block;
-  font-size: 0.74rem;
-  color: var(--provider-row-text-secondary);
-  margin-top: 2px;
-  line-height: 1.4;
-}
-
-
-/* ── Phase 6e: Token accounts (inline + standalone) ─────────────────── */
-
-.token-accounts-inline {
-  margin-bottom: 16px;
-}
-
-.token-accounts-inline__summary {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  cursor: pointer;
-  padding: 6px 0;
-  font-size: 0.82rem;
-  font-weight: 600;
-  text-transform: none;
-  letter-spacing: 0;
-  color: var(--provider-row-text-primary);
-  user-select: none;
-}
-
-.token-accounts-inline__summary::-webkit-details-marker {
-  display: none;
-}
-
-.token-accounts-inline__summary::before {
-  content: "▸";
-  display: inline-block;
-  width: 0.9em;
-  color: var(--provider-row-text-secondary);
-  transition: transform 0.12s;
-}
-
-.token-accounts-inline[open] > .token-accounts-inline__summary::before {
-  transform: rotate(90deg);
-}
-
-.token-accounts-inline__count {
-  margin-left: auto;
-  font-size: 0.72rem;
-  font-weight: 500;
-  text-transform: none;
-  letter-spacing: 0;
-  color: var(--provider-row-text-secondary);
-}
-
-.token-accounts-inline__body {
-  padding: 8px 0 4px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.token-accounts-inline .token-accounts-list {
-  gap: 4px;
-}
-
-.token-accounts-inline .token-accounts-card {
-  padding: 8px 10px;
-}
-
-.token-accounts-inline .token-accounts-add {
-  gap: 6px;
-}
-
-.token-accounts-standalone .token-accounts-list {
-  margin-bottom: 12px;
-}
-
-/* ── Phase 7 — shortcut capture & test-sound row ───────────────────── */
-.shortcut-capture {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-}
-
-.shortcut-capture__chip {
-  min-width: 160px;
-  padding: 6px 12px;
-  border-radius: 8px;
-  background: var(--provider-row-bg);
-  border: 1px solid var(--provider-icon-ring);
-  color: var(--provider-row-text-primary);
-  font-size: 0.85rem;
-  font-family: ui-monospace, "JetBrains Mono", "Consolas", monospace;
-  text-align: center;
-  outline: none;
-}
-
-.shortcut-capture__chip--empty {
-  color: var(--provider-row-text-secondary);
-  font-style: italic;
-  font-family: inherit;
-}
-
-.shortcut-capture__chip--recording {
-  border-color: var(--provider-row-border-selected);
-  background: var(--provider-row-bg-selected);
-  color: var(--provider-row-text-primary);
-  outline: 2px solid var(--provider-row-accent-selected);
-  outline-offset: 1px;
-  animation: shortcut-capture-pulse 1.2s ease-in-out infinite;
-}
-
-@keyframes shortcut-capture-pulse {
-  0%,
-  100% {
-    box-shadow: 0 0 0 0 var(--provider-row-drop-outline);
-  }
-  50% {
-    box-shadow: 0 0 0 3px var(--provider-row-drop-outline);
-  }
-}
-
-.shortcut-capture__actions {
-  display: inline-flex;
-  gap: 6px;
-}
-
-.shortcut-capture__button {
-  padding: 6px 12px;
-  border-radius: 8px;
-  border: 1px solid var(--provider-icon-ring);
-  background: var(--provider-row-bg);
-  color: var(--provider-row-text-primary);
-  font-size: 0.82rem;
-  font-family: inherit;
-  cursor: pointer;
-  transition: background 120ms ease, border-color 120ms ease;
-}
-
-.shortcut-capture__button:hover:not(:disabled) {
-  background: var(--provider-row-bg-hover);
-  border-color: var(--provider-row-border-selected);
-}
-
-.shortcut-capture__button:disabled {
-  opacity: 0.45;
-  cursor: not-allowed;
-}
-
-.shortcut-capture__button--ghost {
-  background: var(--provider-row-bg);
-  border-color: var(--provider-icon-ring);
-  color: var(--provider-row-text-primary);
-  padding: 5px 10px;
-  font-weight: 600;
-}
-
-.shortcut-capture__button--ghost:hover:not(:disabled) {
-  background: var(--provider-row-bg-hover);
-  border-color: var(--provider-row-border-selected);
-  color: var(--accent);
-}
-
-.sound-enabled-row {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-}
-
-.notification-sound-row {
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 6px;
-  min-width: 0;
-  max-width: 320px;
-  flex-wrap: wrap;
-}
-
-.notification-sound-file {
-  width: 150px;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-@media (max-width: 480px) {
-  .settings-field:has(.notification-sound-row) {
-    grid-template-columns: minmax(0, 1fr);
-    row-gap: 6px;
-  }
-
-  .settings-field:has(.notification-sound-row) .settings-field__control {
-    width: 100%;
-    min-width: 0;
-  }
-
-  .notification-sound-row {
-    display: flex;
-    width: 100%;
-    max-width: none;
-    justify-content: flex-start;
-  }
-
-  .notification-sound-file {
-    width: auto;
-    flex: 1 1 140px;
-  }
-}
-
-.settings-section__hint {
-  margin: 4px 0 0;
-  font-size: 0.78rem;
-  color: var(--provider-row-text-secondary);
-}
-
-.settings-section__error {
-  margin: 4px 0 0;
-  font-size: 0.8rem;
-  color: var(--provider-status-error);
-}
-
-/* ── Phase 10 — chart animation, hover tooltip, empty state ──────── */
-
-.chart {
-  position: relative;
-}
-
-.chart__empty {
-  padding: 10px 6px;
-  font-size: 0.78rem;
-  color: var(--provider-row-text-secondary);
-  font-style: italic;
-}
-
-.chart__bar,
-.chart__line,
-.chart__area,
-.chart__point,
-.chart__stack-rect {
-  transition:
-    opacity 0.15s ease,
-    filter 0.15s ease;
-}
-
-.chart__bar:hover,
-.chart__stack-rect:hover,
-.chart__point:hover {
-  filter: brightness(1.2);
-  cursor: crosshair;
-}
-
-.chart__tooltip {
-  position: absolute;
-  pointer-events: none;
-  z-index: 5;
-  background: var(--chart-tooltip-bg);
-  color: var(--chart-tooltip-text);
-  border: 1px solid var(--chart-tooltip-border);
-  border-radius: 4px;
-  padding: 4px 8px;
-  font-size: 0.72rem;
-  line-height: 1.3;
-  white-space: nowrap;
-  font-variant-numeric: tabular-nums;
-  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
-  transform: translate(-50%, calc(-100% - 8px));
-}
-
-.chart__tooltip-label {
-  color: var(--provider-row-text-secondary);
-  margin-right: 6px;
-}
-
-/* Selectable bars (OpenAI daily usage): keyboard focus ring on the active bar. */
-.chart__bar[role="option"] {
-  cursor: pointer;
-}
-
-.chart__bar[role="option"]:focus {
-  outline: none;
-}
-
-.chart__bar[role="option"]:focus-visible {
-  outline: 2px solid var(--accent);
-  outline-offset: 1px;
-}
-
-.chart__bar[data-selected="true"] {
-  stroke: var(--text-primary);
-  stroke-width: 1;
-}
-
-/* ── OpenAI Admin API daily usage (tray card + Settings charts) ───── */
-
-.openai-usage {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  min-width: 0;
-}
-
-.openai-usage__tabs {
-  display: flex;
-  gap: 4px;
-}
-
-.openai-usage__tab {
-  background: transparent;
-  color: var(--text-secondary);
-  border: 1px solid transparent;
-  border-radius: 4px;
-  padding: 3px 8px;
-  font-size: 11px;
-  cursor: pointer;
-}
-
-.openai-usage__tab:hover {
-  color: var(--text-primary);
-}
-
-.openai-usage__tab[data-active="true"] {
-  color: var(--text-primary);
-  border-color: var(--panel-border);
-  background: var(--provider-row-bg);
-}
-
-.openai-usage__tab:focus-visible {
-  outline: 2px solid var(--accent);
-  outline-offset: 1px;
-}
-
-.openai-usage__panel {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  min-width: 0;
-}
-
-.openai-usage__hint {
-  font-size: 10px;
-  color: var(--text-muted);
-}
-
-.openai-usage__detail {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  font-size: 11px;
-  color: var(--text-primary);
-}
-
-.openai-usage__day {
-  font-size: 12px;
-  font-weight: 600;
-  font-variant-numeric: tabular-nums;
-}
-
-.openai-usage__stats {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
-  gap: 6px 16px;
-  margin: 0;
-}
-
-.openai-usage__stats > div {
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-  min-width: 0;
-}
-
-.openai-usage__stats dt {
-  font-size: 10px;
-  color: var(--text-secondary);
-}
-
-.openai-usage__stats dd {
-  margin: 0;
-  font-variant-numeric: tabular-nums;
-}
-
-.openai-usage__list-title {
-  font-size: 10px;
-  color: var(--text-secondary);
-  margin-bottom: 2px;
-}
-
-/* OpenAI API Tokens/min grid (Live Usage, upstream #4495). */
-.openai-tpm {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  margin-top: 6px;
-}
-
-.openai-tpm__title {
-  font-size: 11px;
-  color: var(--text-secondary);
-}
-
-.openai-tpm__stats {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
-  gap: 6px 16px;
-  margin: 0;
-}
-
-.openai-tpm__stats > div {
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-  min-width: 0;
-}
-
-.openai-tpm__stats dt {
-  font-size: 10px;
-  color: var(--text-secondary);
-}
-
-.openai-tpm__stats dd {
-  margin: 0;
-  font-variant-numeric: tabular-nums;
-}
-
-.openai-tpm__chart {
-  width: 100%;
-  height: 56px;
-  display: block;
-}
-
-.openai-tpm__bar {
-  fill: var(--provider-accent, #6aa9ff);
-}
-
-.openai-tpm__bar--pending {
-  fill: none;
-  stroke: var(--text-secondary);
-  stroke-width: 0.5;
-  stroke-dasharray: 2 2;
-  vector-effect: non-scaling-stroke;
-  opacity: 0.6;
-}
-
-.openai-tpm__legend {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 10px;
-  color: var(--text-secondary);
-}
-
-.openai-tpm__swatch--pending {
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  border: 1px dashed var(--text-secondary);
-  box-sizing: border-box;
-}
-
-.openai-tpm__empty,
-.openai-tpm__limit {
-  margin: 0;
-  font-size: 11px;
-  color: var(--text-secondary);
-}
-
-.openai-tpm__models ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.openai-tpm__models li {
-  display: flex;
-  justify-content: space-between;
-  gap: 8px;
-  font-size: 11px;
-  padding: 2px 0;
-}
-
-.openai-tpm__model-name {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-}
-
-.openai-tpm__muted {
-  color: var(--text-secondary);
-  font-variant-numeric: tabular-nums;
-  white-space: nowrap;
-}
-
-.openai-limits__row {
-  display: grid;
-  grid-template-columns: 2fr 1fr 1fr auto;
-  gap: 8px;
-  align-items: end;
-  margin-bottom: 6px;
-}
-
-.openai-live {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.openai-usage__list ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-}
-
-.openai-usage__list li {
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
-  min-width: 0;
-}
-
-.openai-usage__name {
-  min-width: 0;
-  overflow-wrap: anywhere;
-}
-
-.openai-usage__amount {
-  flex-shrink: 0;
-  font-variant-numeric: tabular-nums;
-  color: var(--text-secondary);
-}
-
-.openai-usage__list li.openai-usage__more {
-  color: var(--text-muted);
-}
-
-.openai-usage__footer {
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
-  padding-top: 6px;
-  border-top: 1px solid var(--panel-border);
-  font-size: 11px;
-  color: var(--text-secondary);
-}
-
-.openai-usage__footer strong {
-  color: var(--text-primary);
-  font-variant-numeric: tabular-nums;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .chart__bar,
-  .chart__line,
-  .chart__area,
-  .chart__point,
-  .chart__stack-rect {
-    animation: none !important;
-    transition: none !important;
-  }
-}
-
-
-/* ──────────────────────────────────────────────────────────────────────
-   Menu-bar popover surface (tray panel)
-
-   Structural parity with upstream SwiftUI `MenuContent` /
-   `UsageMenuCardView` (CodexBar/Sources/CodexBar/MenuCardView.swift).
-   Numbers below come straight from the Swift source:
-
-     • menuCardBaseWidth        310pt   → 310px outer card width
-     • UsageMenuCardView pad    H 16, V 2
-     • Outer VStack spacing     8       (between cards)
-     • Header VStack spacing    3
-     • Body VStack spacing      6 / 12  (between sections)
-     • UsageProgressBar height  6pt
-     • Divider                  1pt hairline (system separator)
-
-   Real macOS uses NSVisualEffectView (vibrant menu material). HTML
-   can't replicate that, so we render onto `--menu-popover-bg` with a
-   subtle hairline divider that reads similarly under both themes.
-   ────────────────────────────────────────────────────────────────────── */
-
-.menu-surface {
-  display: flex;
-  flex-direction: column;
-  /* upstream MenuContent VStack(spacing: 8) */
-  gap: 8px;
-  /* upstream .padding(.horizontal, 10) .padding(.vertical, 6) */
-  padding: 6px 10px;
-  width: 100%;
-  min-width: 260px;
-  font-size: 13px;
-  line-height: 1.30;
-  color: var(--text-primary);
-  background: var(--menu-popover-bg);
-  -webkit-font-smoothing: antialiased;
-}
-
-.settings-field input[type="range"] {
-  width: 150px;
-  accent-color: var(--accent);
-}
-
-.settings-field input[type="range"]:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-/* Header bar — small CodexBar wordmark + iconified actions
-   (refresh / settings / pop-out). Upstream's NSMenu has no dedicated
-   title row; we keep one slim toolbar pinned to the top so the popover
-   exposes the same controls without dominating the layout. */
-.menu-surface__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 6px;
-  padding: 0;
-  min-height: 24px;
-}
-
-.menu-surface__title {
-  font-size: 12px;
-  font-weight: 500;
-  letter-spacing: 0;
-  color: var(--text-secondary);
-}
-
-/* Wordmark cluster: small accent badge + "CodexBar" title.
-   Mirrors a menu-bar app brand glyph so the header isn't pure text. */
-.menu-surface__brand {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  min-width: 0;
-}
-
-.menu-surface__brand-icon {
-  width: 20px;
-  height: 20px;
-  border-radius: 4px;
-  object-fit: contain;
-  flex-shrink: 0;
-}
-
-.menu-surface__actions {
-  display: flex;
-  gap: 2px;
-}
-
-.menu-surface__btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  border: none;
-  border-radius: 4px;
-  background: transparent;
-  color: var(--text-secondary);
-  font-size: 12px;
-  cursor: pointer;
-  transition: background 0.12s, color 0.12s;
-}
-
-.menu-surface__btn:hover {
-  background: var(--surface-elevated);
-  color: var(--text-primary);
-}
-
-.menu-surface__btn:disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-}
-
-.menu-surface__summary {
-  padding: 0;
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--text-eyebrow);
-}
-
-.menu-surface__body {
-  display: flex;
-  flex-direction: column;
-  flex: 0 1 auto;
-  min-height: 0;
-  overflow-y: auto;
-}
-
-.menu-surface__empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 24px 16px;
-  text-align: center;
-  color: var(--text-muted);
-}
-
-.menu-surface__empty p {
-  margin: 0;
-  font-size: 12px;
-}
-
-.menu-surface__hint {
-  font-size: 11px;
-  color: var(--text-muted);
-}
-
-.menu-surface__spinner {
-  width: 18px;
-  height: 18px;
-  border: 2px solid var(--accent-muted);
-  border-top-color: var(--accent);
-  border-radius: 50%;
-  animation: spin 0.8s linear infinite;
-}
-
-.menu-surface__primary-btn {
-  margin-top: 4px;
-  padding: 5px 12px;
-  border: 1px solid var(--accent);
-  border-radius: 6px;
-  background: var(--accent);
-  color: #fff;
-  font-size: 12px;
-  font-weight: 600;
-  cursor: pointer;
-  transition: filter 0.12s;
-}
-
-.menu-surface__primary-btn:hover {
-  filter: brightness(1.08);
-}
-
-/* ── Card stack (one full UsageMenuCardView per provider) ───────────── */
-
-.menu-stack {
-  display: flex;
-  flex-direction: column;
-  /* upstream MenuContent VStack(spacing: 8) */
-  gap: 6px;
-  flex: 1 1 auto;
-  min-height: 0;
-  max-height: 100%;
-  overflow-y: auto;
-}
-
-/* Unlock html/body overflow for tray panel auto-sizing */
-body:has(.menu-surface--tray) {
-  overflow: visible;
-  min-height: 0;
-}
-html:has(.menu-surface--tray) {
-  overflow: visible;
-}
-
-.menu-surface--tray {
-  --mac-font: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
-  --mac-text-headline: 600 13px/16px var(--mac-font);
-  --mac-text-body-medium: 500 13px/16px var(--mac-font);
-  --mac-text-subheadline: 400 11px/14px var(--mac-font);
-  --mac-text-footnote: 400 10px/13px var(--mac-font);
-  --mac-text-caption: 400 10px/13px var(--mac-font);
-  --mac-text-section: 600 10px/13px var(--mac-font);
-  --mac-text-caption2: 400 10px/13px var(--mac-font);
-  --mac-text-menu: 400 13px/16px var(--mac-font);
-  --mac-text-shortcut: 400 13px/16px var(--mac-font);
-
-  --mac-panel-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-  --mac-panel-border: rgba(0, 0, 0, 0.38);
-  --mac-text: rgba(0, 0, 0, 0.85);
-  --mac-text-2: rgba(0, 0, 0, 0.5);
-  --mac-text-3: rgba(0, 0, 0, 0.26);
-  --mac-track: rgba(0, 0, 0, 0.057);
-  --mac-divider: rgba(0, 0, 0, 0.15);
-  --mac-separator: rgba(0, 0, 0, 0.1);
-  --mac-error: #ff3b30;
-  --mac-pace-ok: #34c759;
-  --mac-pace-bad: #ff3b30;
-  --mac-marker: rgba(0, 0, 0, 0.58);
-  --mac-accent: #007aff;
-  --mac-selection-bg: #0078d4;
-  --mac-selection-text: #fff;
-
-  --mac-panel-width: 310px;
-  --mac-panel-radius: 6px;
-  --mac-bar-h: 6px;
-  --mac-bar-r: 3px;
-  --mac-pace-punch: 6px;
-  --mac-pace-stripe: 2px;
-  --mac-warn-punch: 5px;
-  --mac-warn-stripe: 1px;
-  --mac-metric-card-bg: rgba(0, 0, 0, 0.04);
-  --mac-metric-card-r: 10px;
-  --mac-icon-btn-r: 4px;
-  --mac-chart-h: 58px;
-  --mac-chart-bar-r: 1.5px;
-  --mac-sel-inset-x: 6px;
-  --mac-sel-inset-y: 2px;
-  --mac-sel-r: 6px;
-  --mac-sel-fade: 60ms;
-  --mac-sel-r-refresh: 7px;
-
-  --mac-pad-x: 20px;
-  --mac-pad-header-y: 6px;
-  --mac-gap-header: 6px;
-  --mac-section-pt: 6px;
-  --mac-usage-pt: 10px;
-  --mac-section-pb: 6px;
-  --mac-header-line-gap: 4px;
-  --mac-header-col-gap: 12px;
-  --mac-after-divider: 16px;
-  --mac-metric-gap: 12px;
-  --mac-metric-inner: 6px;
-  --mac-inline-gap: 8px;
-  --mac-kv-section: 6px;
-  --mac-kv-row: 3px;
-  --mac-kv-value: 1px;
-  --mac-kv-gap: 12px;
-  --mac-dash-gap: 10px;
-  --mac-kpi-gap: 6px;
-  --mac-row-h: 24px;
-  --mac-menu-row-h: 22px;
-  --mac-row-pl: 15px;
-  --mac-row-icon: 16px;
-  --mac-row-icon-gap: 6px;
-  --mac-shortcut-w: 44px;
-
-  --font-subheadline: 11px;
-  --font-footnote: 10px;
-  --font-caption: 10px;
-
-  --menu-popover-bg: var(--mac-panel-bg);
-  --text-primary: var(--mac-text);
-  --text-secondary: var(--mac-text-2);
-  --text-muted: var(--mac-text-2);
-  --panel-border: var(--mac-divider);
-
-  --usage-bar-track: var(--mac-track);
-  --pace-slow-bg: rgba(0, 122, 255, 0.12);
-  --pace-slow-fg: #007aff;
-  --pace-steady-bg: rgba(21, 128, 61, 0.12);
-  --pace-steady-fg: #15803d;
-  --pace-racing-bg: rgba(180, 83, 9, 0.14);
-  --pace-racing-fg: #b45309;
-  --pace-burning-bg: rgba(185, 28, 28, 0.12);
-  --pace-burning-fg: #b91c1c;
-  --pace-track-expected-fg: rgba(0, 122, 255, 0.45);
-  --chart-cost-fg: #007aff;
-  --chart-credits-fg: var(--chart-credits);
-  --surface-tint-rgb: 0, 0, 0;
-
-  color-scheme: light;
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-  box-sizing: border-box;
-  min-width: 0;
-  min-height: 0;
-  height: auto;
-  padding: 4px 0;
-  overflow: clip;
-  border: 1px solid var(--mac-panel-border);
-  border-radius: var(--mac-panel-radius);
-  background: var(--mac-panel-bg);
-  box-shadow: var(--mac-panel-highlight);
-  color: var(--mac-text);
-}
-.menu-surface--tray .menu-surface__body {
-  flex: 0 1 auto;
-  overflow-y: visible;
-  overflow-x: hidden;
-  min-height: 0;
-  min-width: 0;
-  max-width: 100%;
-  scrollbar-width: none;
-}
-.menu-surface--tray .menu-surface__body::-webkit-scrollbar {
-  display: none;
-}
-.menu-surface--tray .menu-surface__footer {
-  flex-shrink: 0;
-}
-.menu-surface--tray .menu-stack {
-  gap: 2px;
-  flex: 0 0 auto;
-  max-height: none;
-  overflow: visible;
-  min-width: 0;
-}
-
-/* Tray cards — flush layout matching macOS panel (no card containers) */
-.menu-surface--tray .menu-stack__item {
-  background: transparent;
-  border: none;
-  border-radius: 0;
-  padding: 2px 0;
-  min-width: 0;
-  max-width: 100%;
-  width: 100%;
-  box-sizing: border-box;
-  overflow: visible;
-}
-.menu-surface--tray .menu-stack__item--selected {
-  border: none;
-  border-radius: 6px;
-  padding: 4px 4px;
-}
-.menu-surface--tray .provider-grid__item .provider-icon {
-  filter: brightness(0);
-}
-.menu-surface--tray .update-banner--available,
-.menu-surface--tray .update-banner--ready {
-  color: var(--provider-status-ok);
-}
-/* Tray grid — flush with no background container, matching macOS */
-.menu-surface--tray .provider-grid {
-  background: transparent;
-  border: none;
-  border-radius: 0;
-  padding: 8px 12px 6px;
-  grid-template-columns: repeat(10, 24px);
-  justify-content: start;
-  gap: 8px 6px;
-}
-
-.menu-surface--tray .provider-grid--sparse {
-  grid-template-columns: repeat(auto-fit, 26px);
-  justify-content: start;
-  gap: 8px 7px;
-}
-
-.menu-surface--tray .provider-grid--sparse .provider-grid__item {
-  width: 26px;
-}
-
-.menu-surface--tray .provider-grid--sparse .provider-grid__label {
-  display: none;
-}
-
-/* Tray font sizing — match macOS: .headline=13pt, .footnote=10pt */
-/* macOS v0.32.2: H padding 20, header-only V padding 7, section V padding 6 */
-.menu-surface--tray .menu-card {
-  gap: 6px;
-  padding: var(--menu-card-header-only-y) var(--menu-card-x);
-  min-width: 0;
-  width: 100%;
-  box-sizing: border-box;
-  overflow: visible;
-}
-
-.menu-surface--tray .menu-card--with-details {
-  padding-top: var(--menu-card-section-y);
-  padding-bottom: var(--menu-card-section-y);
-}
-
-/* Copy-to-clipboard button — matches macOS CopyIconButton (doc.on.doc, 18×18) */
-.menu-card__copy-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 18px;
-  height: 18px;
-  flex-shrink: 0;
-  border: none;
-  border-radius: 4px;
-  background: transparent;
-  color: var(--text-secondary);
-  font-size: 11px;
-  font-weight: 600;
-  cursor: pointer;
-  opacity: 0.75;
-  transition: opacity 0.12s, background 0.12s;
-}
-.menu-card__copy-btn:hover {
-  opacity: 1;
-  background: rgba(var(--surface-tint-rgb), 0.08);
-}
-
-/* Hide status dots in tray grid — macOS shows weekly indicators only on hover,
-   not persistent colored dots under every icon */
-.menu-surface--tray .provider-grid__dot {
-  display: none;
-}
-
-/* Tray card content — match macOS spacing values from SwiftUI source */
-.menu-surface--tray .menu-card__divider {
-  margin: 3px 0;
-}
-/* macOS: VStack(spacing: 12) for content sections */
-.menu-surface--tray .menu-card__content {
-  gap: 12px;
-}
-/* macOS: MetricRow VStack(spacing: 6) */
-.menu-surface--tray .menu-metric {
-  gap: 6px;
-}
-/* macOS: .font(.body) .fontWeight(.medium) for metric titles */
-.menu-surface--tray .menu-metric__title {
-  font-size: 13px;
-  font-weight: 500;
-}
-
-.menu-surface--tray .menu-metric__pct,
-.menu-surface--tray .menu-metric__reset,
-.menu-surface--tray .menu-metric__meta,
-.menu-surface--tray .menu-metric__status,
-.menu-surface--tray .menu-metric__detail {
-  font-size: 10px;
-}
-
-/* ── Provider card — direct mirror of UsageMenuCardView ─────────────── */
-
-.menu-card {
-  --menu-card-x: 20px;
-  --menu-card-header-only-y: 7px;
-  --menu-card-section-y: 6px;
-  --menu-card-header-line-gap: 4px;
-  --menu-card-header-column-gap: 12px;
-  display: flex;
-  flex-direction: column;
-  /* outer VStack(alignment:.leading, spacing: 6) */
-  gap: 6px;
-  padding: var(--menu-card-header-only-y) var(--menu-card-x);
-  text-align: left;
-  align-items: stretch;
-}
-
-.menu-card--with-details {
-  padding-top: var(--menu-card-section-y);
-  padding-bottom: var(--menu-card-section-y);
-}
-
-/* ── Multi-account Codex lanes (ADR 0003, option A) ─────────────────── */
-
-.codex-menu-accounts__error {
-  margin-top: 6px;
-  font-size: 0.72rem;
-  color: var(--provider-status-error);
-}
-
-.codex-menu-accounts__usage {
-  display: flex;
-  align-items: center;
-  gap: 0;
-  min-width: 0;
-  font-size: 0.66rem;
-  color: var(--provider-row-text-secondary);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.codex-menu-accounts__usage > span + span::before {
-  content: "·";
-  margin: 0 5px;
-  opacity: 0.65;
-}
-
-.codex-menu-accounts__usage-status {
-  white-space: normal;
-  overflow-wrap: anywhere;
-}
-
-.codex-menu-accounts__bar {
-  display: block;
-  height: 4px;
-  border-radius: 2px;
-  background: var(--provider-row-divider, rgba(128, 128, 128, 0.18));
-  overflow: hidden;
-}
-
-.codex-menu-accounts__bar-fill {
-  display: block;
-  height: 100%;
-  border-radius: 2px;
-  background: var(--accent, currentColor);
-}
-
-.codex-menu-accounts__bar-fill[data-level="critical"] {
-  background: var(--usage-bar-critical, var(--accent));
-}
-
-.codex-menu-accounts__bar-fill[data-level="exhausted"] {
-  background: var(--usage-bar-exhausted, var(--accent));
-}
-
-/* SwiftUI Divider() — single hairline using the system separator. */
-.menu-card__divider {
-  margin: 4px 0;
-}
-
-.menu-card__content {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-/* ── Metric row ─────────────────────────────────────────────────────── */
-
-.menu-metric {
-  display: flex;
-  flex-direction: column;
-  /* upstream: VStack(alignment:.leading, spacing: 6) */
-  gap: 6px;
-}
-
-.menu-metric__title {
-  /* upstream: .font(.body).fontWeight(.medium) — 400 on Windows for visual parity */
-  font-size: 13px;
-  font-weight: 400;
-  color: var(--text-primary);
-}
-
-.menu-metric__head {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  column-gap: 24px;
-  row-gap: 2px;
-  min-width: 0;
-}
-
-.menu-metric__head .menu-metric__title {
-  min-width: 0;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.menu-metric__head .menu-metric__reset {
-  margin-left: auto;
-  max-width: 100%;
-}
-
-.menu-metric__progress {
-  display: block;
-  width: 100%;
-  height: 6px;
-  overflow: hidden;
-}
-
-.menu-metric__progress-track {
-  fill: var(--usage-bar-track);
-}
-
-.menu-metric__progress-fill {
-  fill: var(--provider-accent, var(--usage-bar-normal));
-}
-
-.menu-metric__progress-warning {
-  fill: color-mix(in srgb, var(--text-primary) 68%, transparent);
-}
-
-.menu-metric__progress-workday {
-  fill: color-mix(in srgb, var(--text-primary) 30%, transparent);
-}
-
-.menu-metric__progress-workday--high-contrast {
-  fill: color-mix(in srgb, var(--text-primary) 85%, transparent);
-}
-
-.menu-metric__progress-pace {
-  fill: var(--mac-pace-ok, #34c759);
-}
-
-.menu-metric__progress-pace[data-deficit="true"] {
-  fill: var(--mac-pace-bad, #ff3b30);
-}
-
-.menu-metric__meta {
-  font-size: 11px;
-  color: var(--text-secondary);
-  min-width: 0;
-  overflow-wrap: break-word;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-/* HStack(.firstTextBaseline) percent label — reset countdown */
-.menu-metric__row {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: 8px;
-  min-width: 0; /* allow children to shrink/ellipsis inside flex */
-}
-
-.menu-metric__pct {
-  /* upstream: .font(.footnote) ≈ 11px primary */
-  font-size: 11px;
-  color: var(--text-primary);
-  font-variant-numeric: tabular-nums;
-  flex: 0 0 auto;
-}
-
-/* Detail-backed window description (for example spend amounts): its own
-   secondary line under the metric row, never reset wording. */
-.menu-metric__detail {
-  font-size: 11px;
-  color: var(--text-secondary);
-  min-width: 0;
-  overflow-wrap: anywhere;
-}
-
-.menu-metric__reset {
-  font-size: 11px;
-  color: var(--text-secondary);
-  /* Upstream 0.49.0 #2742 (refs #2182): long metric reset and pace details
-     wrap to a second line instead of truncating, so non-English locales keep
-     the full reset information. #2846: the percent value keeps its own line
-     slot (row only stacks when both cannot fit) and the two-line clamp keeps
-     cached card heights bounded. */
-  min-width: 0;
-  max-width: 62%;
-  text-align: right;
-  white-space: normal;
-  overflow-wrap: break-word;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.menu-metric__exhausted {
-  font-size: 11px;
-  font-weight: 600;
-  color: var(--provider-status-error);
-}
-
-/* Upstream 0.69.0 #4091 status row: a window blocked by a longer exhausted
-   pool shows its title and one secondary footnote line instead of a bar. */
-.menu-metric__status {
-  font-size: 11px;
-  color: var(--text-secondary);
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.pace-details-chart {
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-  padding-top: 2px;
-}
-
-.pace-details-chart svg {
-  width: 100%;
-  height: 76px;
-  overflow: visible;
-}
-
-.pace-details-chart__grid {
-  stroke: var(--usage-bar-track);
-  stroke-width: 1;
-}
-
-.pace-details-chart__ideal {
-  stroke: var(--chart-credits-fg);
-  stroke-width: 1.5;
-  vector-effect: non-scaling-stroke;
-}
-
-.pace-details-chart__actual {
-  fill: none;
-  stroke: var(--accent);
-  stroke-width: 2;
-  vector-effect: non-scaling-stroke;
-}
-
-.pace-details-chart__projection {
-  stroke: var(--text-secondary);
-  stroke-width: 1.5;
-  stroke-dasharray: 4 3;
-  vector-effect: non-scaling-stroke;
-}
-
-.pace-details-chart__point {
-  fill: var(--accent);
-  vector-effect: non-scaling-stroke;
-}
-
-.pace-details-chart__legend {
-  display: flex;
-  gap: 10px;
-  color: var(--text-secondary);
-  font-size: 9px;
-}
-
-.pace-details-chart__legend span::before {
-  display: inline-block;
-  width: 8px;
-  height: 2px;
-  margin-right: 4px;
-  vertical-align: middle;
-  background: var(--text-secondary);
-  content: "";
-}
-
-.pace-details-chart__legend span[data-series="actual"]::before {
-  background: var(--accent);
-}
-
-.pace-details-chart__legend span[data-series="ideal"]::before {
-  background: var(--chart-credits-fg);
-}
-
-/* ── Cost section (upstream `tokenUsage` block) ─────────────────────── */
-
-/* ── Pace section (Tauri-only; sits below cost in the same card) ────── */
-
-/* ════════════════════════════════════════════════════════════════════
- * macOS PARITY OVERLAY  (last cascade — wins over earlier rules)
- *
- * This block tightens the visual treatment so the Tauri shell mirrors
- * the upstream SwiftUI `MenuContent` (NSMenu w/ NSHostingView items)
- * and the SwiftUI `Settings` scene.  All earlier selectors continue
- * to provide structure; this overlay adjusts colors, sizing, density,
- * and adds a few NSMenu-style native rows.
- * ════════════════════════════════════════════════════════════════════ */
-
-/* ── Thin overlay scrollbars (replace Windows default fat bars) ───── */
-*::-webkit-scrollbar {
-  width: 9px;
-  height: 9px;
-}
-*::-webkit-scrollbar-track {
-  background: transparent;
-}
-*::-webkit-scrollbar-thumb {
-  background: rgba(255, 255, 255, 0.18);
-  border: 2px solid transparent;
-  background-clip: padding-box;
-  border-radius: 6px;
-}
-*::-webkit-scrollbar-thumb:hover {
-  background: rgba(255, 255, 255, 0.32);
-  background-clip: padding-box;
-}
-[data-theme="light"] *::-webkit-scrollbar-thumb {
-  background: rgba(0, 0, 0, 0.22);
-  background-clip: padding-box;
-}
-[data-theme="light"] *::-webkit-scrollbar-thumb:hover {
-  background: rgba(0, 0, 0, 0.36);
-  background-clip: padding-box;
-}
-* {
-  scrollbar-width: thin;
-  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
-}
-
-.menu-surface__header {
-  min-height: 20px;
-  padding: 0;
-}
-.menu-surface__title {
-  font-size: var(--font-caption2);
-  font-weight: 500;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: var(--text-muted);
-}
-.menu-surface__brand-icon {
-  width: 20px;
-  height: 20px;
-  border-radius: 4px;
-  object-fit: contain;
-  flex-shrink: 0;
-}
-.menu-surface__btn {
-  width: 22px;
-  height: 22px;
-  border-radius: 5px;
-  font-size: 13px;
-}
-
-.menu-surface__footer {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  margin: 0;
-  padding: 0;
-  border-top: none;
-}
-.menu-surface__footer-sep {
-  height: 1px;
-  margin: 5px 14px;
-  background: var(--mac-separator);
-}
-.menu-surface__footer-row {
-  position: relative;
-  isolation: isolate;
-  display: flex;
-  align-items: center;
-  gap: var(--mac-row-icon-gap);
-  width: 100%;
-  min-height: var(--mac-menu-row-h);
-  padding: 0 var(--mac-row-pl);
-  border: 0;
-  background: transparent;
-  color: var(--mac-text);
-  font: var(--mac-text-menu);
-  text-align: left;
-  cursor: pointer;
-}
-.menu-surface__footer-row--refresh {
-  min-height: var(--mac-row-h);
-}
-.menu-surface__footer-row::before {
-  content: "";
-  position: absolute;
-  inset: var(--mac-sel-inset-y) var(--mac-sel-inset-x);
-  z-index: -1;
-  border-radius: var(--mac-sel-r);
-  background: transparent;
-  transition: background-color var(--mac-sel-fade) ease-out;
-}
-.menu-surface__footer-row--refresh::before {
-  inset: 0 5px;
-  border-radius: var(--mac-sel-r-refresh);
-}
-.menu-surface__footer-row:hover:not(:disabled),
-.menu-surface__footer-row:focus-visible {
-  color: var(--mac-selection-text);
-  outline: none;
-}
-.menu-surface__footer-row:hover:not(:disabled)::before,
-.menu-surface__footer-row:focus-visible::before {
-  background: var(--mac-selection-bg);
-}
-.menu-surface__footer-row:disabled {
-  color: var(--mac-text-3);
-  cursor: default;
-}
-.menu-surface__footer-note {
-  margin: 0;
-  padding: 2px var(--mac-row-pl);
-  color: var(--mac-text-2);
-  font: var(--mac-text-menu);
-  overflow-wrap: anywhere;
-}
-.menu-surface__footer-icon {
-  display: inline-flex;
-  flex-shrink: 0;
-  width: var(--mac-row-icon);
-  height: var(--mac-row-icon);
-}
-.menu-surface__footer-icon svg {
-  width: 100%;
-  height: 100%;
-}
-.menu-surface__footer-shortcut {
-  min-width: var(--mac-shortcut-w);
-  margin-left: auto;
-  color: var(--mac-text-3);
-  font: var(--mac-text-shortcut);
-  font-variant-numeric: tabular-nums;
-  text-align: right;
-}
-.menu-surface__footer-row:hover:not(:disabled) .menu-surface__footer-shortcut,
-.menu-surface__footer-row:focus-visible .menu-surface__footer-shortcut {
-  color: var(--mac-selection-text);
-}
-/* "Highlight menu cards on hover" off: only Refresh is a hosted menu card
-   upstream; the other footer rows stand in for native items, which always
-   highlight. Keyboard focus keeps its highlight. */
-.menu-surface--hover-highlight-off .menu-surface__footer-row--refresh:hover:not(:disabled):not(:focus-visible) {
-  color: var(--mac-text);
-}
-.menu-surface--hover-highlight-off .menu-surface__footer-row--refresh:hover:not(:disabled):not(:focus-visible)::before {
-  background: transparent;
-}
-.menu-surface--hover-highlight-off .menu-surface__footer-row--refresh:hover:not(:disabled):not(:focus-visible) .menu-surface__footer-shortcut {
-  color: var(--mac-text-3);
-}
-
-/* ── Provider icon grid ──────────────────────────────────────────────
-   Mirrors the upstream macOS ProviderSwitcherView. Each cell is a
-   stacked icon+label tile with a 4px weekly indicator pinned to the
-   bottom edge. macOS uses rowHeight 36-40, rowSpacing 2-4 and a uniform
-   button width — use the same dense icon grid as upstream. */
-.provider-grid {
-  display: grid;
-  grid-template-columns: repeat(13, minmax(0, 1fr));
-  gap: 9px 3px;
-  margin: 0 0 2px;
-  padding: 8px 10px 6px;
-  flex-shrink: 0;
-  background: none;
-  border: none;
-  border-radius: 0;
-}
-
-[data-theme="light"] .provider-grid {
-  background: none;
-  border: none;
-}
-
-.provider-grid__item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 2px;
-  min-height: 44px;
-  padding: 2px 1px 3px;
-  border: none;
-  border-radius: 5px;
-  background: transparent;
-  cursor: pointer;
-  transition: background 0.12s ease;
-  min-width: 0;
-}
-
-.provider-grid--no-icons .provider-grid__item {
-  justify-content: center;
-  gap: 3px;
-}
-
-.provider-grid--no-icons .provider-grid__label {
-  max-width: 30px;
-}
-
-.provider-grid__item:hover {
-  background: rgba(255, 255, 255, 0.08);
-}
-
-.provider-grid__item--active {
-  background: rgba(10, 132, 255, 0.25);
-  box-shadow: inset 0 0 0 1px rgba(10, 132, 255, 0.35);
-}
-
-.provider-grid__item--active:hover {
-  background: rgba(10, 132, 255, 0.32);
-  filter: none;
-}
-
-/* Drag-to-reorder: grab cursor on draggable items, dim the one being dragged,
-   ring the drop target. The provider cards below follow the same order. */
-.provider-grid__item[draggable="true"] {
-  cursor: grab;
-}
-.provider-grid__item--dragging {
-  opacity: 0.4;
-  cursor: grabbing;
-}
-.provider-grid__item--drop-target {
-  background: rgba(10, 132, 255, 0.14);
-  box-shadow: inset 0 0 0 2px rgba(10, 132, 255, 0.65);
-}
-
-.provider-grid__label {
-  font-size: 10px;
-  font-weight: 400;
-  color: var(--text-secondary);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 22px;
-  line-height: 1.15;
-  text-align: center;
-}
-
-.provider-grid__item--active .provider-grid__label {
-  color: #fff;
-}
-
-/* Provider icon inside grid — template-style like macOS (white silhouettes) */
-.provider-grid__icon-overview {
-  font-size: 16px;
-  line-height: 17px;
-  opacity: 0.7;
-}
-.provider-grid__item--active .provider-grid__icon-overview {
-  opacity: 1;
-}
-
-.provider-grid__item .provider-icon {
-  width: 17px !important;
-  height: 17px !important;
-  background: none;
-  box-shadow: none;
-  border-radius: 0;
-  filter: brightness(0) invert(1);
-  opacity: 0.7;
-}
-.provider-grid__item--active .provider-icon {
-  opacity: 1;
-}
-.provider-grid__item:hover .provider-icon {
-  opacity: 0.9;
-}
-
-/* Weekly indicator bar — macOS ProviderSwitcherView addWeeklyIndicator()
-   4px track at bottom of each grid button, fill = remainingPercent */
-.provider-grid__weekly-track {
-  display: block;
-  width: 18px;
-  height: 3px;
-  border-radius: 2px;
-  background: rgba(255, 255, 255, 0.12);
-  overflow: hidden;
-  flex-shrink: 0;
-  position: relative;
-}
-.provider-grid__weekly-track::after {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: var(--weekly-pct, 0%);
-  border-radius: 2px;
-  background: var(--weekly-color, var(--accent, #0a84ff));
-}
-/* Hide weekly bar when selected — matches macOS updateWeeklyIndicatorVisibility */
-.provider-grid__item--active .provider-grid__weekly-track {
-  display: none;
-}
-
-[data-theme="light"] .provider-grid__weekly-track {
-  background: rgba(0, 0, 0, 0.10);
-}
-
-.provider-grid__dot {
-  width: 5px;
-  height: 5px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-.provider-grid__dot[data-status="ok"] {
-  background: #34c759;
-}
-.provider-grid__dot[data-status="warning"] {
-  background: #ffd60a;
-}
-.provider-grid__dot[data-status="exhausted"] {
-  background: #ff9f0a;
-}
-.provider-grid__dot[data-status="error"] {
-  background: #ff453a;
-}
-.provider-grid__item--active .provider-grid__dot {
-  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
-}
-
-[data-theme="light"] .provider-grid__item:hover {
-  background: rgba(0, 0, 0, 0.06);
-}
-[data-theme="light"] .provider-grid__item--active {
-  background: rgba(0, 122, 255, 0.18);
-  box-shadow: inset 0 0 0 1px rgba(0, 122, 255, 0.30);
-}
-[data-theme="light"] .provider-grid__label {
-  color: var(--text-secondary);
-}
-[data-theme="light"] .provider-grid__item--active .provider-grid__label {
-  color: var(--text-primary);
-}
-
-.menu-card__group-title,
-.menu-metric__title {
-  font-size: var(--font-body);
-  /* upstream uses .fontWeight(.medium) — 500 matches */
-  font-weight: 500;
-}
-.quota-window-history__rows {
-  display: grid;
-  gap: 4px;
-  margin-top: 6px;
-  color: var(--text-secondary);
-  font-size: var(--font-caption);
-}
-.quota-window-history__row {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 10px;
-  align-items: end;
-}
-.quota-window-history__row--header {
-  color: var(--text-tertiary, var(--text-secondary));
-  font-size: var(--font-micro);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-}
-.quota-window-history__row--header span:last-child,
-.quota-window-history__row > span:last-child {
-  text-align: right;
-}
-.quota-window-history__range,
-.quota-window-history__value {
-  display: block;
-}
-.quota-window-history__value {
-  color: var(--text-primary);
-  font-variant-numeric: tabular-nums;
-}
-
-/* ── Recorded quota burndown (upstream 0.70.0 #4085) ─────────────── */
-.quota-burndown-chart {
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-  padding-top: 2px;
-}
-.quota-burndown-chart svg {
-  width: 100%;
-  height: 76px;
-  overflow: visible;
-}
-.quota-burndown-chart__grid {
-  stroke: var(--usage-bar-track);
-  stroke-width: 1;
-}
-.quota-burndown-chart__ideal {
-  stroke: var(--text-secondary);
-  stroke-width: 1.5;
-  stroke-dasharray: 4 3;
-  vector-effect: non-scaling-stroke;
-}
-.quota-burndown-chart__observed {
-  fill: none;
-  stroke: var(--accent);
-  stroke-width: 2;
-  vector-effect: non-scaling-stroke;
-}
-.quota-burndown-chart__point {
-  fill: var(--accent);
-  vector-effect: non-scaling-stroke;
-}
-.quota-burndown-chart__axis {
-  display: flex;
-  justify-content: space-between;
-  color: var(--text-secondary);
-  font-size: 9px;
-}
-.quota-burndown-chart__caption {
-  display: flex;
-  justify-content: space-between;
-  gap: 10px;
-  color: var(--text-secondary);
-  font-size: var(--font-caption);
-  font-variant-numeric: tabular-nums;
-}
-
-/* Upstream UsageProgressBar uses the provider brand color (which the
-   chart palette covers) but the menu defaults to a green-when-healthy
-   gradient based on usage threshold — green → yellow → orange → red. */
-:root {
-  --usage-bar-normal: #0a84ff;     /* macOS systemBlue — healthy */
-  --usage-bar-high: #ffd60a;       /* macOS systemYellow */
-  --usage-bar-critical: #ff9f0a;   /* macOS systemOrange */
-  --usage-bar-exhausted: #ff453a;  /* macOS systemRed    */
-}
-[data-theme="light"] {
-  --usage-bar-normal: #007aff;
-  --usage-bar-high: #ffcc00;
-  --usage-bar-critical: #ff9500;
-  --usage-bar-exhausted: #ff3b30;
-}
-
-.menu-metric__pct,
-.menu-metric__reset,
-.menu-metric__status,
-.menu-metric__detail {
-  font-size: var(--font-caption);
-}
-
-/* ── Card stack: spacing between cards (no visible divider) ───── */
-.menu-stack__sep {
-  height: 0;
-  margin: 4px 0;
-  background: none;
-}
-
-/* ── Settings: macOS toolbar-style tab bar ────────────────────────── */
-.settings-surface {
-  max-width: none;
-  padding: 0;
-}
-.settings {
-  background: var(--app-bg);
-  min-height: 100vh;
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-/* Custom title bar for decoration-less Settings window */
-.settings-titlebar {
-  display: flex;
-  align-items: center;
-  height: 32px;
-  padding: 0 4px 0 12px;
-  background: #1e1e1e;
-  -webkit-app-region: drag;
-  user-select: none;
-  flex-shrink: 0;
-}
-.settings-titlebar__title {
-  flex: 1;
-  font-size: 12px;
-  color: rgba(255, 255, 255, 0.7);
-  letter-spacing: 0.02em;
-}
-
-.settings-titlebar__controls {
-  -webkit-app-region: no-drag;
-  display: flex;
-  align-self: stretch;
-  margin-right: -4px;
-}
-
-.settings-titlebar__control {
-  -webkit-app-region: no-drag;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 46px;
-  min-width: 46px;
-  height: 32px;
-  border: none;
-  background: transparent;
-  color: rgba(255, 255, 255, 0.82);
-  cursor: pointer;
-  transition: background 0.15s, color 0.15s;
-}
-
-.settings-titlebar__control svg {
-  width: 12px;
-  height: 12px;
-  display: block;
-  fill: none;
-  stroke: currentColor;
-  stroke-width: 1.6;
-  stroke-linecap: round;
-}
-
-.settings-titlebar__control--minimize::before {
-  content: "";
-  display: block;
-  width: 10px;
-  height: 1px;
-  background: currentColor;
-  border-radius: 1px;
-}
-
-.settings-titlebar__control:hover {
-  background: rgba(255, 255, 255, 0.12);
-  color: #fff;
-}
-
-.settings-titlebar__control:focus-visible {
-  outline: 2px solid var(--accent);
-  outline-offset: -2px;
-}
-
-.settings-titlebar__control--close:hover {
-  background: #e81123;
-  color: #fff;
-}
-
-/* ── Settings body container: padded, centered, capped at 560px ─── */
-.settings-body {
-  width: 100%;
-  max-width: 560px;
-  margin: 0 auto;
-  padding: 16px 20px 24px;
-  flex: 1;
-  overflow-y: auto;
-  min-height: 0;
-}
-.settings-status {
-  max-width: 560px;
-  margin: 6px auto 0;
-}
-.settings-status-slot {
-  position: relative;
-  z-index: 5;
-}
-.settings-status--floating {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  transform: translateX(-50%);
-  margin: 6px 0 0;
-  white-space: nowrap;
-  background: var(--app-bg);
-  box-shadow: inset 0 0 0 100vmax rgba(10, 132, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.25);
-}
-
-/* ── Grouped form (SwiftUI Form .grouped) ─────────────────────────── */
-.settings-section {
-  margin: 0 0 0;
-  padding: 0 0 10px;
-  background: transparent;
-  gap: 12px;
-}
-.settings-section:last-child {
-  padding-bottom: 0;
-}
-.settings-section + .settings-section {
-  padding-top: 14px;
-}
-.settings-section__title {
-  margin: 0 0 8px;
-  font-size: var(--font-caption);
-  font-weight: 400;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: var(--text-secondary);
-}
-.settings-section__hint {
-  margin: 8px 4px 0;
-  font-size: var(--font-caption);
-  color: var(--text-muted);
-  line-height: 1.4;
-}
-.settings-field {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  column-gap: 12px;
-  align-items: center;
-  padding: 5px 0;
-  border-radius: 0;
-  background: transparent;
-  transition: none;
-}
-.settings-field--leading {
-  grid-template-columns: auto minmax(0, 1fr);
-  column-gap: 10px;
-}
-[data-theme="light"] .settings-field {
-  background: transparent;
-}
-.settings-field:hover {
-  background: transparent;
-}
-[data-theme="light"] .settings-field:hover {
-  background: transparent;
-}
-.settings-field__label {
-  display: block;
-  font-size: var(--font-body);
-  font-weight: 400;
-  color: var(--text-primary);
-  line-height: 1.2;
-}
-.settings-field__desc {
-  display: block;
-  font-size: var(--font-caption);
-  color: var(--text-muted);
-  line-height: 1.25;
-  margin-top: 1px;
-}
-
-.settings-field__text {
-  min-width: 0;
-  align-self: center;
-}
-
-.settings-field__control {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  align-self: center;
-}
-
-/* Flat field stack: matches upstream SwiftUI VStack + Divider() per
-   section. No card container, just a 1px divider between sibling
-   fields (the divider rule below). */
-.settings-section__group {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  border-radius: 0;
-  background: transparent;
-  transition: none;
-}
-.settings-section__group > .settings-field {
-  border: none;
-  border-radius: 0;
-  background: transparent;
-}
-/* ── Form controls: native-feeling macOS look ─────────────────────── */
-/* `.toggle` is now a native checkbox; styles defined earlier in this
-   file. The earlier macOS toggle-switch overrides have been removed. */
-
-.select,
-.number-input,
-.text-input {
-  background: rgba(255, 255, 255, 0.04);
-  border: 1px solid rgba(255, 255, 255, 0.06);
-  border-radius: 5px;
-  font-size: var(--font-body);
-  color: var(--text-primary);
-  height: 22px;
-  box-shadow: none;
-}
-.select {
-  appearance: none;
-  -webkit-appearance: none;
-  padding: 0 28px 0 10px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238e8e93'/%3E%3C/svg%3E");
-  background-size: 10px 6px;
-  background-repeat: no-repeat;
-  background-position: right 10px center;
-  line-height: 20px;
-}
-[data-theme="dark"] .select,
-[data-theme="dark"] .provider-detail-select,
-[data-theme="dark"] .settings-select {
-  color-scheme: dark;
-}
-[data-theme="dark"] .select option,
-[data-theme="dark"] .provider-detail-select option,
-[data-theme="dark"] .settings-select option {
-  color: var(--text-primary);
-  background: var(--app-bg);
-}
-[data-theme="dark"] .select option:checked,
-[data-theme="dark"] .provider-detail-select option:checked,
-[data-theme="dark"] .settings-select option:checked {
-  color: #fff;
-  background: var(--accent);
-}
-.text-input {
-  padding: 0 10px;
-  line-height: 20px;
-}
-.number-input {
-  width: 52px;
-  height: 22px;
-  padding: 0 6px;
-  border: 1px solid rgba(255, 255, 255, 0.06);
-  border-radius: 5px;
-  background: rgba(255, 255, 255, 0.04);
-  text-align: center;
-  font-variant-numeric: tabular-nums;
-  line-height: 20px;
-}
-[data-theme="light"] .select,
-[data-theme="light"] .provider-detail-select,
-[data-theme="light"] .settings-select {
-  color-scheme: light;
-}
-[data-theme="light"] .select,
-[data-theme="light"] .number-input,
-[data-theme="light"] .text-input {
-  background-color: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.12);
-  box-shadow: none;
-}
-[data-theme="light"] .select option,
-[data-theme="light"] .provider-detail-select option,
-[data-theme="light"] .settings-select option {
-  background: #fff;
-  color: var(--text-primary);
-}
-[data-theme="light"] .select option:checked,
-[data-theme="light"] .provider-detail-select option:checked,
-[data-theme="light"] .settings-select option:checked {
-  background: var(--accent);
-  color: #fff;
-}
-.select:focus,
-.number-input:focus,
-.text-input:focus {
-  outline: 2px solid var(--focus-ring);
-  outline-offset: 1px;
-  border-color: var(--accent);
-}
-
-/* ── Provider detail pane ─────────────────────────────────────────── */
-.provider-detail {
-  background: var(--surface-elevated);
-  border-radius: 10px;
-  padding: 16px 18px;
-  overflow-y: auto;
-  overscroll-behavior: contain;
-  height: 100%;
-  min-height: 0;
-  box-sizing: border-box;
-  flex: 1;
-}
-.provider-detail-title {
-  font-size: var(--font-title3);
-  font-weight: 600;
-}
-
-/* ── About pane parity ────────────────────────────────────────────── */
-.about-section {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: flex-start;
-  text-align: center;
-  gap: 12px;
-  padding: 4px 20px 24px;
-}
-.about-header {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-  margin: 0;
-}
-.about-icon {
-  width: var(--icon-about);
-  height: var(--icon-about);
-  border-radius: var(--about-icon-radius);
-  object-fit: contain;
-}
-.about-title-block {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 2px;
-  text-align: center;
-}
-.about-title {
-  font-size: var(--font-title3);
-  font-weight: 700;
-  margin: 0;
-}
-.about-version {
-  margin: 0;
-  font-size: var(--font-caption);
-  color: var(--text-secondary);
-  font-style: normal;
-}
-.about-tagline {
-  margin: 0;
-  font-size: var(--font-caption);
-  color: var(--text-secondary);
-  font-style: normal;
-}
-.about-links {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  flex-wrap: wrap;
-  gap: 8px;
-  width: 100%;
-  margin: 10px 0 0;
-  padding: 0;
-}
-.about-link {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 24px;
-  padding: 3px 10px;
-  border: 1px solid var(--panel-border);
-  border-radius: 6px;
-  background: rgba(255, 255, 255, 0.04);
-  text-align: center;
-  font-size: var(--font-caption);
-  color: var(--accent);
-  text-decoration: none;
-  cursor: pointer;
-  font-family: inherit;
-  appearance: none;
-}
-.about-link:hover {
-  background: rgba(10, 132, 255, 0.10);
-  border-color: rgba(10, 132, 255, 0.28);
-  text-decoration: none;
-}
-.about-link--inline {
-  display: inline;
-  min-height: 0;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: var(--text-eyebrow);
-  vertical-align: baseline;
-}
-.about-link--inline:hover {
-  background: transparent;
-  text-decoration: underline;
-}
-.about-link-sep {
-  display: none;
-}
-.about-divider {
-  width: 100%;
-  height: 1px;
-  background: var(--panel-border);
-  margin: 4px 0;
-}
-.about-actions {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-  align-items: center;
-}
-
-/* ── Refresh icon spin animation reused by header button ──────────── */
-.menu-surface__btn .spin {
-  display: inline-block;
-  animation: spin 0.8s linear infinite;
-}
-
-/* ── Reduce visual harshness of the menu summary line ─────────────── */
-.menu-surface__summary {
-  font-size: var(--font-caption);
-  color: var(--text-muted);
-  font-weight: 400;
-  padding: 2px 14px 0;
-}
-
-/* ── Reorg overlay: bold section title + caption ──────────────────── */
-.settings-section__title--bold {
-  font-size: var(--font-body);
-  font-weight: 600;
-  text-transform: none;
-  letter-spacing: 0;
-}
-
-.settings-section__caption {
-  margin: 0 0 8px;
-  font-size: var(--font-caption);
-  color: var(--text-muted);
-  line-height: 1.4;
-}
-
-/* Usage & Spend table */
-.usage-spend-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: var(--font-body);
-}
-.usage-spend-table th,
-.usage-spend-table td {
-  text-align: left;
-  padding: 6px 8px;
-  border-bottom: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
-}
-.usage-spend-table th {
-  font-weight: 600;
-  color: var(--text-secondary, #a1a1a6);
-  font-size: var(--font-caption);
-}
-.usage-spend-table__source {
-  color: var(--text-muted);
-  font-size: var(--font-caption);
-}
-
-.usage-spend-daily {
-  margin-top: 20px;
-}
-
-.usage-spend-daily h4 {
-  margin: 0;
-}
-
-.usage-spend-daily__table {
-  overflow-x: auto;
-  margin-top: 10px;
-}
-
-.usage-spend-daily__toggle {
-  margin-top: 8px;
-}
-
-/* About update controls block */
-.about-update-controls {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 10px;
-  width: 100%;
-}
-
-.about-channel-row {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 4px;
-  width: 100%;
-}
-
-.about-channel-row .settings-field {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-  width: auto;
-}
-
-.about-channel-row .settings-field__label {
-  white-space: nowrap;
-}
-
-.about-channel-row .select {
-  min-width: 100px;
-  text-align: center;
-  text-align-last: center;
-}
-
-.about-channel-description {
-  margin: 2px 0 0;
-  max-width: 320px;
-  font-size: 11px;
-  color: var(--text-secondary, rgba(255, 255, 255, 0.55));
-  text-align: center;
-}
-
-/* ── macOS parity: divider spacing and card bottom padding (final overlay) ── */
-.menu-card__divider {
-  margin: 4px 0;
-}
-
-.menu-card__content {
-  padding-bottom: 6px;
-}
-
-/* ── Provider tab status dots removed (replaced by .provider-grid__dot) */
-
-/* ── Windows QA polish: stable provider grid and compact heights ─── */
-.provider-grid {
-  grid-template-columns: repeat(8, 34px);
-  justify-content: start;
-  gap: 7px 4px;
-}
-
-.menu-surface--tray .provider-grid {
-  grid-template-columns: repeat(10, 24px);
-  gap: 8px 6px;
-}
-
-.menu-surface--tray .provider-grid--sparse {
-  grid-template-columns: repeat(auto-fit, 26px);
-  justify-content: start;
-  gap: 8px 7px;
-}
-
-.provider-grid__item {
-  min-height: 40px;
-  padding: 2px 2px 3px;
-}
-
-.menu-surface--tray .provider-grid__item {
-  width: 24px;
-  min-height: 26px;
-  padding: 3px 0;
-  gap: 0;
-  justify-content: center;
-}
-
-.provider-grid__label {
-  max-width: 32px;
-}
-
-.menu-surface--tray .provider-grid__label {
-  display: none;
-}
-
-.provider-grid--compact {
-  grid-template-columns: repeat(8, 34px);
-  gap: 7px 4px;
-  padding-top: 7px;
-  padding-bottom: 5px;
-}
-
-.provider-grid--compact .provider-grid__item {
-  min-height: 40px;
-  gap: 2px;
-}
-
-.menu-surface--tray .provider-grid--compact .provider-grid__item {
-  min-height: 26px;
-  gap: 0;
-}
-
-.provider-grid--compact .provider-grid__label {
-  max-width: 32px;
-  font-size: 9.5px;
-  text-overflow: ellipsis;
-}
-
-.provider-grid--compact .provider-grid__weekly-track {
-  width: 20px;
-  height: 3px;
-}
-
-.menu-surface--tray .provider-grid__weekly-track,
-.menu-surface--tray .provider-grid--compact .provider-grid__weekly-track {
-  width: 18px;
-  height: 3px;
-  margin-top: 2px;
-}
-
-/* Switcher rows "Weekly progress": no icons, so each button shows its title
-   above the weekly track, like the macOS progress switcher. Uniform columns
-   across the panel; long titles truncate. */
-.menu-surface--tray .provider-grid--no-icons {
-  grid-template-columns: repeat(auto-fit, minmax(52px, 1fr));
-  gap: 6px 6px;
-}
-
-.menu-surface--tray .provider-grid--no-icons .provider-grid__item {
-  width: auto;
-  min-width: 0;
-  min-height: 30px;
-  padding: 3px 4px;
-  gap: 2px;
-}
-
-.menu-surface--tray .provider-grid--no-icons .provider-grid__label {
-  display: block;
-  max-width: 100%;
-  font-size: 11px;
-}
-
-.menu-surface--tray .provider-grid--no-icons .provider-grid__weekly-track {
-  width: 100%;
-  max-width: 44px;
-}
-
-.provider-grid__item--more {
-  color: var(--text-secondary);
-}
-
-.provider-grid__item--more .provider-grid__icon-overview {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 17px;
-  height: 17px;
-  border-radius: 4px;
-  background: rgba(var(--surface-tint-rgb), 0.1);
-  font-size: 14px;
-  font-weight: 600;
-}
-
-.provider-grid__item--more:hover .provider-grid__icon-overview {
-  background: rgba(var(--surface-tint-rgb), 0.16);
-}
-
-.provider-detail-error {
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-  border-color: rgba(255, 69, 58, 0.24);
-  background: rgba(255, 69, 58, 0.07);
-  color: var(--text-primary);
-  line-height: 1.35;
-}
-
-.provider-detail-error__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-}
-
-.provider-detail-error__header strong {
-  color: #ff6b62;
-  font-size: 0.82rem;
-}
-
-.provider-detail-error p {
-  margin: 0;
-  color: var(--text-secondary);
-  overflow-wrap: anywhere;
-}
-
-.provider-detail-error__copy {
-  flex-shrink: 0;
-  padding: 2px 7px;
-  border: 1px solid rgba(255, 255, 255, 0.12);
-  border-radius: 5px;
-  background: rgba(255, 255, 255, 0.06);
-  color: var(--text-secondary);
-  font-size: 11px;
-  cursor: pointer;
-}
-
-.provider-detail-error__copy:hover {
-  background: rgba(255, 255, 255, 0.1);
-  color: var(--text-primary);
-}
-
-@media (max-height: 620px) {
-  .menu-surface--tray .provider-grid {
-    gap: 6px 5px;
-    padding-top: 6px;
-    padding-bottom: 5px;
-  }
-
-  .menu-surface--tray .provider-grid__item {
-    min-height: 36px;
-  }
-}
-.agent-sessions {
-  display: grid;
-  gap: 6px;
-  padding: 10px 12px;
-  border-bottom: 1px solid var(--panel-border);
-  font-size: 12px;
-}
-
-.agent-sessions__header,
-.agent-sessions__row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-}
-
-.agent-sessions__row {
-  width: 100%;
-  padding: 6px 8px;
-  border: 0;
-  border-radius: 6px;
-  color: inherit;
-  background: var(--surface-elevated);
-  cursor: pointer;
-}
-
-.agent-sessions__name {
-  min-width: 0;
-  flex: 1 1 auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-align: left;
-}
-
-.agent-sessions__error {
-  color: var(--provider-status-error);
-}
-
-/* ── Per-provider accent color override (#2972) ─────────────────── */
-.provider-detail-accent-color {
-  margin-top: 16px;
-}
-
-.accent-color-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-top: 8px;
-}
-
-.accent-color-picker {
-  width: 32px;
-  height: 32px;
-  padding: 0;
-  border: 1px solid var(--border-color);
-  border-radius: 6px;
-  cursor: pointer;
-  background: none;
-}
-
-.accent-color-input {
-  flex: 1;
-  min-width: 0;
-  padding: 4px 8px;
-  border: 1px solid var(--border-color);
-  border-radius: 6px;
-  font-family: var(--font-mono, monospace);
-  font-size: 13px;
-  background: var(--surface-elevated);
-  color: inherit;
-}
-
-/* Shared Windows typography and control sizing. */
-button, input, select, textarea {
-  font-family: var(--font-ui);
-}
-
-.select, .number-input, .text-input {
-  min-height: 28px;
-}
-.select {
-  max-width: 240px;
-}
-
-.codex-menu-accounts__usage {
-  flex-wrap: wrap;
-  white-space: normal;
-}
-
+/* Stylesheets in cascade order; later files override earlier ones. */
+@import "./styles/tokens-and-forms.css";
+@import "./styles/tray-panel.css";
+@import "./styles/providers-tab.css";
+@import "./styles/provider-details.css";
+@import "./styles/menu-popover.css";
+@import "./styles/menu-card.css";
+@import "./styles/parity-menu.css";
+@import "./styles/parity-settings.css";
+@import "./styles/parity-overrides.css";
diff --git a/apps/desktop-tauri/src/styles/menu-card.css b/apps/desktop-tauri/src/styles/menu-card.css
new file mode 100644
index 00000000000..1360736fb0e
--- /dev/null
+++ b/apps/desktop-tauri/src/styles/menu-card.css
@@ -0,0 +1,305 @@
+/* ── Provider card — direct mirror of UsageMenuCardView ─────────────── */
+
+.menu-card {
+  --menu-card-x: 20px;
+  --menu-card-header-only-y: 7px;
+  --menu-card-section-y: 6px;
+  --menu-card-header-line-gap: 4px;
+  --menu-card-header-column-gap: 12px;
+  display: flex;
+  flex-direction: column;
+  /* outer VStack(alignment:.leading, spacing: 6) */
+  gap: 6px;
+  padding: var(--menu-card-header-only-y) var(--menu-card-x);
+  text-align: left;
+  align-items: stretch;
+}
+
+.menu-card--with-details {
+  padding-top: var(--menu-card-section-y);
+  padding-bottom: var(--menu-card-section-y);
+}
+
+/* ── Multi-account Codex lanes (ADR 0003, option A) ─────────────────── */
+
+.codex-menu-accounts__error {
+  margin-top: 6px;
+  font-size: 0.72rem;
+  color: var(--provider-status-error);
+}
+
+.codex-menu-accounts__usage {
+  display: flex;
+  align-items: center;
+  gap: 0;
+  min-width: 0;
+  font-size: 0.66rem;
+  color: var(--provider-row-text-secondary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.codex-menu-accounts__usage > span + span::before {
+  content: "·";
+  margin: 0 5px;
+  opacity: 0.65;
+}
+
+.codex-menu-accounts__usage-status {
+  white-space: normal;
+  overflow-wrap: anywhere;
+}
+
+.codex-menu-accounts__bar {
+  display: block;
+  height: 4px;
+  border-radius: 2px;
+  background: var(--provider-row-divider, rgba(128, 128, 128, 0.18));
+  overflow: hidden;
+}
+
+.codex-menu-accounts__bar-fill {
+  display: block;
+  height: 100%;
+  border-radius: 2px;
+  background: var(--accent, currentColor);
+}
+
+.codex-menu-accounts__bar-fill[data-level="critical"] {
+  background: var(--usage-bar-critical, var(--accent));
+}
+
+.codex-menu-accounts__bar-fill[data-level="exhausted"] {
+  background: var(--usage-bar-exhausted, var(--accent));
+}
+
+/* SwiftUI Divider() — single hairline using the system separator. */
+.menu-card__divider {
+  margin: 4px 0;
+}
+
+.menu-card__content {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+/* ── Metric row ─────────────────────────────────────────────────────── */
+
+.menu-metric {
+  display: flex;
+  flex-direction: column;
+  /* upstream: VStack(alignment:.leading, spacing: 6) */
+  gap: 6px;
+}
+
+.menu-metric__title {
+  /* upstream: .font(.body).fontWeight(.medium) — 400 on Windows for visual parity */
+  font-size: 13px;
+  font-weight: 400;
+  color: var(--text-primary);
+}
+
+.menu-metric__head {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  column-gap: 24px;
+  row-gap: 2px;
+  min-width: 0;
+}
+
+.menu-metric__head .menu-metric__title {
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.menu-metric__head .menu-metric__reset {
+  margin-left: auto;
+  max-width: 100%;
+}
+
+.menu-metric__progress {
+  display: block;
+  width: 100%;
+  height: 6px;
+  overflow: hidden;
+}
+
+.menu-metric__progress-track {
+  fill: var(--usage-bar-track);
+}
+
+.menu-metric__progress-fill {
+  fill: var(--provider-accent, var(--usage-bar-normal));
+}
+
+.menu-metric__progress-warning {
+  fill: color-mix(in srgb, var(--text-primary) 68%, transparent);
+}
+
+.menu-metric__progress-workday {
+  fill: color-mix(in srgb, var(--text-primary) 30%, transparent);
+}
+
+.menu-metric__progress-workday--high-contrast {
+  fill: color-mix(in srgb, var(--text-primary) 85%, transparent);
+}
+
+.menu-metric__progress-pace {
+  fill: var(--mac-pace-ok, #34c759);
+}
+
+.menu-metric__progress-pace[data-deficit="true"] {
+  fill: var(--mac-pace-bad, #ff3b30);
+}
+
+.menu-metric__meta {
+  font-size: 11px;
+  color: var(--text-secondary);
+  min-width: 0;
+  overflow-wrap: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+/* HStack(.firstTextBaseline) percent label — reset countdown */
+.menu-metric__row {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 8px;
+  min-width: 0; /* allow children to shrink/ellipsis inside flex */
+}
+
+.menu-metric__pct {
+  /* upstream: .font(.footnote) ≈ 11px primary */
+  font-size: 11px;
+  color: var(--text-primary);
+  font-variant-numeric: tabular-nums;
+  flex: 0 0 auto;
+}
+
+/* Detail-backed window description (for example spend amounts): its own
+   secondary line under the metric row, never reset wording. */
+.menu-metric__detail {
+  font-size: 11px;
+  color: var(--text-secondary);
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.menu-metric__reset {
+  font-size: 11px;
+  color: var(--text-secondary);
+  /* Upstream 0.49.0 #2742 (refs #2182): long metric reset and pace details
+     wrap to a second line instead of truncating, so non-English locales keep
+     the full reset information. #2846: the percent value keeps its own line
+     slot (row only stacks when both cannot fit) and the two-line clamp keeps
+     cached card heights bounded. */
+  min-width: 0;
+  max-width: 62%;
+  text-align: right;
+  white-space: normal;
+  overflow-wrap: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.menu-metric__exhausted {
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--provider-status-error);
+}
+
+/* Upstream 0.69.0 #4091 status row: a window blocked by a longer exhausted
+   pool shows its title and one secondary footnote line instead of a bar. */
+.menu-metric__status {
+  font-size: 11px;
+  color: var(--text-secondary);
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.pace-details-chart {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  padding-top: 2px;
+}
+
+.pace-details-chart svg {
+  width: 100%;
+  height: 76px;
+  overflow: visible;
+}
+
+.pace-details-chart__grid {
+  stroke: var(--usage-bar-track);
+  stroke-width: 1;
+}
+
+.pace-details-chart__ideal {
+  stroke: var(--chart-credits-fg);
+  stroke-width: 1.5;
+  vector-effect: non-scaling-stroke;
+}
+
+.pace-details-chart__actual {
+  fill: none;
+  stroke: var(--accent);
+  stroke-width: 2;
+  vector-effect: non-scaling-stroke;
+}
+
+.pace-details-chart__projection {
+  stroke: var(--text-secondary);
+  stroke-width: 1.5;
+  stroke-dasharray: 4 3;
+  vector-effect: non-scaling-stroke;
+}
+
+.pace-details-chart__point {
+  fill: var(--accent);
+  vector-effect: non-scaling-stroke;
+}
+
+.pace-details-chart__legend {
+  display: flex;
+  gap: 10px;
+  color: var(--text-secondary);
+  font-size: 9px;
+}
+
+.pace-details-chart__legend span::before {
+  display: inline-block;
+  width: 8px;
+  height: 2px;
+  margin-right: 4px;
+  vertical-align: middle;
+  background: var(--text-secondary);
+  content: "";
+}
+
+.pace-details-chart__legend span[data-series="actual"]::before {
+  background: var(--accent);
+}
+
+.pace-details-chart__legend span[data-series="ideal"]::before {
+  background: var(--chart-credits-fg);
+}
+
+/* ── Cost section (upstream `tokenUsage` block) ─────────────────────── */
+
+/* ── Pace section (Tauri-only; sits below cost in the same card) ────── */
+
diff --git a/apps/desktop-tauri/src/styles/menu-popover.css b/apps/desktop-tauri/src/styles/menu-popover.css
new file mode 100644
index 00000000000..0b907797506
--- /dev/null
+++ b/apps/desktop-tauri/src/styles/menu-popover.css
@@ -0,0 +1,452 @@
+/* ──────────────────────────────────────────────────────────────────────
+   Menu-bar popover surface (tray panel)
+
+   Structural parity with upstream SwiftUI `MenuContent` /
+   `UsageMenuCardView` (CodexBar/Sources/CodexBar/MenuCardView.swift).
+   Numbers below come straight from the Swift source:
+
+     • menuCardBaseWidth        310pt   → 310px outer card width
+     • UsageMenuCardView pad    H 16, V 2
+     • Outer VStack spacing     8       (between cards)
+     • Header VStack spacing    3
+     • Body VStack spacing      6 / 12  (between sections)
+     • UsageProgressBar height  6pt
+     • Divider                  1pt hairline (system separator)
+
+   Real macOS uses NSVisualEffectView (vibrant menu material). HTML
+   can't replicate that, so we render onto `--menu-popover-bg` with a
+   subtle hairline divider that reads similarly under both themes.
+   ────────────────────────────────────────────────────────────────────── */
+
+.menu-surface {
+  display: flex;
+  flex-direction: column;
+  /* upstream MenuContent VStack(spacing: 8) */
+  gap: 8px;
+  /* upstream .padding(.horizontal, 10) .padding(.vertical, 6) */
+  padding: 6px 10px;
+  width: 100%;
+  min-width: 260px;
+  font-size: 13px;
+  line-height: 1.30;
+  color: var(--text-primary);
+  background: var(--menu-popover-bg);
+  -webkit-font-smoothing: antialiased;
+}
+
+.settings-field input[type="range"] {
+  width: 150px;
+  accent-color: var(--accent);
+}
+
+.settings-field input[type="range"]:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Header bar — small CodexBar wordmark + iconified actions
+   (refresh / settings / pop-out). Upstream's NSMenu has no dedicated
+   title row; we keep one slim toolbar pinned to the top so the popover
+   exposes the same controls without dominating the layout. */
+.menu-surface__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+  padding: 0;
+  min-height: 24px;
+}
+
+.menu-surface__title {
+  font-size: 12px;
+  font-weight: 500;
+  letter-spacing: 0;
+  color: var(--text-secondary);
+}
+
+/* Wordmark cluster: small accent badge + "CodexBar" title.
+   Mirrors a menu-bar app brand glyph so the header isn't pure text. */
+.menu-surface__brand {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+}
+
+.menu-surface__brand-icon {
+  width: 20px;
+  height: 20px;
+  border-radius: 4px;
+  object-fit: contain;
+  flex-shrink: 0;
+}
+
+.menu-surface__actions {
+  display: flex;
+  gap: 2px;
+}
+
+.menu-surface__btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--text-secondary);
+  font-size: 12px;
+  cursor: pointer;
+  transition: background 0.12s, color 0.12s;
+}
+
+.menu-surface__btn:hover {
+  background: var(--surface-elevated);
+  color: var(--text-primary);
+}
+
+.menu-surface__btn:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+.menu-surface__summary {
+  padding: 0;
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--text-eyebrow);
+}
+
+.menu-surface__body {
+  display: flex;
+  flex-direction: column;
+  flex: 0 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+}
+
+.menu-surface__empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 24px 16px;
+  text-align: center;
+  color: var(--text-muted);
+}
+
+.menu-surface__empty p {
+  margin: 0;
+  font-size: 12px;
+}
+
+.menu-surface__hint {
+  font-size: 11px;
+  color: var(--text-muted);
+}
+
+.menu-surface__spinner {
+  width: 18px;
+  height: 18px;
+  border: 2px solid var(--accent-muted);
+  border-top-color: var(--accent);
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+}
+
+.menu-surface__primary-btn {
+  margin-top: 4px;
+  padding: 5px 12px;
+  border: 1px solid var(--accent);
+  border-radius: 6px;
+  background: var(--accent);
+  color: #fff;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: filter 0.12s;
+}
+
+.menu-surface__primary-btn:hover {
+  filter: brightness(1.08);
+}
+
+/* ── Card stack (one full UsageMenuCardView per provider) ───────────── */
+
+.menu-stack {
+  display: flex;
+  flex-direction: column;
+  /* upstream MenuContent VStack(spacing: 8) */
+  gap: 6px;
+  flex: 1 1 auto;
+  min-height: 0;
+  max-height: 100%;
+  overflow-y: auto;
+}
+
+/* Unlock html/body overflow for tray panel auto-sizing */
+body:has(.menu-surface--tray) {
+  overflow: visible;
+  min-height: 0;
+}
+html:has(.menu-surface--tray) {
+  overflow: visible;
+}
+
+.menu-surface--tray {
+  --mac-font: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
+  --mac-text-headline: 600 13px/16px var(--mac-font);
+  --mac-text-body-medium: 500 13px/16px var(--mac-font);
+  --mac-text-subheadline: 400 11px/14px var(--mac-font);
+  --mac-text-footnote: 400 10px/13px var(--mac-font);
+  --mac-text-caption: 400 10px/13px var(--mac-font);
+  --mac-text-section: 600 10px/13px var(--mac-font);
+  --mac-text-caption2: 400 10px/13px var(--mac-font);
+  --mac-text-menu: 400 13px/16px var(--mac-font);
+  --mac-text-shortcut: 400 13px/16px var(--mac-font);
+
+  --mac-panel-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.25);
+  --mac-panel-border: rgba(0, 0, 0, 0.38);
+  --mac-text: rgba(0, 0, 0, 0.85);
+  --mac-text-2: rgba(0, 0, 0, 0.5);
+  --mac-text-3: rgba(0, 0, 0, 0.26);
+  --mac-track: rgba(0, 0, 0, 0.057);
+  --mac-divider: rgba(0, 0, 0, 0.15);
+  --mac-separator: rgba(0, 0, 0, 0.1);
+  --mac-error: #ff3b30;
+  --mac-pace-ok: #34c759;
+  --mac-pace-bad: #ff3b30;
+  --mac-marker: rgba(0, 0, 0, 0.58);
+  --mac-accent: #007aff;
+  --mac-selection-bg: #0078d4;
+  --mac-selection-text: #fff;
+
+  --mac-panel-width: 310px;
+  --mac-panel-radius: 6px;
+  --mac-bar-h: 6px;
+  --mac-bar-r: 3px;
+  --mac-pace-punch: 6px;
+  --mac-pace-stripe: 2px;
+  --mac-warn-punch: 5px;
+  --mac-warn-stripe: 1px;
+  --mac-metric-card-bg: rgba(0, 0, 0, 0.04);
+  --mac-metric-card-r: 10px;
+  --mac-icon-btn-r: 4px;
+  --mac-chart-h: 58px;
+  --mac-chart-bar-r: 1.5px;
+  --mac-sel-inset-x: 6px;
+  --mac-sel-inset-y: 2px;
+  --mac-sel-r: 6px;
+  --mac-sel-fade: 60ms;
+  --mac-sel-r-refresh: 7px;
+
+  --mac-pad-x: 20px;
+  --mac-pad-header-y: 6px;
+  --mac-gap-header: 6px;
+  --mac-section-pt: 6px;
+  --mac-usage-pt: 10px;
+  --mac-section-pb: 6px;
+  --mac-header-line-gap: 4px;
+  --mac-header-col-gap: 12px;
+  --mac-after-divider: 16px;
+  --mac-metric-gap: 12px;
+  --mac-metric-inner: 6px;
+  --mac-inline-gap: 8px;
+  --mac-kv-section: 6px;
+  --mac-kv-row: 3px;
+  --mac-kv-value: 1px;
+  --mac-kv-gap: 12px;
+  --mac-dash-gap: 10px;
+  --mac-kpi-gap: 6px;
+  --mac-row-h: 24px;
+  --mac-menu-row-h: 22px;
+  --mac-row-pl: 15px;
+  --mac-row-icon: 16px;
+  --mac-row-icon-gap: 6px;
+  --mac-shortcut-w: 44px;
+
+  --font-subheadline: 11px;
+  --font-footnote: 10px;
+  --font-caption: 10px;
+
+  --menu-popover-bg: var(--mac-panel-bg);
+  --text-primary: var(--mac-text);
+  --text-secondary: var(--mac-text-2);
+  --text-muted: var(--mac-text-2);
+  --panel-border: var(--mac-divider);
+
+  --usage-bar-track: var(--mac-track);
+  --pace-slow-bg: rgba(0, 122, 255, 0.12);
+  --pace-slow-fg: #007aff;
+  --pace-steady-bg: rgba(21, 128, 61, 0.12);
+  --pace-steady-fg: #15803d;
+  --pace-racing-bg: rgba(180, 83, 9, 0.14);
+  --pace-racing-fg: #b45309;
+  --pace-burning-bg: rgba(185, 28, 28, 0.12);
+  --pace-burning-fg: #b91c1c;
+  --pace-track-expected-fg: rgba(0, 122, 255, 0.45);
+  --chart-cost-fg: #007aff;
+  --chart-credits-fg: var(--chart-credits);
+  --surface-tint-rgb: 0, 0, 0;
+
+  color-scheme: light;
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: 0;
+  height: auto;
+  padding: 4px 0;
+  overflow: clip;
+  border: 1px solid var(--mac-panel-border);
+  border-radius: var(--mac-panel-radius);
+  background: var(--mac-panel-bg);
+  box-shadow: var(--mac-panel-highlight);
+  color: var(--mac-text);
+}
+.menu-surface--tray .menu-surface__body {
+  flex: 0 1 auto;
+  overflow-y: visible;
+  overflow-x: hidden;
+  min-height: 0;
+  min-width: 0;
+  max-width: 100%;
+  scrollbar-width: none;
+}
+.menu-surface--tray .menu-surface__body::-webkit-scrollbar {
+  display: none;
+}
+.menu-surface--tray .menu-surface__footer {
+  flex-shrink: 0;
+}
+.menu-surface--tray .menu-stack {
+  gap: 2px;
+  flex: 0 0 auto;
+  max-height: none;
+  overflow: visible;
+  min-width: 0;
+}
+
+/* Tray cards — flush layout matching macOS panel (no card containers) */
+.menu-surface--tray .menu-stack__item {
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 2px 0;
+  min-width: 0;
+  max-width: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  overflow: visible;
+}
+.menu-surface--tray .menu-stack__item--selected {
+  border: none;
+  border-radius: 6px;
+  padding: 4px 4px;
+}
+.menu-surface--tray .provider-grid__item .provider-icon {
+  filter: brightness(0);
+}
+.menu-surface--tray .update-banner--available,
+.menu-surface--tray .update-banner--ready {
+  color: var(--provider-status-ok);
+}
+/* Tray grid — flush with no background container, matching macOS */
+.menu-surface--tray .provider-grid {
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 8px 12px 6px;
+  grid-template-columns: repeat(10, 24px);
+  justify-content: start;
+  gap: 8px 6px;
+}
+
+.menu-surface--tray .provider-grid--sparse {
+  grid-template-columns: repeat(auto-fit, 26px);
+  justify-content: start;
+  gap: 8px 7px;
+}
+
+.menu-surface--tray .provider-grid--sparse .provider-grid__item {
+  width: 26px;
+}
+
+.menu-surface--tray .provider-grid--sparse .provider-grid__label {
+  display: none;
+}
+
+/* Tray font sizing — match macOS: .headline=13pt, .footnote=10pt */
+/* macOS v0.32.2: H padding 20, header-only V padding 7, section V padding 6 */
+.menu-surface--tray .menu-card {
+  gap: 6px;
+  padding: var(--menu-card-header-only-y) var(--menu-card-x);
+  min-width: 0;
+  width: 100%;
+  box-sizing: border-box;
+  overflow: visible;
+}
+
+.menu-surface--tray .menu-card--with-details {
+  padding-top: var(--menu-card-section-y);
+  padding-bottom: var(--menu-card-section-y);
+}
+
+/* Copy-to-clipboard button — matches macOS CopyIconButton (doc.on.doc, 18×18) */
+.menu-card__copy-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--text-secondary);
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+  opacity: 0.75;
+  transition: opacity 0.12s, background 0.12s;
+}
+.menu-card__copy-btn:hover {
+  opacity: 1;
+  background: rgba(var(--surface-tint-rgb), 0.08);
+}
+
+/* Hide status dots in tray grid — macOS shows weekly indicators only on hover,
+   not persistent colored dots under every icon */
+.menu-surface--tray .provider-grid__dot {
+  display: none;
+}
+
+/* Tray card content — match macOS spacing values from SwiftUI source */
+.menu-surface--tray .menu-card__divider {
+  margin: 3px 0;
+}
+/* macOS: VStack(spacing: 12) for content sections */
+.menu-surface--tray .menu-card__content {
+  gap: 12px;
+}
+/* macOS: MetricRow VStack(spacing: 6) */
+.menu-surface--tray .menu-metric {
+  gap: 6px;
+}
+/* macOS: .font(.body) .fontWeight(.medium) for metric titles */
+.menu-surface--tray .menu-metric__title {
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.menu-surface--tray .menu-metric__pct,
+.menu-surface--tray .menu-metric__reset,
+.menu-surface--tray .menu-metric__meta,
+.menu-surface--tray .menu-metric__status,
+.menu-surface--tray .menu-metric__detail {
+  font-size: 10px;
+}
+
diff --git a/apps/desktop-tauri/src/styles/parity-menu.css b/apps/desktop-tauri/src/styles/parity-menu.css
new file mode 100644
index 00000000000..5cf1578f3f5
--- /dev/null
+++ b/apps/desktop-tauri/src/styles/parity-menu.css
@@ -0,0 +1,466 @@
+/* ════════════════════════════════════════════════════════════════════
+ * macOS PARITY OVERLAY  (wins over earlier files; parity-settings.css
+ * and parity-overrides.css load later and can override these rules)
+ *
+ * This block tightens the visual treatment so the Tauri shell mirrors
+ * the upstream SwiftUI `MenuContent` (NSMenu w/ NSHostingView items)
+ * and the SwiftUI `Settings` scene.  All earlier selectors continue
+ * to provide structure; this overlay adjusts colors, sizing, density,
+ * and adds a few NSMenu-style native rows.
+ * ════════════════════════════════════════════════════════════════════ */
+
+/* ── Thin overlay scrollbars (replace Windows default fat bars) ───── */
+*::-webkit-scrollbar {
+  width: 9px;
+  height: 9px;
+}
+*::-webkit-scrollbar-track {
+  background: transparent;
+}
+*::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.18);
+  border: 2px solid transparent;
+  background-clip: padding-box;
+  border-radius: 6px;
+}
+*::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.32);
+  background-clip: padding-box;
+}
+[data-theme="light"] *::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.22);
+  background-clip: padding-box;
+}
+[data-theme="light"] *::-webkit-scrollbar-thumb:hover {
+  background: rgba(0, 0, 0, 0.36);
+  background-clip: padding-box;
+}
+* {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
+}
+
+.menu-surface__header {
+  min-height: 20px;
+  padding: 0;
+}
+.menu-surface__title {
+  font-size: var(--font-caption2);
+  font-weight: 500;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--text-muted);
+}
+.menu-surface__brand-icon {
+  width: 20px;
+  height: 20px;
+  border-radius: 4px;
+  object-fit: contain;
+  flex-shrink: 0;
+}
+.menu-surface__btn {
+  width: 22px;
+  height: 22px;
+  border-radius: 5px;
+  font-size: 13px;
+}
+
+.menu-surface__footer {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  margin: 0;
+  padding: 0;
+  border-top: none;
+}
+.menu-surface__footer-sep {
+  height: 1px;
+  margin: 5px 14px;
+  background: var(--mac-separator);
+}
+.menu-surface__footer-row {
+  position: relative;
+  isolation: isolate;
+  display: flex;
+  align-items: center;
+  gap: var(--mac-row-icon-gap);
+  width: 100%;
+  min-height: var(--mac-menu-row-h);
+  padding: 0 var(--mac-row-pl);
+  border: 0;
+  background: transparent;
+  color: var(--mac-text);
+  font: var(--mac-text-menu);
+  text-align: left;
+  cursor: pointer;
+}
+.menu-surface__footer-row--refresh {
+  min-height: var(--mac-row-h);
+}
+.menu-surface__footer-row::before {
+  content: "";
+  position: absolute;
+  inset: var(--mac-sel-inset-y) var(--mac-sel-inset-x);
+  z-index: -1;
+  border-radius: var(--mac-sel-r);
+  background: transparent;
+  transition: background-color var(--mac-sel-fade) ease-out;
+}
+.menu-surface__footer-row--refresh::before {
+  inset: 0 5px;
+  border-radius: var(--mac-sel-r-refresh);
+}
+.menu-surface__footer-row:hover:not(:disabled),
+.menu-surface__footer-row:focus-visible {
+  color: var(--mac-selection-text);
+  outline: none;
+}
+.menu-surface__footer-row:hover:not(:disabled)::before,
+.menu-surface__footer-row:focus-visible::before {
+  background: var(--mac-selection-bg);
+}
+.menu-surface__footer-row:disabled {
+  color: var(--mac-text-3);
+  cursor: default;
+}
+.menu-surface__footer-note {
+  margin: 0;
+  padding: 2px var(--mac-row-pl);
+  color: var(--mac-text-2);
+  font: var(--mac-text-menu);
+  overflow-wrap: anywhere;
+}
+.menu-surface__footer-icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  width: var(--mac-row-icon);
+  height: var(--mac-row-icon);
+}
+.menu-surface__footer-icon svg {
+  width: 100%;
+  height: 100%;
+}
+.menu-surface__footer-shortcut {
+  min-width: var(--mac-shortcut-w);
+  margin-left: auto;
+  color: var(--mac-text-3);
+  font: var(--mac-text-shortcut);
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+}
+.menu-surface__footer-row:hover:not(:disabled) .menu-surface__footer-shortcut,
+.menu-surface__footer-row:focus-visible .menu-surface__footer-shortcut {
+  color: var(--mac-selection-text);
+}
+/* "Highlight menu cards on hover" off: only Refresh is a hosted menu card
+   upstream; the other footer rows stand in for native items, which always
+   highlight. Keyboard focus keeps its highlight. */
+.menu-surface--hover-highlight-off .menu-surface__footer-row--refresh:hover:not(:disabled):not(:focus-visible) {
+  color: var(--mac-text);
+}
+.menu-surface--hover-highlight-off .menu-surface__footer-row--refresh:hover:not(:disabled):not(:focus-visible)::before {
+  background: transparent;
+}
+.menu-surface--hover-highlight-off .menu-surface__footer-row--refresh:hover:not(:disabled):not(:focus-visible) .menu-surface__footer-shortcut {
+  color: var(--mac-text-3);
+}
+
+/* ── Provider icon grid ──────────────────────────────────────────────
+   Mirrors the upstream macOS ProviderSwitcherView. Each cell is a
+   stacked icon+label tile with a 4px weekly indicator pinned to the
+   bottom edge. macOS uses rowHeight 36-40, rowSpacing 2-4 and a uniform
+   button width — use the same dense icon grid as upstream. */
+.provider-grid {
+  display: grid;
+  grid-template-columns: repeat(13, minmax(0, 1fr));
+  gap: 9px 3px;
+  margin: 0 0 2px;
+  padding: 8px 10px 6px;
+  flex-shrink: 0;
+  background: none;
+  border: none;
+  border-radius: 0;
+}
+
+[data-theme="light"] .provider-grid {
+  background: none;
+  border: none;
+}
+
+.provider-grid__item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 2px;
+  min-height: 44px;
+  padding: 2px 1px 3px;
+  border: none;
+  border-radius: 5px;
+  background: transparent;
+  cursor: pointer;
+  transition: background 0.12s ease;
+  min-width: 0;
+}
+
+.provider-grid--no-icons .provider-grid__item {
+  justify-content: center;
+  gap: 3px;
+}
+
+.provider-grid--no-icons .provider-grid__label {
+  max-width: 30px;
+}
+
+.provider-grid__item:hover {
+  background: rgba(255, 255, 255, 0.08);
+}
+
+.provider-grid__item--active {
+  background: rgba(10, 132, 255, 0.25);
+  box-shadow: inset 0 0 0 1px rgba(10, 132, 255, 0.35);
+}
+
+.provider-grid__item--active:hover {
+  background: rgba(10, 132, 255, 0.32);
+  filter: none;
+}
+
+/* Drag-to-reorder: grab cursor on draggable items, dim the one being dragged,
+   ring the drop target. The provider cards below follow the same order. */
+.provider-grid__item[draggable="true"] {
+  cursor: grab;
+}
+.provider-grid__item--dragging {
+  opacity: 0.4;
+  cursor: grabbing;
+}
+.provider-grid__item--drop-target {
+  background: rgba(10, 132, 255, 0.14);
+  box-shadow: inset 0 0 0 2px rgba(10, 132, 255, 0.65);
+}
+
+.provider-grid__label {
+  font-size: 10px;
+  font-weight: 400;
+  color: var(--text-secondary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 22px;
+  line-height: 1.15;
+  text-align: center;
+}
+
+.provider-grid__item--active .provider-grid__label {
+  color: #fff;
+}
+
+/* Provider icon inside grid — template-style like macOS (white silhouettes) */
+.provider-grid__icon-overview {
+  font-size: 16px;
+  line-height: 17px;
+  opacity: 0.7;
+}
+.provider-grid__item--active .provider-grid__icon-overview {
+  opacity: 1;
+}
+
+.provider-grid__item .provider-icon {
+  width: 17px !important;
+  height: 17px !important;
+  background: none;
+  box-shadow: none;
+  border-radius: 0;
+  filter: brightness(0) invert(1);
+  opacity: 0.7;
+}
+.provider-grid__item--active .provider-icon {
+  opacity: 1;
+}
+.provider-grid__item:hover .provider-icon {
+  opacity: 0.9;
+}
+
+/* Weekly indicator bar — macOS ProviderSwitcherView addWeeklyIndicator()
+   4px track at bottom of each grid button, fill = remainingPercent */
+.provider-grid__weekly-track {
+  display: block;
+  width: 18px;
+  height: 3px;
+  border-radius: 2px;
+  background: rgba(255, 255, 255, 0.12);
+  overflow: hidden;
+  flex-shrink: 0;
+  position: relative;
+}
+.provider-grid__weekly-track::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: var(--weekly-pct, 0%);
+  border-radius: 2px;
+  background: var(--weekly-color, var(--accent, #0a84ff));
+}
+/* Hide weekly bar when selected — matches macOS updateWeeklyIndicatorVisibility */
+.provider-grid__item--active .provider-grid__weekly-track {
+  display: none;
+}
+
+[data-theme="light"] .provider-grid__weekly-track {
+  background: rgba(0, 0, 0, 0.10);
+}
+
+.provider-grid__dot {
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.provider-grid__dot[data-status="ok"] {
+  background: #34c759;
+}
+.provider-grid__dot[data-status="warning"] {
+  background: #ffd60a;
+}
+.provider-grid__dot[data-status="exhausted"] {
+  background: #ff9f0a;
+}
+.provider-grid__dot[data-status="error"] {
+  background: #ff453a;
+}
+.provider-grid__item--active .provider-grid__dot {
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
+}
+
+[data-theme="light"] .provider-grid__item:hover {
+  background: rgba(0, 0, 0, 0.06);
+}
+[data-theme="light"] .provider-grid__item--active {
+  background: rgba(0, 122, 255, 0.18);
+  box-shadow: inset 0 0 0 1px rgba(0, 122, 255, 0.30);
+}
+[data-theme="light"] .provider-grid__label {
+  color: var(--text-secondary);
+}
+[data-theme="light"] .provider-grid__item--active .provider-grid__label {
+  color: var(--text-primary);
+}
+
+.menu-card__group-title,
+.menu-metric__title {
+  font-size: var(--font-body);
+  /* upstream uses .fontWeight(.medium) — 500 matches */
+  font-weight: 500;
+}
+.quota-window-history__rows {
+  display: grid;
+  gap: 4px;
+  margin-top: 6px;
+  color: var(--text-secondary);
+  font-size: var(--font-caption);
+}
+.quota-window-history__row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 10px;
+  align-items: end;
+}
+.quota-window-history__row--header {
+  color: var(--text-tertiary, var(--text-secondary));
+  font-size: var(--font-micro);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.quota-window-history__row--header span:last-child,
+.quota-window-history__row > span:last-child {
+  text-align: right;
+}
+.quota-window-history__range,
+.quota-window-history__value {
+  display: block;
+}
+.quota-window-history__value {
+  color: var(--text-primary);
+  font-variant-numeric: tabular-nums;
+}
+
+/* ── Recorded quota burndown (upstream 0.70.0 #4085) ─────────────── */
+.quota-burndown-chart {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  padding-top: 2px;
+}
+.quota-burndown-chart svg {
+  width: 100%;
+  height: 76px;
+  overflow: visible;
+}
+.quota-burndown-chart__grid {
+  stroke: var(--usage-bar-track);
+  stroke-width: 1;
+}
+.quota-burndown-chart__ideal {
+  stroke: var(--text-secondary);
+  stroke-width: 1.5;
+  stroke-dasharray: 4 3;
+  vector-effect: non-scaling-stroke;
+}
+.quota-burndown-chart__observed {
+  fill: none;
+  stroke: var(--accent);
+  stroke-width: 2;
+  vector-effect: non-scaling-stroke;
+}
+.quota-burndown-chart__point {
+  fill: var(--accent);
+  vector-effect: non-scaling-stroke;
+}
+.quota-burndown-chart__axis {
+  display: flex;
+  justify-content: space-between;
+  color: var(--text-secondary);
+  font-size: 9px;
+}
+.quota-burndown-chart__caption {
+  display: flex;
+  justify-content: space-between;
+  gap: 10px;
+  color: var(--text-secondary);
+  font-size: var(--font-caption);
+  font-variant-numeric: tabular-nums;
+}
+
+/* Upstream UsageProgressBar uses the provider brand color (which the
+   chart palette covers) but the menu defaults to a green-when-healthy
+   gradient based on usage threshold — green → yellow → orange → red. */
+:root {
+  --usage-bar-normal: #0a84ff;     /* macOS systemBlue — healthy */
+  --usage-bar-high: #ffd60a;       /* macOS systemYellow */
+  --usage-bar-critical: #ff9f0a;   /* macOS systemOrange */
+  --usage-bar-exhausted: #ff453a;  /* macOS systemRed    */
+}
+[data-theme="light"] {
+  --usage-bar-normal: #007aff;
+  --usage-bar-high: #ffcc00;
+  --usage-bar-critical: #ff9500;
+  --usage-bar-exhausted: #ff3b30;
+}
+
+.menu-metric__pct,
+.menu-metric__reset,
+.menu-metric__status,
+.menu-metric__detail {
+  font-size: var(--font-caption);
+}
+
+/* ── Card stack: spacing between cards (no visible divider) ───── */
+.menu-stack__sep {
+  height: 0;
+  margin: 4px 0;
+  background: none;
+}
+
diff --git a/apps/desktop-tauri/src/styles/parity-overrides.css b/apps/desktop-tauri/src/styles/parity-overrides.css
new file mode 100644
index 00000000000..82d63f6e1f7
--- /dev/null
+++ b/apps/desktop-tauri/src/styles/parity-overrides.css
@@ -0,0 +1,374 @@
+/* ── Reorg overlay: bold section title + caption ──────────────────── */
+.settings-section__title--bold {
+  font-size: var(--font-body);
+  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+}
+
+.settings-section__caption {
+  margin: 0 0 8px;
+  font-size: var(--font-caption);
+  color: var(--text-muted);
+  line-height: 1.4;
+}
+
+/* Usage & Spend table */
+.usage-spend-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--font-body);
+}
+.usage-spend-table th,
+.usage-spend-table td {
+  text-align: left;
+  padding: 6px 8px;
+  border-bottom: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.08));
+}
+.usage-spend-table th {
+  font-weight: 600;
+  color: var(--text-secondary, #a1a1a6);
+  font-size: var(--font-caption);
+}
+.usage-spend-table__source {
+  color: var(--text-muted);
+  font-size: var(--font-caption);
+}
+
+.usage-spend-daily {
+  margin-top: 20px;
+}
+
+.usage-spend-daily h4 {
+  margin: 0;
+}
+
+.usage-spend-daily__table {
+  overflow-x: auto;
+  margin-top: 10px;
+}
+
+.usage-spend-daily__toggle {
+  margin-top: 8px;
+}
+
+/* About update controls block */
+.about-update-controls {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+}
+
+.about-channel-row {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  width: 100%;
+}
+
+.about-channel-row .settings-field {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  width: auto;
+}
+
+.about-channel-row .settings-field__label {
+  white-space: nowrap;
+}
+
+.about-channel-row .select {
+  min-width: 100px;
+  text-align: center;
+  text-align-last: center;
+}
+
+.about-channel-description {
+  margin: 2px 0 0;
+  max-width: 320px;
+  font-size: 11px;
+  color: var(--text-secondary, rgba(255, 255, 255, 0.55));
+  text-align: center;
+}
+
+/* ── macOS parity: divider spacing and card bottom padding (final overlay) ── */
+.menu-card__divider {
+  margin: 4px 0;
+}
+
+.menu-card__content {
+  padding-bottom: 6px;
+}
+
+/* ── Provider tab status dots removed (replaced by .provider-grid__dot) */
+
+/* ── Windows QA polish: stable provider grid and compact heights ─── */
+.provider-grid {
+  grid-template-columns: repeat(8, 34px);
+  justify-content: start;
+  gap: 7px 4px;
+}
+
+.menu-surface--tray .provider-grid {
+  grid-template-columns: repeat(10, 24px);
+  gap: 8px 6px;
+}
+
+.menu-surface--tray .provider-grid--sparse {
+  grid-template-columns: repeat(auto-fit, 26px);
+  justify-content: start;
+  gap: 8px 7px;
+}
+
+.provider-grid__item {
+  min-height: 40px;
+  padding: 2px 2px 3px;
+}
+
+.menu-surface--tray .provider-grid__item {
+  width: 24px;
+  min-height: 26px;
+  padding: 3px 0;
+  gap: 0;
+  justify-content: center;
+}
+
+.provider-grid__label {
+  max-width: 32px;
+}
+
+.menu-surface--tray .provider-grid__label {
+  display: none;
+}
+
+.provider-grid--compact {
+  grid-template-columns: repeat(8, 34px);
+  gap: 7px 4px;
+  padding-top: 7px;
+  padding-bottom: 5px;
+}
+
+.provider-grid--compact .provider-grid__item {
+  min-height: 40px;
+  gap: 2px;
+}
+
+.menu-surface--tray .provider-grid--compact .provider-grid__item {
+  min-height: 26px;
+  gap: 0;
+}
+
+.provider-grid--compact .provider-grid__label {
+  max-width: 32px;
+  font-size: 9.5px;
+  text-overflow: ellipsis;
+}
+
+.provider-grid--compact .provider-grid__weekly-track {
+  width: 20px;
+  height: 3px;
+}
+
+.menu-surface--tray .provider-grid__weekly-track,
+.menu-surface--tray .provider-grid--compact .provider-grid__weekly-track {
+  width: 18px;
+  height: 3px;
+  margin-top: 2px;
+}
+
+/* Switcher rows "Weekly progress": no icons, so each button shows its title
+   above the weekly track, like the macOS progress switcher. Uniform columns
+   across the panel; long titles truncate. */
+.menu-surface--tray .provider-grid--no-icons {
+  grid-template-columns: repeat(auto-fit, minmax(52px, 1fr));
+  gap: 6px 6px;
+}
+
+.menu-surface--tray .provider-grid--no-icons .provider-grid__item {
+  width: auto;
+  min-width: 0;
+  min-height: 30px;
+  padding: 3px 4px;
+  gap: 2px;
+}
+
+.menu-surface--tray .provider-grid--no-icons .provider-grid__label {
+  display: block;
+  max-width: 100%;
+  font-size: 11px;
+}
+
+.menu-surface--tray .provider-grid--no-icons .provider-grid__weekly-track {
+  width: 100%;
+  max-width: 44px;
+}
+
+.provider-grid__item--more {
+  color: var(--text-secondary);
+}
+
+.provider-grid__item--more .provider-grid__icon-overview {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 17px;
+  height: 17px;
+  border-radius: 4px;
+  background: rgba(var(--surface-tint-rgb), 0.1);
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.provider-grid__item--more:hover .provider-grid__icon-overview {
+  background: rgba(var(--surface-tint-rgb), 0.16);
+}
+
+.provider-detail-error {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  border-color: rgba(255, 69, 58, 0.24);
+  background: rgba(255, 69, 58, 0.07);
+  color: var(--text-primary);
+  line-height: 1.35;
+}
+
+.provider-detail-error__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.provider-detail-error__header strong {
+  color: #ff6b62;
+  font-size: 0.82rem;
+}
+
+.provider-detail-error p {
+  margin: 0;
+  color: var(--text-secondary);
+  overflow-wrap: anywhere;
+}
+
+.provider-detail-error__copy {
+  flex-shrink: 0;
+  padding: 2px 7px;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 5px;
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--text-secondary);
+  font-size: 11px;
+  cursor: pointer;
+}
+
+.provider-detail-error__copy:hover {
+  background: rgba(255, 255, 255, 0.1);
+  color: var(--text-primary);
+}
+
+@media (max-height: 620px) {
+  .menu-surface--tray .provider-grid {
+    gap: 6px 5px;
+    padding-top: 6px;
+    padding-bottom: 5px;
+  }
+
+  .menu-surface--tray .provider-grid__item {
+    min-height: 36px;
+  }
+}
+.agent-sessions {
+  display: grid;
+  gap: 6px;
+  padding: 10px 12px;
+  border-bottom: 1px solid var(--panel-border);
+  font-size: 12px;
+}
+
+.agent-sessions__header,
+.agent-sessions__row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.agent-sessions__row {
+  width: 100%;
+  padding: 6px 8px;
+  border: 0;
+  border-radius: 6px;
+  color: inherit;
+  background: var(--surface-elevated);
+  cursor: pointer;
+}
+
+.agent-sessions__name {
+  min-width: 0;
+  flex: 1 1 auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+}
+
+.agent-sessions__error {
+  color: var(--provider-status-error);
+}
+
+/* ── Per-provider accent color override (#2972) ─────────────────── */
+.provider-detail-accent-color {
+  margin-top: 16px;
+}
+
+.accent-color-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+.accent-color-picker {
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: 1px solid var(--border-color);
+  border-radius: 6px;
+  cursor: pointer;
+  background: none;
+}
+
+.accent-color-input {
+  flex: 1;
+  min-width: 0;
+  padding: 4px 8px;
+  border: 1px solid var(--border-color);
+  border-radius: 6px;
+  font-family: var(--font-mono, monospace);
+  font-size: 13px;
+  background: var(--surface-elevated);
+  color: inherit;
+}
+
+/* Shared Windows typography and control sizing. */
+button, input, select, textarea {
+  font-family: var(--font-ui);
+}
+
+.select, .number-input, .text-input {
+  min-height: 28px;
+}
+.select {
+  max-width: 240px;
+}
+
+.codex-menu-accounts__usage {
+  flex-wrap: wrap;
+  white-space: normal;
+}
+
diff --git a/apps/desktop-tauri/src/styles/parity-settings.css b/apps/desktop-tauri/src/styles/parity-settings.css
new file mode 100644
index 00000000000..702c43f22a0
--- /dev/null
+++ b/apps/desktop-tauri/src/styles/parity-settings.css
@@ -0,0 +1,437 @@
+/* ── Settings: macOS toolbar-style tab bar ────────────────────────── */
+.settings-surface {
+  max-width: none;
+  padding: 0;
+}
+.settings {
+  background: var(--app-bg);
+  min-height: 100vh;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+/* Custom title bar for decoration-less Settings window */
+.settings-titlebar {
+  display: flex;
+  align-items: center;
+  height: 32px;
+  padding: 0 4px 0 12px;
+  background: #1e1e1e;
+  -webkit-app-region: drag;
+  user-select: none;
+  flex-shrink: 0;
+}
+.settings-titlebar__title {
+  flex: 1;
+  font-size: 12px;
+  color: rgba(255, 255, 255, 0.7);
+  letter-spacing: 0.02em;
+}
+
+.settings-titlebar__controls {
+  -webkit-app-region: no-drag;
+  display: flex;
+  align-self: stretch;
+  margin-right: -4px;
+}
+
+.settings-titlebar__control {
+  -webkit-app-region: no-drag;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 46px;
+  min-width: 46px;
+  height: 32px;
+  border: none;
+  background: transparent;
+  color: rgba(255, 255, 255, 0.82);
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+}
+
+.settings-titlebar__control svg {
+  width: 12px;
+  height: 12px;
+  display: block;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.6;
+  stroke-linecap: round;
+}
+
+.settings-titlebar__control--minimize::before {
+  content: "";
+  display: block;
+  width: 10px;
+  height: 1px;
+  background: currentColor;
+  border-radius: 1px;
+}
+
+.settings-titlebar__control:hover {
+  background: rgba(255, 255, 255, 0.12);
+  color: #fff;
+}
+
+.settings-titlebar__control:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: -2px;
+}
+
+.settings-titlebar__control--close:hover {
+  background: #e81123;
+  color: #fff;
+}
+
+/* ── Settings body container: padded, centered, capped at 560px ─── */
+.settings-body {
+  width: 100%;
+  max-width: 560px;
+  margin: 0 auto;
+  padding: 16px 20px 24px;
+  flex: 1;
+  overflow-y: auto;
+  min-height: 0;
+}
+.settings-status {
+  max-width: 560px;
+  margin: 6px auto 0;
+}
+.settings-status-slot {
+  position: relative;
+  z-index: 5;
+}
+.settings-status--floating {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  margin: 6px 0 0;
+  white-space: nowrap;
+  background: var(--app-bg);
+  box-shadow: inset 0 0 0 100vmax rgba(10, 132, 255, 0.08), 0 2px 8px rgba(0, 0, 0, 0.25);
+}
+
+/* ── Grouped form (SwiftUI Form .grouped) ─────────────────────────── */
+.settings-section {
+  margin: 0 0 0;
+  padding: 0 0 10px;
+  background: transparent;
+  gap: 12px;
+}
+.settings-section:last-child {
+  padding-bottom: 0;
+}
+.settings-section + .settings-section {
+  padding-top: 14px;
+}
+.settings-section__title {
+  margin: 0 0 8px;
+  font-size: var(--font-caption);
+  font-weight: 400;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--text-secondary);
+}
+.settings-section__hint {
+  margin: 8px 4px 0;
+  font-size: var(--font-caption);
+  color: var(--text-muted);
+  line-height: 1.4;
+}
+.settings-field {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  column-gap: 12px;
+  align-items: center;
+  padding: 5px 0;
+  border-radius: 0;
+  background: transparent;
+  transition: none;
+}
+.settings-field--leading {
+  grid-template-columns: auto minmax(0, 1fr);
+  column-gap: 10px;
+}
+[data-theme="light"] .settings-field {
+  background: transparent;
+}
+.settings-field:hover {
+  background: transparent;
+}
+[data-theme="light"] .settings-field:hover {
+  background: transparent;
+}
+.settings-field__label {
+  display: block;
+  font-size: var(--font-body);
+  font-weight: 400;
+  color: var(--text-primary);
+  line-height: 1.2;
+}
+.settings-field__desc {
+  display: block;
+  font-size: var(--font-caption);
+  color: var(--text-muted);
+  line-height: 1.25;
+  margin-top: 1px;
+}
+
+.settings-field__text {
+  min-width: 0;
+  align-self: center;
+}
+
+.settings-field__control {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  align-self: center;
+}
+
+/* Flat field stack: matches upstream SwiftUI VStack + Divider() per
+   section. No card container, just a 1px divider between sibling
+   fields (the divider rule below). */
+.settings-section__group {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  border-radius: 0;
+  background: transparent;
+  transition: none;
+}
+.settings-section__group > .settings-field {
+  border: none;
+  border-radius: 0;
+  background: transparent;
+}
+/* ── Form controls: native-feeling macOS look ─────────────────────── */
+/* `.toggle` is now a native checkbox; styles defined in
+   tokens-and-forms.css. The earlier macOS toggle-switch overrides have been removed. */
+
+.select,
+.number-input,
+.text-input {
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid rgba(255, 255, 255, 0.06);
+  border-radius: 5px;
+  font-size: var(--font-body);
+  color: var(--text-primary);
+  height: 22px;
+  box-shadow: none;
+}
+.select {
+  appearance: none;
+  -webkit-appearance: none;
+  padding: 0 28px 0 10px;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238e8e93'/%3E%3C/svg%3E");
+  background-size: 10px 6px;
+  background-repeat: no-repeat;
+  background-position: right 10px center;
+  line-height: 20px;
+}
+[data-theme="dark"] .select,
+[data-theme="dark"] .provider-detail-select,
+[data-theme="dark"] .settings-select {
+  color-scheme: dark;
+}
+[data-theme="dark"] .select option,
+[data-theme="dark"] .provider-detail-select option,
+[data-theme="dark"] .settings-select option {
+  color: var(--text-primary);
+  background: var(--app-bg);
+}
+[data-theme="dark"] .select option:checked,
+[data-theme="dark"] .provider-detail-select option:checked,
+[data-theme="dark"] .settings-select option:checked {
+  color: #fff;
+  background: var(--accent);
+}
+.text-input {
+  padding: 0 10px;
+  line-height: 20px;
+}
+.number-input {
+  width: 52px;
+  height: 22px;
+  padding: 0 6px;
+  border: 1px solid rgba(255, 255, 255, 0.06);
+  border-radius: 5px;
+  background: rgba(255, 255, 255, 0.04);
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+  line-height: 20px;
+}
+[data-theme="light"] .select,
+[data-theme="light"] .provider-detail-select,
+[data-theme="light"] .settings-select {
+  color-scheme: light;
+}
+[data-theme="light"] .select,
+[data-theme="light"] .number-input,
+[data-theme="light"] .text-input {
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  box-shadow: none;
+}
+[data-theme="light"] .select option,
+[data-theme="light"] .provider-detail-select option,
+[data-theme="light"] .settings-select option {
+  background: #fff;
+  color: var(--text-primary);
+}
+[data-theme="light"] .select option:checked,
+[data-theme="light"] .provider-detail-select option:checked,
+[data-theme="light"] .settings-select option:checked {
+  background: var(--accent);
+  color: #fff;
+}
+.select:focus,
+.number-input:focus,
+.text-input:focus {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: 1px;
+  border-color: var(--accent);
+}
+
+/* ── Provider detail pane ─────────────────────────────────────────── */
+.provider-detail {
+  background: var(--surface-elevated);
+  border-radius: 10px;
+  padding: 16px 18px;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  height: 100%;
+  min-height: 0;
+  box-sizing: border-box;
+  flex: 1;
+}
+.provider-detail-title {
+  font-size: var(--font-title3);
+  font-weight: 600;
+}
+
+/* ── About pane parity ────────────────────────────────────────────── */
+.about-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  text-align: center;
+  gap: 12px;
+  padding: 4px 20px 24px;
+}
+.about-header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  margin: 0;
+}
+.about-icon {
+  width: var(--icon-about);
+  height: var(--icon-about);
+  border-radius: var(--about-icon-radius);
+  object-fit: contain;
+}
+.about-title-block {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2px;
+  text-align: center;
+}
+.about-title {
+  font-size: var(--font-title3);
+  font-weight: 700;
+  margin: 0;
+}
+.about-version {
+  margin: 0;
+  font-size: var(--font-caption);
+  color: var(--text-secondary);
+  font-style: normal;
+}
+.about-tagline {
+  margin: 0;
+  font-size: var(--font-caption);
+  color: var(--text-secondary);
+  font-style: normal;
+}
+.about-links {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  width: 100%;
+  margin: 10px 0 0;
+  padding: 0;
+}
+.about-link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 24px;
+  padding: 3px 10px;
+  border: 1px solid var(--panel-border);
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.04);
+  text-align: center;
+  font-size: var(--font-caption);
+  color: var(--accent);
+  text-decoration: none;
+  cursor: pointer;
+  font-family: inherit;
+  appearance: none;
+}
+.about-link:hover {
+  background: rgba(10, 132, 255, 0.10);
+  border-color: rgba(10, 132, 255, 0.28);
+  text-decoration: none;
+}
+.about-link--inline {
+  display: inline;
+  min-height: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: var(--text-eyebrow);
+  vertical-align: baseline;
+}
+.about-link--inline:hover {
+  background: transparent;
+  text-decoration: underline;
+}
+.about-link-sep {
+  display: none;
+}
+.about-divider {
+  width: 100%;
+  height: 1px;
+  background: var(--panel-border);
+  margin: 4px 0;
+}
+.about-actions {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+/* ── Refresh icon spin animation reused by header button ──────────── */
+.menu-surface__btn .spin {
+  display: inline-block;
+  animation: spin 0.8s linear infinite;
+}
+
+/* ── Reduce visual harshness of the menu summary line ─────────────── */
+.menu-surface__summary {
+  font-size: var(--font-caption);
+  color: var(--text-muted);
+  font-weight: 400;
+  padding: 2px 14px 0;
+}
+
diff --git a/apps/desktop-tauri/src/styles/provider-details.css b/apps/desktop-tauri/src/styles/provider-details.css
new file mode 100644
index 00000000000..d25d5a4dcb3
--- /dev/null
+++ b/apps/desktop-tauri/src/styles/provider-details.css
@@ -0,0 +1,784 @@
+/* ── Phase 6f — Provider detail charts ────────────────────────────── */
+
+.provider-detail-charts {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 8px;
+  border: 1px solid var(--provider-icon-ring);
+  border-radius: 6px;
+  margin-bottom: 8px;
+}
+
+.provider-detail-charts__tabs {
+  display: flex;
+  gap: 4px;
+  border-bottom: 1px solid var(--provider-icon-ring);
+  padding-bottom: 6px;
+}
+
+.provider-detail-charts__tab {
+  background: transparent;
+  color: var(--provider-row-text-secondary);
+  border: 1px solid transparent;
+  border-radius: 4px;
+  padding: 4px 8px;
+  font-size: 0.78rem;
+  cursor: pointer;
+  transition: background 0.12s, color 0.12s;
+}
+
+.provider-detail-charts__tab:hover {
+  background: var(--provider-row-bg);
+  color: var(--provider-row-text-primary);
+}
+
+.provider-detail-charts__tab[data-active="true"] {
+  background: var(--provider-row-bg);
+  color: var(--provider-row-text-primary);
+  border-color: var(--provider-icon-ring);
+}
+
+.provider-detail-charts__body {
+  min-height: 64px;
+}
+
+.provider-detail-chart {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.provider-detail-chart__title {
+  font-size: 0.78rem;
+  color: var(--provider-row-text-secondary);
+}
+
+/* Tokens chart "Refreshing" marker while local history backfill is
+   incomplete (upstream 0.50.0 #2930). */
+.provider-detail-chart__refreshing {
+  margin-left: 8px;
+  font-size: 0.68rem;
+  color: var(--text-muted);
+  font-style: italic;
+}
+
+.chart {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.chart__svg {
+  width: 100%;
+  max-width: 100%;
+  height: auto;
+}
+
+.chart--scrollable {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+.chart--scrollable .chart__svg {
+  flex: 0 0 auto;
+  width: auto;
+  max-width: none;
+}
+
+.chart--scrollable .chart__axis {
+  flex: 0 0 auto;
+}
+
+.chart__axis {
+  position: relative;
+  font-size: 0.7rem;
+  color: var(--provider-row-text-secondary);
+}
+
+.chart__axis > span {
+  position: absolute;
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+
+.chart__axis-max {
+  font-variant-numeric: tabular-nums;
+}
+
+.chart__legend {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px 10px;
+}
+
+.chart__legend-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.chart__legend-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 2px;
+  display: inline-block;
+}
+
+/* ── Phase 6d — credential detection UIs ────────────────────────── */
+
+.provider-detail-helper {
+  font-size: 0.78rem;
+  color: var(--provider-row-text-secondary);
+  margin: 4px 0 8px;
+  line-height: 1.4;
+}
+
+.provider-detail-grid__mono {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.76rem;
+  word-break: break-all;
+}
+
+.provider-detail-list {
+  list-style: none;
+  padding: 0;
+  margin: 4px 0 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.provider-detail-list__row {
+  display: grid;
+  grid-template-columns: 1fr auto auto;
+  gap: 8px;
+  align-items: center;
+  padding: 6px 8px;
+  border: 1px solid var(--provider-icon-ring);
+  border-radius: 6px;
+  font-size: 0.8rem;
+}
+
+.provider-detail-list__main {
+  min-width: 0;
+}
+
+.provider-detail-list__meta {
+  font-size: 0.72rem;
+  color: var(--provider-row-text-secondary);
+}
+
+.provider-detail-field {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin: 6px 0 10px;
+}
+
+.provider-detail-field__label {
+  font-size: 0.78rem;
+  color: var(--provider-row-text-secondary);
+}
+
+.provider-detail-field__input {
+  padding: 6px 8px;
+  border-radius: 6px;
+  border: 1px solid var(--provider-icon-ring);
+  background: var(--provider-row-bg);
+  color: var(--provider-row-text-primary);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.78rem;
+}
+
+.provider-detail-toggle {
+  display: flex;
+  gap: 8px;
+  align-items: flex-start;
+  margin: 4px 0 8px;
+  cursor: pointer;
+}
+
+.provider-detail-toggle input[type="checkbox"] {
+  margin-top: 2px;
+}
+
+.provider-detail-toggle__label {
+  display: block;
+  font-size: 0.82rem;
+  font-weight: 600;
+  color: var(--provider-row-text-primary);
+}
+
+.provider-detail-toggle__helper {
+  display: block;
+  font-size: 0.74rem;
+  color: var(--provider-row-text-secondary);
+  margin-top: 2px;
+  line-height: 1.4;
+}
+
+
+/* ── Phase 6e: Token accounts (inline + standalone) ─────────────────── */
+
+.token-accounts-inline {
+  margin-bottom: 16px;
+}
+
+.token-accounts-inline__summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  cursor: pointer;
+  padding: 6px 0;
+  font-size: 0.82rem;
+  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+  color: var(--provider-row-text-primary);
+  user-select: none;
+}
+
+.token-accounts-inline__summary::-webkit-details-marker {
+  display: none;
+}
+
+.token-accounts-inline__summary::before {
+  content: "▸";
+  display: inline-block;
+  width: 0.9em;
+  color: var(--provider-row-text-secondary);
+  transition: transform 0.12s;
+}
+
+.token-accounts-inline[open] > .token-accounts-inline__summary::before {
+  transform: rotate(90deg);
+}
+
+.token-accounts-inline__count {
+  margin-left: auto;
+  font-size: 0.72rem;
+  font-weight: 500;
+  text-transform: none;
+  letter-spacing: 0;
+  color: var(--provider-row-text-secondary);
+}
+
+.token-accounts-inline__body {
+  padding: 8px 0 4px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.token-accounts-inline .token-accounts-list {
+  gap: 4px;
+}
+
+.token-accounts-inline .token-accounts-card {
+  padding: 8px 10px;
+}
+
+.token-accounts-inline .token-accounts-add {
+  gap: 6px;
+}
+
+.token-accounts-standalone .token-accounts-list {
+  margin-bottom: 12px;
+}
+
+/* ── Phase 7 — shortcut capture & test-sound row ───────────────────── */
+.shortcut-capture {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+
+.shortcut-capture__chip {
+  min-width: 160px;
+  padding: 6px 12px;
+  border-radius: 8px;
+  background: var(--provider-row-bg);
+  border: 1px solid var(--provider-icon-ring);
+  color: var(--provider-row-text-primary);
+  font-size: 0.85rem;
+  font-family: ui-monospace, "JetBrains Mono", "Consolas", monospace;
+  text-align: center;
+  outline: none;
+}
+
+.shortcut-capture__chip--empty {
+  color: var(--provider-row-text-secondary);
+  font-style: italic;
+  font-family: inherit;
+}
+
+.shortcut-capture__chip--recording {
+  border-color: var(--provider-row-border-selected);
+  background: var(--provider-row-bg-selected);
+  color: var(--provider-row-text-primary);
+  outline: 2px solid var(--provider-row-accent-selected);
+  outline-offset: 1px;
+  animation: shortcut-capture-pulse 1.2s ease-in-out infinite;
+}
+
+@keyframes shortcut-capture-pulse {
+  0%,
+  100% {
+    box-shadow: 0 0 0 0 var(--provider-row-drop-outline);
+  }
+  50% {
+    box-shadow: 0 0 0 3px var(--provider-row-drop-outline);
+  }
+}
+
+.shortcut-capture__actions {
+  display: inline-flex;
+  gap: 6px;
+}
+
+.shortcut-capture__button {
+  padding: 6px 12px;
+  border-radius: 8px;
+  border: 1px solid var(--provider-icon-ring);
+  background: var(--provider-row-bg);
+  color: var(--provider-row-text-primary);
+  font-size: 0.82rem;
+  font-family: inherit;
+  cursor: pointer;
+  transition: background 120ms ease, border-color 120ms ease;
+}
+
+.shortcut-capture__button:hover:not(:disabled) {
+  background: var(--provider-row-bg-hover);
+  border-color: var(--provider-row-border-selected);
+}
+
+.shortcut-capture__button:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.shortcut-capture__button--ghost {
+  background: var(--provider-row-bg);
+  border-color: var(--provider-icon-ring);
+  color: var(--provider-row-text-primary);
+  padding: 5px 10px;
+  font-weight: 600;
+}
+
+.shortcut-capture__button--ghost:hover:not(:disabled) {
+  background: var(--provider-row-bg-hover);
+  border-color: var(--provider-row-border-selected);
+  color: var(--accent);
+}
+
+.sound-enabled-row {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+
+.notification-sound-row {
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 6px;
+  min-width: 0;
+  max-width: 320px;
+  flex-wrap: wrap;
+}
+
+.notification-sound-file {
+  width: 150px;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+@media (max-width: 480px) {
+  .settings-field:has(.notification-sound-row) {
+    grid-template-columns: minmax(0, 1fr);
+    row-gap: 6px;
+  }
+
+  .settings-field:has(.notification-sound-row) .settings-field__control {
+    width: 100%;
+    min-width: 0;
+  }
+
+  .notification-sound-row {
+    display: flex;
+    width: 100%;
+    max-width: none;
+    justify-content: flex-start;
+  }
+
+  .notification-sound-file {
+    width: auto;
+    flex: 1 1 140px;
+  }
+}
+
+.settings-section__hint {
+  margin: 4px 0 0;
+  font-size: 0.78rem;
+  color: var(--provider-row-text-secondary);
+}
+
+.settings-section__error {
+  margin: 4px 0 0;
+  font-size: 0.8rem;
+  color: var(--provider-status-error);
+}
+
+/* ── Phase 10 — chart animation, hover tooltip, empty state ──────── */
+
+.chart {
+  position: relative;
+}
+
+.chart__empty {
+  padding: 10px 6px;
+  font-size: 0.78rem;
+  color: var(--provider-row-text-secondary);
+  font-style: italic;
+}
+
+.chart__bar,
+.chart__line,
+.chart__area,
+.chart__point,
+.chart__stack-rect {
+  transition:
+    opacity 0.15s ease,
+    filter 0.15s ease;
+}
+
+.chart__bar:hover,
+.chart__stack-rect:hover,
+.chart__point:hover {
+  filter: brightness(1.2);
+  cursor: crosshair;
+}
+
+.chart__tooltip {
+  position: absolute;
+  pointer-events: none;
+  z-index: 5;
+  background: var(--chart-tooltip-bg);
+  color: var(--chart-tooltip-text);
+  border: 1px solid var(--chart-tooltip-border);
+  border-radius: 4px;
+  padding: 4px 8px;
+  font-size: 0.72rem;
+  line-height: 1.3;
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
+  transform: translate(-50%, calc(-100% - 8px));
+}
+
+.chart__tooltip-label {
+  color: var(--provider-row-text-secondary);
+  margin-right: 6px;
+}
+
+/* Selectable bars (OpenAI daily usage): keyboard focus ring on the active bar. */
+.chart__bar[role="option"] {
+  cursor: pointer;
+}
+
+.chart__bar[role="option"]:focus {
+  outline: none;
+}
+
+.chart__bar[role="option"]:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 1px;
+}
+
+.chart__bar[data-selected="true"] {
+  stroke: var(--text-primary);
+  stroke-width: 1;
+}
+
+/* ── OpenAI Admin API daily usage (tray card + Settings charts) ───── */
+
+.openai-usage {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+}
+
+.openai-usage__tabs {
+  display: flex;
+  gap: 4px;
+}
+
+.openai-usage__tab {
+  background: transparent;
+  color: var(--text-secondary);
+  border: 1px solid transparent;
+  border-radius: 4px;
+  padding: 3px 8px;
+  font-size: 11px;
+  cursor: pointer;
+}
+
+.openai-usage__tab:hover {
+  color: var(--text-primary);
+}
+
+.openai-usage__tab[data-active="true"] {
+  color: var(--text-primary);
+  border-color: var(--panel-border);
+  background: var(--provider-row-bg);
+}
+
+.openai-usage__tab:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 1px;
+}
+
+.openai-usage__panel {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+}
+
+.openai-usage__hint {
+  font-size: 10px;
+  color: var(--text-muted);
+}
+
+.openai-usage__detail {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  font-size: 11px;
+  color: var(--text-primary);
+}
+
+.openai-usage__day {
+  font-size: 12px;
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+}
+
+.openai-usage__stats {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
+  gap: 6px 16px;
+  margin: 0;
+}
+
+.openai-usage__stats > div {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  min-width: 0;
+}
+
+.openai-usage__stats dt {
+  font-size: 10px;
+  color: var(--text-secondary);
+}
+
+.openai-usage__stats dd {
+  margin: 0;
+  font-variant-numeric: tabular-nums;
+}
+
+.openai-usage__list-title {
+  font-size: 10px;
+  color: var(--text-secondary);
+  margin-bottom: 2px;
+}
+
+/* OpenAI API Tokens/min grid (Live Usage, upstream #4495). */
+.openai-tpm {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-top: 6px;
+}
+
+.openai-tpm__title {
+  font-size: 11px;
+  color: var(--text-secondary);
+}
+
+.openai-tpm__stats {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
+  gap: 6px 16px;
+  margin: 0;
+}
+
+.openai-tpm__stats > div {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  min-width: 0;
+}
+
+.openai-tpm__stats dt {
+  font-size: 10px;
+  color: var(--text-secondary);
+}
+
+.openai-tpm__stats dd {
+  margin: 0;
+  font-variant-numeric: tabular-nums;
+}
+
+.openai-tpm__chart {
+  width: 100%;
+  height: 56px;
+  display: block;
+}
+
+.openai-tpm__bar {
+  fill: var(--provider-accent, #6aa9ff);
+}
+
+.openai-tpm__bar--pending {
+  fill: none;
+  stroke: var(--text-secondary);
+  stroke-width: 0.5;
+  stroke-dasharray: 2 2;
+  vector-effect: non-scaling-stroke;
+  opacity: 0.6;
+}
+
+.openai-tpm__legend {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 10px;
+  color: var(--text-secondary);
+}
+
+.openai-tpm__swatch--pending {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  border: 1px dashed var(--text-secondary);
+  box-sizing: border-box;
+}
+
+.openai-tpm__empty,
+.openai-tpm__limit {
+  margin: 0;
+  font-size: 11px;
+  color: var(--text-secondary);
+}
+
+.openai-tpm__models ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.openai-tpm__models li {
+  display: flex;
+  justify-content: space-between;
+  gap: 8px;
+  font-size: 11px;
+  padding: 2px 0;
+}
+
+.openai-tpm__model-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+}
+
+.openai-tpm__muted {
+  color: var(--text-secondary);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.openai-limits__row {
+  display: grid;
+  grid-template-columns: 2fr 1fr 1fr auto;
+  gap: 8px;
+  align-items: end;
+  margin-bottom: 6px;
+}
+
+.openai-live {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.openai-usage__list ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.openai-usage__list li {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  min-width: 0;
+}
+
+.openai-usage__name {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.openai-usage__amount {
+  flex-shrink: 0;
+  font-variant-numeric: tabular-nums;
+  color: var(--text-secondary);
+}
+
+.openai-usage__list li.openai-usage__more {
+  color: var(--text-muted);
+}
+
+.openai-usage__footer {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  padding-top: 6px;
+  border-top: 1px solid var(--panel-border);
+  font-size: 11px;
+  color: var(--text-secondary);
+}
+
+.openai-usage__footer strong {
+  color: var(--text-primary);
+  font-variant-numeric: tabular-nums;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .chart__bar,
+  .chart__line,
+  .chart__area,
+  .chart__point,
+  .chart__stack-rect {
+    animation: none !important;
+    transition: none !important;
+  }
+}
+
+
diff --git a/apps/desktop-tauri/src/styles/providers-tab.css b/apps/desktop-tauri/src/styles/providers-tab.css
new file mode 100644
index 00000000000..601f62c81ed
--- /dev/null
+++ b/apps/desktop-tauri/src/styles/providers-tab.css
@@ -0,0 +1,506 @@
+/* ── Providers tab – sidebar + detail layout ─────────────────────── */
+
+.provider-split {
+  display: flex;
+  gap: 16px;
+  height: calc(100vh - 140px);
+  min-height: 340px;
+  flex-shrink: 0;
+  overflow: clip;
+  min-width: 0;
+}
+
+.provider-sidebar {
+  width: clamp(164px, 32vw, 200px);
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  overflow-y: auto;
+  background: var(--surface-elevated);
+  border-radius: 8px;
+  padding: 6px;
+}
+
+.provider-sidebar-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 8px;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.12s;
+  user-select: none;
+  border: 1px solid transparent;
+}
+
+.provider-sidebar-item:hover {
+  background: var(--provider-row-bg-hover);
+}
+
+.provider-sidebar-item--selected {
+  background: var(--provider-row-bg-selected);
+  border-color: var(--provider-row-border-selected);
+}
+
+.provider-sidebar-icon {
+  font-size: 0.9rem;
+  flex-shrink: 0;
+  min-width: 18px;
+  text-align: center;
+}
+
+.provider-sidebar-name {
+  flex: 1;
+  font-size: 0.8rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.provider-sidebar-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--provider-status-ok);
+  flex-shrink: 0;
+}
+
+.provider-detail {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  overflow-y: auto;
+  overscroll-behavior-y: contain;
+  background: var(--surface-elevated);
+  border-radius: 8px;
+  padding: 12px;
+}
+
+.provider-detail-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  min-height: 100px;
+  color: var(--text-muted);
+  font-size: 0.78rem;
+}
+
+.provider-detail-header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 12px;
+}
+
+.provider-detail-icon {
+  font-size: 1.2rem;
+  flex-shrink: 0;
+}
+
+.provider-detail-title {
+  flex: 1;
+  font-size: 0.95rem;
+  font-weight: 700;
+  color: var(--text-primary);
+}
+
+.provider-detail-grid {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 4px 12px;
+  margin: 0 0 12px;
+  font-size: 0.78rem;
+}
+
+.provider-detail-grid dt {
+  color: var(--text-secondary);
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+.provider-detail-grid dd {
+  margin: 0;
+  color: var(--text-primary);
+  word-break: break-all;
+}
+
+.provider-detail-grid dd.error {
+  color: var(--provider-status-error);
+}
+
+.provider-detail-section {
+  margin-bottom: 12px;
+}
+
+.provider-detail-section h4 {
+  margin: 0 0 6px;
+  font-size: 0.78rem;
+  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+  color: var(--text-eyebrow);
+}
+
+.provider-detail-section__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  flex-wrap: wrap;
+  margin-bottom: 6px;
+}
+
+.provider-detail-section__header h4 {
+  margin-bottom: 0;
+}
+
+.provider-detail-section__header .credential-btn {
+  max-width: 100%;
+  white-space: normal;
+  text-align: center;
+}
+
+.provider-detail-grid--storage {
+  margin-top: 4px;
+}
+
+@media (max-width: 560px) {
+  .provider-split {
+    gap: 10px;
+  }
+
+  .provider-sidebar {
+    width: 156px;
+  }
+
+  .provider-sidebar-item {
+    padding-inline: 6px;
+  }
+
+  .provider-detail {
+    padding: 10px;
+  }
+}
+
+.provider-usage-bar__track {
+  height: 5px;
+  border-radius: 3px;
+  background: var(--usage-bar-track, rgba(255, 255, 255, 0.08));
+  overflow: hidden;
+}
+
+.provider-usage-bar__fill {
+  height: 100%;
+  border-radius: 3px;
+  background: var(--accent);
+  transition: width 0.3s;
+}
+
+.provider-detail-actions {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+/* ── ProviderIcon (Phase 6a) ──────────────────────────────────────── */
+
+.provider-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  border-radius: 6px;
+  background: var(--provider-icon-bg);
+  box-shadow: inset 0 0 0 1px var(--provider-icon-ring);
+  color: var(--provider-brand, var(--accent));
+  overflow: hidden;
+}
+
+.provider-icon--svg svg {
+  width: 84%;
+  height: 84%;
+  display: block;
+}
+
+.provider-icon--letter {
+  font-weight: 700;
+  font-size: 0.78rem;
+  color: var(--provider-brand, var(--accent));
+  text-transform: none;
+}
+
+/* Near-black brands (TypeSafe, V0, Replicate...) vanish on dark surfaces, so
+   the dark theme uses ProviderIcon's lifted --provider-brand-dark when it sets
+   one. Light scopes, including the tray panel's nested data-theme="light",
+   keep the exact brand color; the light rule comes second so it wins there. */
+[data-theme="dark"] .provider-icon {
+  color: var(--provider-brand-dark, var(--provider-brand, var(--accent)));
+}
+[data-theme="light"] .provider-icon {
+  color: var(--provider-brand, var(--accent));
+}
+
+/* ── Providers sidebar status dot ──────────────────────────────────── */
+
+.providers-sidebar__status {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--provider-status-disabled);
+  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
+}
+
+.providers-sidebar__status--ok {
+  background: var(--provider-status-ok);
+}
+
+.providers-sidebar__status--stale {
+  background: var(--provider-status-stale);
+}
+
+.providers-sidebar__status--error {
+  background: var(--provider-status-error);
+}
+
+.providers-sidebar__status--disabled {
+  background: var(--provider-status-disabled);
+}
+
+.providers-sidebar__status--loading {
+  background: var(--provider-status-loading);
+  animation: provider-sidebar-pulse 1.4s ease-in-out infinite;
+}
+
+/* Service-status dot: shown instead of the fetch-status dot while
+   "Check provider status" is on and the provider has a status page. */
+.providers-sidebar__service {
+  flex: none;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--service-status-gray);
+}
+
+.providers-sidebar__service--none {
+  background: var(--service-status-none);
+}
+
+.providers-sidebar__service--minor {
+  background: var(--service-status-minor);
+}
+
+.providers-sidebar__service--major {
+  background: var(--service-status-major);
+}
+
+.providers-sidebar__service--critical {
+  background: var(--service-status-critical);
+}
+
+@keyframes provider-sidebar-pulse {
+  0%, 100% { opacity: 0.5; }
+  50%      { opacity: 1; }
+}
+
+/* ── Provider detail pane (Phase 6b) ──────────────────────────────── */
+
+.provider-detail-header-block {
+  margin-bottom: 16px;
+}
+
+.provider-detail-title-group {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.provider-detail-subtitle {
+  font-size: 0.78rem;
+  color: var(--provider-row-text-secondary);
+}
+
+.provider-detail-empty--error {
+  color: var(--provider-status-error);
+}
+
+.provider-detail-error {
+  background: rgba(239, 68, 68, 0.08);
+  border: 1px solid rgba(239, 68, 68, 0.3);
+  color: var(--provider-status-error);
+  border-radius: 8px;
+  padding: 8px 10px;
+  margin-bottom: 12px;
+  font-size: 0.82rem;
+}
+
+/* ── Codex multi-account (ADR 0003) ─────────────────────────────────── */
+
+.provider-detail-note {
+  background: rgba(34, 197, 94, 0.08);
+  border: 1px solid rgba(34, 197, 94, 0.3);
+  color: var(--provider-status-ok, #4ade80);
+  border-radius: 8px;
+  padding: 8px 10px;
+  margin-bottom: 12px;
+  font-size: 0.82rem;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.codex-accounts-list {
+  gap: 6px;
+}
+
+.codex-accounts-card {
+  padding: 8px 10px;
+}
+
+.codex-accounts-add {
+  margin-top: 8px;
+}
+
+.codex-usage {
+  font-size: 0.74rem;
+  font-weight: 500;
+  color: var(--provider-row-text-secondary);
+}
+
+.codex-usage--blocked {
+  color: var(--provider-status-error);
+}
+
+/* CodexAccountsSection cards sit in the fixed 720px settings window next to a
+   3-button actions row (~242px). A long account email has no break
+   opportunities, so without containment it overflows the info column and
+   paints over the actions. Ellipsize the info column/title instead, and pin
+   the actions row in place with flex-shrink: 0 + nowrap. */
+.codex-accounts-card .credential-card__info {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.codex-accounts-card .credential-card__info strong {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.codex-accounts-card .credential-card__actions {
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  white-space: nowrap;
+}
+
+.provider-usage-bar__fill[data-exhausted="true"] {
+  background: var(--provider-status-error);
+}
+
+.provider-detail-section--deferred {
+  opacity: 0.45;
+  font-size: 0.74rem;
+  color: var(--provider-row-text-secondary);
+  font-style: italic;
+  border: 1px dashed var(--provider-icon-ring);
+  border-radius: 6px;
+  padding: 6px 8px;
+  margin-bottom: 8px;
+}
+
+/* ── Phase 6c — cookie source & region pickers ────────────────────── */
+
+.provider-detail-segmented {
+  display: inline-flex;
+  /* Translated options ("Автоматически / Вручную / Отключено") wrap inside the
+     narrow detail pane instead of overflowing it. Shared by the cookie-source
+     and usage-source controls. */
+  flex-wrap: wrap;
+  max-width: 100%;
+  box-sizing: border-box;
+  gap: 2px;
+  padding: 2px;
+  background: var(--provider-row-bg);
+  border: 1px solid var(--provider-icon-ring);
+  border-radius: 8px;
+}
+
+.provider-detail-segmented__option {
+  appearance: none;
+  background: transparent;
+  color: var(--provider-row-text-secondary);
+  border: 0;
+  border-radius: 6px;
+  padding: 4px 10px;
+  font-size: 0.82rem;
+  cursor: pointer;
+}
+
+.provider-detail-segmented__option:hover:not(:disabled) {
+  color: var(--provider-row-text-primary);
+}
+
+.provider-detail-segmented__option.is-active {
+  background: var(--provider-row-bg-active, var(--provider-icon-ring));
+  color: var(--provider-row-text-primary);
+}
+
+.provider-detail-segmented__option:disabled {
+  opacity: 0.55;
+  cursor: default;
+}
+
+.provider-detail-helper {
+  margin: 6px 0 0;
+  font-size: 0.76rem;
+  color: var(--provider-row-text-secondary);
+}
+
+.provider-detail-cookie-source__missing .credential-btn {
+  margin-top: 8px;
+}
+
+.provider-detail-select {
+  appearance: none;
+  background: var(--provider-row-bg);
+  color: var(--provider-row-text-primary);
+  border: 1px solid var(--provider-icon-ring);
+  border-radius: 6px;
+  padding: 4px 10px;
+  font-size: 0.82rem;
+  min-width: 220px;
+}
+
+.provider-detail-select:disabled {
+  opacity: 0.55;
+}
+
+.btn.btn--ghost {
+  background: var(--provider-row-bg);
+  color: var(--provider-row-text-primary);
+  border: 1px solid var(--provider-icon-ring);
+  border-radius: 6px;
+  padding: 6px 10px;
+  font-size: 0.82rem;
+  cursor: pointer;
+  transition: background 0.12s;
+}
+
+.btn.btn--ghost:hover:not(:disabled) {
+  background: var(--provider-row-bg-hover);
+}
+
+.btn.btn--ghost:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
diff --git a/apps/desktop-tauri/src/styles/tokens-and-forms.css b/apps/desktop-tauri/src/styles/tokens-and-forms.css
new file mode 100644
index 00000000000..e949ff2b86f
--- /dev/null
+++ b/apps/desktop-tauri/src/styles/tokens-and-forms.css
@@ -0,0 +1,1018 @@
+/*
+ * Theme tokens (Phase 12).
+ *
+ * `:root` holds the dark defaults so legacy selectors that consume these
+ * custom properties keep working even before the app sets `data-theme`.
+ * `[data-theme="dark"]` mirrors `:root` so a dark override can be forced
+ * explicitly, and `[data-theme="light"]` provides a full light counterpart.
+ *
+ * Phase 10 (charts) MAY add new `--chart-*` tokens — keep them in their own
+ * grouping and remember to provide a light value here whenever a chart token
+ * gets added to either theme.
+ */
+:root {
+  color-scheme: dark;
+  /* Hover and fill tint for controls: white on dark surfaces, black on light
+     ones (light theme and the light tray panel). */
+  --surface-tint-rgb: 255, 255, 255;
+  --font-ui: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
+  font-family: var(--font-ui);
+  text-rendering: optimizeLegibility;
+  background: var(--app-bg, #1c1c1e);
+  color: var(--text-primary, #f5f5f7);
+
+  /* ── SwiftUI typography tokens (macOS parity) ─────────────────────
+     Mirror the SwiftUI text styles used by the upstream menu / Preferences:
+       .body       → 13px / regular   (.fontWeight default)
+       .body.medium→ 13px / 500
+       .headline   → 13px / 600       (semibold)
+       .subheadline→ 12px / regular
+       .footnote   → 11px / regular
+       .caption    → 11px / regular
+       .caption2   → 10px / regular
+       .title3     → 17px / 600
+  */
+  --font-body: 13px;
+  --font-body-weight: 400;
+  --font-medium-weight: 500;
+  --font-headline: 13px;
+  --font-headline-weight: 600;
+  --font-subheadline: 12px;
+  --font-footnote: 11px;
+  --font-caption: 11px;
+  --font-caption2: 10px;
+  --font-title: 20px;
+  --font-title3: 17px;
+  --line-tight: 1.3;
+
+  /* macOS layout / sizing tokens */
+  --bar-height: 6px;
+  --bar-radius: 3px;
+  --menu-width: 280px;
+  --sidebar-width: 200px;
+  --icon-menu: 16px;
+  --icon-sidebar: 20px;
+  --icon-about: 92px;
+  --about-icon-radius: 16px;
+
+  /* ── General surfaces / text ───────────────────────────────────── */
+  --app-bg: #1c1c1e;
+  --app-bg-gradient-top: transparent;
+  --app-bg-gradient-from: #1c1c1e;
+  --app-bg-gradient-to: #1c1c1e;
+  --panel-bg: rgba(44, 44, 46, 0.95);
+  --panel-border: rgba(255, 255, 255, 0.08);
+  --panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+  --surface-elevated: rgba(255, 255, 255, 0.05);
+  --text-primary: #f5f5f7;
+  --text-secondary: #8e8e93;
+  --text-muted: rgba(235, 235, 245, 0.5);
+  --text-eyebrow: #8e8e93;
+  --accent: #0a84ff;
+  --accent-muted: rgba(10, 132, 255, 0.25);
+  --focus-ring: rgba(10, 132, 255, 0.5);
+
+  /* Provider sidebar tokens (Phase 6a). */
+  --provider-row-bg: rgba(255, 255, 255, 0.03);
+  --provider-row-bg-hover: rgba(255, 255, 255, 0.07);
+  --provider-row-bg-selected: rgba(10, 132, 255, 0.15);
+  --provider-row-border-selected: rgba(10, 132, 255, 0.35);
+  --provider-row-accent-selected: rgba(10, 132, 255, 0.8);
+  --provider-row-text-primary: #f5f5f7;
+  --provider-row-text-secondary: rgba(235, 235, 245, 0.5);
+  --provider-row-text-disabled: rgba(235, 235, 245, 0.3);
+  --provider-row-drop-outline: rgba(10, 132, 255, 0.5);
+  --provider-status-ok: #22c55e;
+  --provider-status-stale: #f59e0b;
+  --provider-status-error: #ff453a; /* macOS NSColor.systemRed */
+  --provider-status-disabled: rgba(235, 235, 245, 0.28);
+  --provider-status-loading: #60a5fa;
+  /* Service-status dot: macOS system colors (PreferencesSidebar.swift:236-244). */
+  --service-status-none: #30d158;
+  --service-status-minor: #ffd60a;
+  --service-status-major: #ff9f0a;
+  --service-status-critical: #ff453a;
+  --service-status-gray: #8e8e93;
+  --provider-icon-ring: rgba(255, 255, 255, 0.06);
+  --provider-icon-bg: rgba(255, 255, 255, 0.04);
+
+  /* Phase 10 — chart palette. Provider-key tokens mirror the egui
+     `native_ui/theme.rs::provider_color` mapping so the web shell and
+     the legacy tray render the same colors. Phase 12 (theming) will add
+     light-mode overrides here; keep these tokens CHART-scoped to avoid
+     colliding with layout tokens. */
+  --chart-claude: rgb(204, 124, 94);
+  --chart-codex: rgb(73, 163, 176);
+  --chart-gemini: rgb(171, 135, 234);
+  --chart-cursor: rgb(245, 78, 0);
+  --chart-copilot: rgb(168, 85, 247);
+  --chart-jetbrains: rgb(255, 51, 153);
+  --chart-antigravity: rgb(96, 186, 126);
+  --chart-augment: rgb(26, 160, 73);
+  --chart-amp: rgb(243, 78, 63);
+  --chart-factory: rgb(255, 107, 53);
+  --chart-droid: rgb(255, 107, 53);
+  --chart-kimi: rgb(254, 96, 60);
+  --chart-kimik2: rgb(76, 0, 255);
+  --chart-kiro: rgb(144, 70, 255);
+  --chart-opencode: rgb(59, 130, 246);
+  --chart-minimax: rgb(254, 96, 60);
+  --chart-vertexai: rgb(66, 133, 244);
+  --chart-zai: rgb(232, 90, 106);
+  --chart-alibaba: rgb(255, 106, 0);
+  --chart-nanogpt: rgb(104, 127, 161);
+  --chart-mistral: rgb(255, 82, 41);
+  --chart-codebuff: rgb(0, 255, 149);
+  --chart-deepseek: rgb(77, 107, 254);
+  --chart-windsurf: rgb(52, 232, 187);
+  --chart-elevenlabs: rgb(17, 24, 39);
+  --chart-deepgram: rgb(100, 103, 242);
+  --chart-grok: rgb(16, 163, 127);
+  --chart-xai: rgb(142, 142, 147);
+  --chart-groq: rgb(245, 104, 68);
+  --chart-llmproxy: rgb(36, 180, 126);
+
+  /* Default cost/credits series colors (match egui credits teal). */
+  --chart-cost: rgb(93, 135, 255);
+  --chart-credits: rgb(73, 163, 176);
+  --chart-peak: rgb(255, 200, 50);
+
+  /* Service palette for UsageBreakdownChart — mirrors
+     `native_ui/charts.rs::color_for_service`. */
+  --chart-service-cli: rgb(66, 140, 245);
+  --chart-service-review: rgb(240, 135, 46);
+  --chart-service-api: rgb(117, 191, 92);
+  --chart-service-1: rgb(204, 115, 235);
+  --chart-service-2: rgb(66, 199, 219);
+  --chart-service-3: rgb(240, 188, 66);
+  --chart-service-4: rgb(235, 87, 87);
+  --chart-service-5: rgb(156, 156, 156);
+
+  /* Tooltip surface — reused by all chart tooltips. */
+  --chart-tooltip-bg: rgba(44, 44, 46, 0.96);
+  --chart-tooltip-border: rgba(255, 255, 255, 0.12);
+  --chart-tooltip-text: #f5f5f7;
+
+  /* Tray popover — approximates NSVisualEffectView "menu" material.
+     Real macOS uses a vibrant blur; we fall back to an opaque/elevated
+     surface plus a subtle hairline divider to stay flush with the
+     window edge like the upstream NSMenu. */
+  --menu-popover-bg: var(--app-bg);
+  --menu-popover-divider: rgba(255, 255, 255, 0.10);
+  --menu-popover-divider-strong: rgba(255, 255, 255, 0.16);
+}
+
+[data-theme="dark"] {
+  color-scheme: dark;
+
+  --app-bg: #1c1c1e;
+  --app-bg-gradient-top: transparent;
+  --app-bg-gradient-from: #1c1c1e;
+  --app-bg-gradient-to: #1c1c1e;
+  --panel-bg: rgba(44, 44, 46, 0.95);
+  --panel-border: rgba(255, 255, 255, 0.08);
+  --panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+  --surface-elevated: rgba(255, 255, 255, 0.05);
+  --text-primary: #f5f5f7;
+  --text-secondary: #8e8e93;
+  --text-muted: rgba(235, 235, 245, 0.5);
+  --text-eyebrow: #8e8e93;
+  --accent: #0a84ff;
+  --accent-muted: rgba(10, 132, 255, 0.25);
+  --focus-ring: rgba(10, 132, 255, 0.5);
+
+  --provider-row-bg: rgba(255, 255, 255, 0.03);
+  --provider-row-bg-hover: rgba(255, 255, 255, 0.07);
+  --provider-row-bg-selected: rgba(10, 132, 255, 0.15);
+  --provider-row-border-selected: rgba(10, 132, 255, 0.35);
+  --provider-row-accent-selected: rgba(10, 132, 255, 0.8);
+  --provider-row-text-primary: #f5f5f7;
+  --provider-row-text-secondary: rgba(235, 235, 245, 0.5);
+  --provider-row-text-disabled: rgba(235, 235, 245, 0.3);
+  --provider-row-drop-outline: rgba(10, 132, 255, 0.5);
+  --provider-status-ok: #22c55e;
+  --provider-status-stale: #f59e0b;
+  --provider-status-error: #ff453a; /* macOS NSColor.systemRed */
+  --provider-status-disabled: rgba(235, 235, 245, 0.28);
+  --provider-status-loading: #60a5fa;
+  /* Service-status dot: macOS system colors (PreferencesSidebar.swift:236-244). */
+  --service-status-none: #30d158;
+  --service-status-minor: #ffd60a;
+  --service-status-major: #ff9f0a;
+  --service-status-critical: #ff453a;
+  --service-status-gray: #8e8e93;
+  --provider-icon-ring: rgba(255, 255, 255, 0.06);
+  --provider-icon-bg: rgba(255, 255, 255, 0.04);
+
+  --usage-bar-track: rgba(255, 255, 255, 0.15);
+  --usage-bar-normal: #0a84ff;
+  --usage-bar-high: #ffd166;
+  --usage-bar-critical: #ff9f43;
+  --usage-bar-exhausted: #ff6c6c;
+
+  --pace-slow-bg: rgba(96, 165, 250, 0.16);
+  --pace-slow-fg: #60a5fa;
+  --pace-steady-bg: rgba(34, 197, 94, 0.14);
+  --pace-steady-fg: #22c55e;
+  --pace-racing-bg: rgba(251, 146, 60, 0.18);
+  --pace-racing-fg: #fb923c;
+  --pace-burning-bg: rgba(239, 71, 111, 0.18);
+  --pace-burning-fg: #ef476f;
+
+  --pace-track-expected-fg: rgba(10, 132, 255, 0.45);
+  --chart-cost-fg: #0a84ff;
+  --chart-credits-fg: #06d6a0;
+
+  --chart-tooltip-bg: rgba(44, 44, 46, 0.96);
+  --chart-tooltip-border: rgba(255, 255, 255, 0.12);
+  --chart-tooltip-text: #f5f5f7;
+
+  /* Tray popover — approximates NSVisualEffectView "menu" material.
+     Real macOS uses a vibrant blur; we fall back to an opaque/elevated
+     surface plus a subtle hairline divider to stay flush with the
+     window edge like the upstream NSMenu. */
+  --menu-popover-bg: var(--app-bg);
+  --menu-popover-divider: rgba(255, 255, 255, 0.10);
+  --menu-popover-divider-strong: rgba(255, 255, 255, 0.16);
+}
+
+[data-theme="light"] {
+  color-scheme: light;
+  --surface-tint-rgb: 0, 0, 0;
+
+  --app-bg: #f5f5f7;
+  --app-bg-gradient-top: transparent;
+  --app-bg-gradient-from: #f5f5f7;
+  --app-bg-gradient-to: #f5f5f7;
+  --panel-bg: rgba(255, 255, 255, 0.96);
+  --panel-border: rgba(0, 0, 0, 0.12);
+  --panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
+  --surface-elevated: rgba(0, 0, 0, 0.04);
+  --text-primary: #1d1d1f;
+  --text-secondary: #6e6e73;
+  --text-muted: rgba(60, 60, 67, 0.5);
+  --text-eyebrow: #6e6e73;
+  --accent: #007aff;
+  --accent-muted: rgba(0, 122, 255, 0.2);
+  --focus-ring: rgba(0, 122, 255, 0.4);
+
+  --provider-row-bg: rgba(0, 0, 0, 0.02);
+  --provider-row-bg-hover: rgba(0, 0, 0, 0.05);
+  --provider-row-bg-selected: rgba(0, 122, 255, 0.1);
+  --provider-row-border-selected: rgba(0, 122, 255, 0.35);
+  --provider-row-accent-selected: rgba(0, 122, 255, 0.8);
+  --provider-row-text-primary: #1d1d1f;
+  --provider-row-text-secondary: rgba(60, 60, 67, 0.5);
+  --provider-row-text-disabled: rgba(60, 60, 67, 0.3);
+  --provider-row-drop-outline: rgba(0, 122, 255, 0.5);
+  --provider-status-ok: #15803d;
+  --provider-status-stale: #b45309;
+  --provider-status-error: #b91c1c;
+  --provider-status-disabled: rgba(60, 60, 67, 0.28);
+  --provider-status-loading: #007aff;
+  --service-status-none: #34c759;
+  --service-status-minor: #ffcc00;
+  --service-status-major: #ff9500;
+  --service-status-critical: #ff3b30;
+  --service-status-gray: #8e8e93;
+  --provider-icon-ring: rgba(0, 0, 0, 0.08);
+  --provider-icon-bg: rgba(0, 0, 0, 0.04);
+
+  --chart-tooltip-bg: rgba(255, 255, 255, 0.96);
+  --chart-tooltip-border: rgba(0, 0, 0, 0.12);
+  --chart-tooltip-text: #1d1d1f;
+
+  --menu-popover-bg: var(--app-bg);
+  --menu-popover-divider: rgba(0, 0, 0, 0.10);
+  --menu-popover-divider-strong: rgba(0, 0, 0, 0.16);
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  min-height: 100vh;
+  background: var(--app-bg);
+  color: var(--text-primary);
+  overflow: hidden; /* prevent body-level scrollbar */
+}
+
+html {
+  background: var(--app-bg, #1c1c1e);
+  overflow: hidden;
+}
+
+.shell {
+  margin: 0 auto;
+  max-width: 720px;
+  padding: 16px;
+}
+
+.shell--settings {
+  max-width: 540px;
+  padding: 16px 24px;
+}
+
+/* Preferences window container — compact, native-feeling, no hero framing. */
+.settings-surface {
+  margin: 0 auto;
+  max-width: 720px;
+  padding: 14px 18px 20px;
+  animation: surfaceFadeIn 80ms ease-out;
+}
+
+.grid {
+  display: grid;
+  gap: 18px;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+}
+
+.panel {
+  border: 1px solid var(--panel-border);
+  border-radius: 12px;
+  padding: 16px;
+  background: var(--panel-bg);
+  box-shadow: var(--panel-shadow);
+}
+
+.panel h2 {
+  margin: 0 0 14px;
+  font-size: 1rem;
+}
+
+.stack {
+  display: grid;
+  gap: 12px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.stack li {
+  display: grid;
+  gap: 4px;
+}
+
+.stack span,
+.summary dd {
+  color: var(--text-secondary);
+}
+
+.mono strong {
+  font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
+}
+
+.summary {
+  display: grid;
+  gap: 12px;
+  margin: 0;
+}
+
+.summary div {
+  display: grid;
+  gap: 4px;
+}
+
+.summary dt {
+  color: var(--text-secondary);
+  font-size: 0.82rem;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-transform: none;
+}
+
+.summary dd {
+  margin: 0;
+}
+
+.error {
+  border-color: rgba(255, 108, 108, 0.28);
+}
+
+/* ── Settings ──────────────────────────────────────────────────────── */
+
+.settings {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+
+/* tab bar */
+
+/* status strip */
+.settings-status {
+  padding: 8px 14px;
+  border-radius: 10px;
+  margin-bottom: 16px;
+  font-size: 0.82rem;
+  font-weight: 600;
+  color: var(--accent);
+  background: rgba(10, 132, 255, 0.08);
+}
+
+.settings-status--error {
+  color: var(--provider-status-error);
+  background: rgba(255, 108, 108, 0.1);
+}
+
+/* section grouping */
+.settings-section {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+/* Section titles mirror upstream SwiftUI PreferencesView grouped form headers:
+   `.font(.caption)` `.foregroundStyle(.secondary)` `.textCase(.uppercase)`. */
+.settings-section__title {
+  margin: 18px 0 6px;
+  padding: 0;
+  border-bottom: none;
+  color: var(--text-secondary);
+  font-size: var(--font-caption);
+  font-weight: 400;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+
+.settings-section__title:first-child {
+  margin-top: 0;
+}
+
+.settings-section__hint {
+  margin: 0 0 8px;
+  color: var(--text-muted);
+  font-size: 0.84rem;
+  line-height: 1.5;
+}
+
+/* field row */
+.settings-field {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 6px 10px;
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.07);
+  transition: background 0.12s;
+}
+
+.settings-field:hover {
+  background: rgba(255, 255, 255, 0.09);
+}
+
+.settings-field__text {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.settings-field__label {
+  font-size: 0.82rem;
+  font-weight: 400;
+  color: var(--text-primary);
+}
+
+.settings-field__desc {
+  font-size: 0.72rem;
+  color: var(--text-muted);
+  line-height: 1.4;
+}
+
+.settings-field__control {
+  flex-shrink: 0;
+}
+
+.settings-field__row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.settings-field__value {
+  font-size: 0.85rem;
+  color: var(--provider-row-text-secondary);
+}
+
+/* macOS-style checkbox (replaces iOS-style switch toggle) */
+.toggle {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 16px;
+  height: 16px;
+  border-radius: 3px;
+  border: 1px solid rgba(255, 255, 255, 0.28);
+  background: rgba(255, 255, 255, 0.06);
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  vertical-align: middle;
+  transition: background 0.12s, border-color 0.12s;
+}
+
+.toggle:hover:not(:disabled) {
+  border-color: rgba(255, 255, 255, 0.45);
+}
+
+.toggle:checked {
+  background: var(--accent, #0a84ff);
+  border-color: var(--accent, #0a84ff);
+}
+
+.toggle:checked::after {
+  content: "";
+  position: absolute;
+  left: 4px;
+  top: 1px;
+  width: 5px;
+  height: 9px;
+  border: solid #fff;
+  border-width: 0 1.6px 1.6px 0;
+  transform: rotate(45deg);
+}
+
+.toggle:focus-visible {
+  outline: 2px solid var(--accent, #0a84ff);
+  outline-offset: 1px;
+}
+
+.toggle:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+[data-theme="light"] .toggle {
+  border-color: rgba(0, 0, 0, 0.28);
+  background: rgba(255, 255, 255, 0.9);
+}
+/* Checked state must beat the light base rule above (equal specificity,
+   source order would otherwise paint checked toggles white-on-white). */
+[data-theme="light"] .toggle:checked {
+  background: var(--accent, #007aff);
+  border-color: var(--accent, #007aff);
+}
+
+.toggle-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  font-size: var(--font-body, 0.82rem);
+  color: var(--text-primary);
+}
+
+.toggle-label--disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* select dropdown */
+.select {
+  padding: 6px 28px 6px 10px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--text-primary);
+  font-size: 0.85rem;
+  font-family: inherit;
+  cursor: pointer;
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238e8e93'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 10px center;
+}
+
+.select:focus {
+  outline: 2px solid var(--accent);
+  outline-offset: 1px;
+}
+
+.select:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* number input */
+.number-input {
+  width: 52px;
+  height: 24px;
+  padding: 2px 6px;
+  border: 1px solid var(--panel-border);
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--text-primary);
+  font-size: var(--font-body);
+  font-family: inherit;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+}
+
+.number-input:focus {
+  outline: 2px solid var(--accent);
+  outline-offset: 1px;
+}
+
+.number-input:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* text input */
+.text-input {
+  width: 160px;
+  padding: 6px 10px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--text-primary);
+  font-size: 0.85rem;
+  font-family: inherit;
+}
+
+.text-input:focus {
+  outline: 2px solid var(--accent);
+  outline-offset: 1px;
+}
+
+.text-input:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* provider list in providers tab */
+.provider-list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.provider-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 14px;
+  border-radius: 10px;
+  background: rgba(255, 255, 255, 0.03);
+  transition: background 0.12s;
+}
+
+.provider-row:hover {
+  background: rgba(255, 255, 255, 0.07);
+}
+
+.provider-row__info {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.provider-row__info strong {
+  font-size: 0.9rem;
+  color: var(--text-primary);
+}
+
+.provider-row__meta {
+  font-size: 0.78rem;
+  color: var(--text-muted);
+}
+
+/* ── Credential cards (API Keys / Cookies tabs) ──────────────────── */
+
+.credential-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.credential-card {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 12px 14px;
+  border-radius: 10px;
+  background: rgba(255, 255, 255, 0.03);
+  transition: background 0.12s;
+}
+
+.credential-card:hover {
+  background: rgba(255, 255, 255, 0.07);
+}
+
+.credential-card__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.credential-card__info {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+
+.credential-card__info strong {
+  font-size: 0.9rem;
+  color: var(--text-primary);
+}
+
+.credential-card__meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  font-size: 0.78rem;
+  color: var(--text-muted);
+}
+
+.credential-card__badge {
+  padding: 1px 6px;
+  border-radius: 4px;
+  font-size: 0.72rem;
+  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+}
+
+.credential-card__badge--set {
+  background: rgba(80, 200, 120, 0.15);
+  color: var(--provider-status-ok);
+}
+
+.credential-card__badge--unset {
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--text-muted);
+}
+
+.credential-card__masked {
+  font-family: "Cascadia Code", "Fira Code", monospace;
+  color: var(--text-secondary);
+}
+
+.credential-card__label {
+  color: var(--text-eyebrow);
+  font-style: italic;
+}
+
+.credential-card__date {
+  color: var(--text-muted);
+}
+
+.credential-card__help {
+  margin: 0;
+  font-size: 0.78rem;
+  color: var(--text-muted);
+  line-height: 1.4;
+}
+
+.credential-card__link {
+  padding: 0;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  font-size: 0.78rem;
+  color: var(--text-eyebrow);
+  text-decoration: none;
+}
+
+.credential-card__link:hover {
+  text-decoration: underline;
+}
+
+.credential-card__actions {
+  display: flex;
+  gap: 6px;
+  flex-shrink: 0;
+}
+
+.credential-btn {
+  padding: 5px 12px;
+  border: 1px solid rgba(var(--surface-tint-rgb), 0.1);
+  border-radius: 6px;
+  background: rgba(var(--surface-tint-rgb), 0.06);
+  color: var(--text-secondary);
+  font-size: 0.78rem;
+  font-weight: 600;
+  font-family: inherit;
+  cursor: pointer;
+  transition: background 0.12s, color 0.12s, border-color 0.12s;
+}
+
+.credential-btn:hover:not(:disabled) {
+  background: rgba(var(--surface-tint-rgb), 0.1);
+  color: var(--text-primary);
+  border-color: rgba(var(--surface-tint-rgb), 0.18);
+}
+
+.credential-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.credential-btn--primary {
+  background: rgba(10, 132, 255, 0.15);
+  color: var(--accent);
+  border-color: rgba(10, 132, 255, 0.3);
+}
+
+.credential-btn--primary:hover:not(:disabled) {
+  background: rgba(10, 132, 255, 0.25);
+  color: var(--text-primary);
+}
+
+.credential-btn--danger {
+  color: var(--provider-status-error);
+  border-color: rgba(255, 108, 108, 0.22);
+}
+
+.credential-btn--danger:hover:not(:disabled) {
+  background: rgba(255, 108, 108, 0.12);
+  border-color: rgba(255, 108, 108, 0.4);
+}
+
+.credential-card__edit {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-top: 4px;
+}
+
+.credential-card__input {
+  width: 100% !important;
+}
+
+.credential-card__input--label {
+  max-width: 220px;
+}
+
+.credential-card__edit-actions {
+  display: flex;
+  gap: 6px;
+}
+
+.credential-empty {
+  margin: 8px 0;
+  padding: 16px;
+  border-radius: 10px;
+  background: rgba(255, 255, 255, 0.03);
+  color: var(--text-muted);
+  font-size: 0.84rem;
+  text-align: center;
+}
+
+.credential-add-form {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.credential-textarea {
+  width: 100% !important;
+  min-height: 60px;
+  resize: vertical;
+  font-family: "Cascadia Code", "Fira Code", monospace;
+  font-size: 0.8rem;
+}
+
+/* ── About tab ───────────────────────────────────────────────────── */
+
+.about-section {
+  align-items: center;
+  text-align: center;
+  padding: 24px 0 0;
+}
+
+.about-header {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin-bottom: 12px;
+}
+
+.about-icon {
+  width: 64px;
+  height: 64px;
+  border-radius: 14px;
+  object-fit: contain;
+}
+
+.about-title-block {
+  text-align: left;
+}
+
+.about-title {
+  margin: 0;
+  font-size: 1.6rem;
+  font-weight: 700;
+  color: var(--text-primary);
+}
+
+.about-version {
+  margin: 2px 0 0;
+  font-size: 0.88rem;
+  color: var(--text-eyebrow);
+}
+
+.about-build {
+  color: var(--text-muted);
+}
+
+.about-tagline {
+  margin: 0 0 16px;
+  color: var(--text-secondary);
+  font-size: 0.88rem;
+  font-style: italic;
+}
+
+.about-details {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-bottom: 16px;
+  padding: 12px 20px;
+  border-radius: 10px;
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.about-detail-row {
+  display: flex;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.about-detail-label {
+  font-size: 0.82rem;
+  color: var(--text-muted);
+}
+
+.about-detail-value {
+  font-size: 0.82rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  text-transform: capitalize;
+}
+
+.about-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.about-update-msg {
+  font-size: 0.82rem;
+  color: var(--text-eyebrow);
+}
+
+.about-links {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+.about-link {
+  font-size: 0.84rem;
+  color: var(--text-eyebrow);
+  text-decoration: none;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  font: inherit;
+  appearance: none;
+}
+
+.about-link:hover {
+  text-decoration: underline;
+}
+
+.about-link-sep {
+  color: var(--text-muted);
+}
+
+.about-copyright {
+  margin: 0;
+  font-size: 0.76rem;
+  color: var(--text-muted);
+}
+
+.about-link--inline {
+  font-size: inherit;
+  color: var(--text-eyebrow);
+}
+
diff --git a/apps/desktop-tauri/src/styles/tray-panel.css b/apps/desktop-tauri/src/styles/tray-panel.css
new file mode 100644
index 00000000000..82ab3ff422b
--- /dev/null
+++ b/apps/desktop-tauri/src/styles/tray-panel.css
@@ -0,0 +1,632 @@
+/* ── Tray Panel ───────────────────────────────────────────────────── */
+
+/* Hide the panel during the initial resize + reposition dance so the
+   user never sees the window jump around.  Once layout is measured and
+   the window is anchored in its final position, .tray-panel-reveal--ready
+   fades the content in smoothly. */
+:root {
+  --mac-panel-bg: #dedee2;
+}
+html:has(.tray-panel-reveal),
+body:has(.tray-panel-reveal),
+.tray-panel-reveal {
+  background: var(--mac-panel-bg);
+}
+.tray-panel-reveal {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  opacity: 0;
+}
+.tray-panel-reveal--ready {
+  opacity: 1;
+  transition: opacity 80ms ease-out;
+}
+.tray-panel-reveal .menu-surface--tray {
+  flex-grow: 1;
+}
+.tray-panel-reveal .menu-surface--tray .menu-surface__footer {
+  margin-top: auto;
+}
+
+/* spin animation for refresh */
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+.spin {
+  display: inline-block;
+  animation: spin 0.8s linear infinite;
+}
+
+/* ── Shared surface chrome ────────────────────────────────────────── */
+
+.surface-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+
+.surface-header__title {
+  margin: 0;
+  font-size: 0.88rem;
+  font-weight: 700;
+  letter-spacing: 0.01em;
+  color: var(--text-primary);
+}
+
+.surface-header__actions {
+  display: flex;
+  gap: 3px;
+}
+
+.surface-action-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--text-muted);
+  font-size: 0.9rem;
+  cursor: pointer;
+  transition: background 0.12s, color 0.12s;
+}
+
+.surface-action-btn:hover {
+  background: var(--surface-elevated);
+  color: var(--text-primary);
+}
+
+.surface-action-btn:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+.surface-summary {
+  padding: 4px 8px;
+  margin-bottom: 8px;
+  border-radius: 6px;
+  background: var(--surface-elevated);
+  color: var(--text-eyebrow);
+  font-size: 0.72rem;
+  font-weight: 600;
+}
+
+.surface-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 32px 16px;
+  text-align: center;
+  color: var(--text-muted);
+}
+
+.surface-empty p {
+  margin: 0;
+  font-size: 0.82rem;
+}
+
+.surface-empty__hint {
+  font-size: 0.72rem;
+  color: var(--text-muted);
+}
+
+.surface-empty__spinner {
+  width: 20px;
+  height: 20px;
+  border: 2px solid var(--accent-muted);
+  border-top-color: var(--accent);
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+}
+
+/* provider card list */
+.tray-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  overflow-y: auto;
+  max-height: calc(100vh - 120px);
+}
+
+/* individual card */
+.tray-card {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  width: 100%;
+  padding: 10px 12px;
+  border: 1px solid rgba(255, 255, 255, 0.06);
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.04);
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+  transition: background 0.12s, border-color 0.12s;
+}
+
+.tray-card:hover {
+  background: rgba(255, 255, 255, 0.08);
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+.tray-card--selected {
+  border-color: var(--accent);
+  background: rgba(10, 132, 255, 0.08);
+}
+
+.tray-card--error {
+  border-color: rgba(255, 108, 108, 0.3);
+}
+
+.tray-card__header {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.tray-card__name {
+  font-size: 0.88rem;
+  font-weight: 600;
+  color: var(--text-primary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.tray-card__plan {
+  font-size: 0.72rem;
+  color: var(--text-eyebrow);
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+.tray-card__meta {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+  font-size: 0.72rem;
+  color: var(--text-muted);
+}
+
+.tray-card__err {
+  color: var(--provider-status-error);
+  font-weight: 600;
+}
+
+/* usage bar */
+.usage-bar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.usage-bar--compact {
+  gap: 6px;
+}
+
+.usage-bar__label {
+  font-size: 0.76rem;
+  color: var(--text-muted);
+  font-weight: 600;
+  min-width: 72px;
+  flex-shrink: 0;
+}
+
+.usage-bar__track {
+  flex: 1;
+  height: 6px;
+  border-radius: 3px;
+  background: var(--usage-bar-track);
+  overflow: hidden;
+}
+
+.usage-bar--compact .usage-bar__track {
+  height: 5px;
+}
+
+.usage-bar__fill {
+  height: 100%;
+  border-radius: 3px;
+  transition: width 0.3s ease;
+  background: var(--usage-bar-normal);
+}
+
+.usage-bar__fill[data-level="high"] {
+  background: var(--usage-bar-high);
+}
+.usage-bar__fill[data-level="critical"] {
+  background: var(--usage-bar-critical);
+}
+.usage-bar__fill[data-level="exhausted"] {
+  background: var(--usage-bar-exhausted);
+}
+
+.usage-bar__pct {
+  font-size: 0.74rem;
+  font-weight: 600;
+  color: var(--text-secondary);
+  min-width: 30px;
+  text-align: right;
+}
+
+.tray-btn {
+  padding: 8px 16px;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+  background: transparent;
+  color: var(--text-primary);
+  font-size: 0.84rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background 0.12s;
+}
+
+.tray-btn:hover {
+  background: rgba(255, 255, 255, 0.06);
+}
+
+.tray-btn--primary {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: #fff;
+}
+
+.tray-btn--primary:hover {
+  background: #0070e0;
+}
+
+/* ── Detail view ──────────────────────────────────────────────────── */
+
+.tray-detail {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.tray-detail__back {
+  align-self: flex-start;
+  padding: 4px 10px;
+  border: none;
+  border-radius: 6px;
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--text-secondary);
+  font-size: 0.78rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background 0.12s;
+}
+
+.tray-detail__back:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.tray-detail__head {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.tray-detail__name {
+  margin: 0;
+  font-size: 1.05rem;
+}
+
+.tray-detail__plan {
+  font-size: 0.78rem;
+  color: var(--text-eyebrow);
+  font-weight: 600;
+}
+
+.tray-detail__email {
+  font-size: 0.76rem;
+  color: var(--text-muted);
+}
+
+.tray-detail__error {
+  padding: 8px 10px;
+  border-radius: 8px;
+  background: rgba(255, 108, 108, 0.08);
+  color: var(--provider-status-error);
+  font-size: 0.82rem;
+  line-height: 1.4;
+}
+
+.tray-detail__windows {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.tray-detail__window {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 8px 10px;
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.tray-detail__window-meta {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+  font-size: 0.72rem;
+  color: var(--text-muted);
+}
+
+.tray-detail__exhausted {
+  color: var(--provider-status-error);
+  font-weight: 600;
+}
+
+.tray-detail__cost {
+  padding: 10px;
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.tray-detail__cost h3 {
+  margin: 0 0 8px;
+  font-size: 0.82rem;
+  color: var(--text-eyebrow);
+  font-weight: 600;
+  text-transform: none;
+  letter-spacing: 0;
+}
+
+.tray-detail__cost-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 4px 0;
+  font-size: 0.82rem;
+}
+
+.tray-detail__cost-row span {
+  color: var(--text-muted);
+}
+
+.tray-detail__cost-row strong {
+  color: var(--text-primary);
+}
+
+.tray-detail__footer {
+  display: flex;
+  justify-content: space-between;
+  font-size: 0.7rem;
+  color: var(--text-muted);
+  padding-top: 4px;
+  border-top: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+.tray-detail__source,
+.tray-detail__updated {
+  white-space: nowrap;
+}
+
+/* ── Update Banner ────────────────────────────────────────────────── */
+
+.update-banner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  padding: 8px 12px;
+  margin-bottom: 10px;
+  border-radius: 10px;
+  font-size: 0.82rem;
+  font-weight: 600;
+}
+
+.update-banner--checking {
+  background: rgba(10, 132, 255, 0.08);
+  color: var(--accent);
+}
+
+.update-banner--available {
+  background: rgba(93, 220, 130, 0.12);
+  color: #6edd97;
+}
+
+.update-banner--downloading {
+  background: rgba(10, 132, 255, 0.08);
+  color: var(--accent);
+}
+
+.update-banner--ready {
+  background: rgba(93, 220, 130, 0.15);
+  color: #6edd97;
+}
+
+.update-banner--error {
+  background: rgba(255, 108, 108, 0.1);
+  color: var(--provider-status-error);
+}
+
+.update-banner__action {
+  padding: 4px 10px;
+  border: 1px solid currentColor;
+  border-radius: 6px;
+  background: transparent;
+  color: inherit;
+  font-size: 0.78rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background 0.12s;
+  white-space: nowrap;
+}
+
+.update-banner__action:hover {
+  background: rgba(var(--surface-tint-rgb), 0.06);
+}
+
+/* ── Provider detail: org label ─────────────────────────────────────── */
+
+.tray-detail__org {
+  font-size: 0.78rem;
+  color: var(--text-muted);
+}
+
+/* ── Provider detail: pace indicator ───────────────────────────────── */
+
+.tray-detail__pace {
+  margin-top: 12px;
+  padding: 10px 12px;
+  border-radius: 10px;
+  background: rgba(255, 255, 255, 0.04);
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.tray-detail__pace-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.tray-detail__pace-title {
+  font-size: 0.78rem;
+  font-weight: 600;
+  letter-spacing: 0;
+  text-transform: none;
+  color: var(--text-eyebrow);
+}
+
+.tray-detail__pace-label {
+  font-size: 0.82rem;
+  font-weight: 600;
+}
+
+.tray-detail__pace-bars {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.tray-detail__pace-track {
+  height: 6px;
+  border-radius: 3px;
+  background: rgba(255, 255, 255, 0.08);
+  overflow: hidden;
+}
+
+.tray-detail__pace-fill {
+  height: 100%;
+  border-radius: 3px;
+  background: var(--usage-bar-normal);
+  transition: width 0.3s ease;
+}
+
+.tray-detail__pace-fill[data-pace="slow"] {
+  background: var(--pace-slow-fg);
+}
+.tray-detail__pace-fill[data-pace="steady"] {
+  background: var(--pace-steady-fg);
+}
+.tray-detail__pace-fill[data-pace="racing"] {
+  background: var(--pace-racing-fg);
+}
+.tray-detail__pace-fill[data-pace="burning"] {
+  background: var(--pace-burning-fg);
+}
+
+.tray-detail__pace-fill--expected {
+  background: var(--pace-track-expected-fg) !important;
+}
+
+.tray-detail__pace-label[data-pace="slow"] {
+  color: var(--pace-slow-fg);
+}
+.tray-detail__pace-label[data-pace="steady"] {
+  color: var(--pace-steady-fg);
+}
+.tray-detail__pace-label[data-pace="racing"] {
+  color: var(--pace-racing-fg);
+}
+.tray-detail__pace-label[data-pace="burning"] {
+  color: var(--pace-burning-fg);
+}
+
+/* ── Tray card: pace badge pill ──────────────────────────── */
+
+.tray-pace-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 1px 8px;
+  border-radius: 999px;
+  font-size: 0.7rem;
+  font-weight: 600;
+  line-height: 1.5;
+  white-space: nowrap;
+}
+
+.tray-pace-badge[data-pace="slow"] {
+  background: var(--pace-slow-bg);
+  color: var(--pace-slow-fg);
+}
+.tray-pace-badge[data-pace="steady"] {
+  background: var(--pace-steady-bg);
+  color: var(--pace-steady-fg);
+}
+.tray-pace-badge[data-pace="racing"] {
+  background: var(--pace-racing-bg);
+  color: var(--pace-racing-fg);
+}
+.tray-pace-badge[data-pace="burning"] {
+  background: var(--pace-burning-bg);
+  color: var(--pace-burning-fg);
+}
+
+.tray-pace-badge__delta {
+  font-variant-numeric: tabular-nums;
+  opacity: 0.85;
+}
+
+.tray-card__pace-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.tray-card__pace-row .usage-bar {
+  flex: 1;
+  min-width: 0;
+}
+
+.tray-card__reset--countdown {
+  font-variant-numeric: tabular-nums;
+  color: var(--provider-row-text-secondary);
+}
+
+.tray-detail__pace-eta {
+  font-size: 0.78rem;
+  color: #fb923c;
+  font-weight: 500;
+}
+
+.tray-detail__pace-ok {
+  font-size: 0.78rem;
+  color: #06d6a0;
+  font-weight: 500;
+}
+
+/* ── Provider detail: charts section ───────────────────────────────── */
+
+.tray-detail__charts {
+  margin-top: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
diff --git a/apps/desktop-tauri/src/surfaces/TrayPanel.period.test.tsx b/apps/desktop-tauri/src/surfaces/TrayPanel.period.test.tsx
index b2281b72194..e7f0408408b 100644
--- a/apps/desktop-tauri/src/surfaces/TrayPanel.period.test.tsx
+++ b/apps/desktop-tauri/src/surfaces/TrayPanel.period.test.tsx
@@ -65,42 +65,15 @@ import TrayPanel, { splitSpendTitle } from "./TrayPanel";
 import { LocaleProvider } from "../i18n/LocaleProvider";
 import { buildBundle } from "../test/localeHarness";
 import type { ProviderUsageSnapshot, SettingsSnapshot } from "../types/bridge";
+import { makeRateWindow, makeUsageSnapshot } from "../test/fixtures";
 
-function rateWindow(used: number) {
-  return {
-    usedPercent: used,
-    remainingPercent: 100 - used,
-    windowMinutes: null,
-    resetsAt: null,
-    resetDescription: null,
-    isExhausted: false,
-    reservePercent: null,
-    reserveDescription: null,
-  };
-}
-
-const codex: ProviderUsageSnapshot = {
-  providerId: "codex",
+const codex: ProviderUsageSnapshot = makeUsageSnapshot("codex", {
   displayName: "Codex",
-  primary: rateWindow(35),
-  selectedMetric: rateWindow(35),
+  primary: makeRateWindow(35),
+  selectedMetric: makeRateWindow(35),
   primaryLabel: "Monthly",
-  secondary: null,
-  modelSpecific: null,
-  tertiary: null,
-  extraRateWindows: [],
-  cost: null,
-  planName: null,
-  accountEmail: null,
-  sourceLabel: "auto",
-  updatedAt: "2026-05-24T00:00:00Z",
-  error: null,
-  errorState: "ready",
-  pace: null,
-  accountOrganization: null,
-  trayStatusLabel: null,
   fetchDurationMs: null,
-};
+});
 
 const settings = {
   enabledProviders: ["codex"],
diff --git a/apps/desktop-tauri/src/surfaces/settings/SwitcherShortcutsSection.test.tsx b/apps/desktop-tauri/src/surfaces/settings/SwitcherShortcutsSection.test.tsx
index 57d684519a2..f99094fa57d 100644
--- a/apps/desktop-tauri/src/surfaces/settings/SwitcherShortcutsSection.test.tsx
+++ b/apps/desktop-tauri/src/surfaces/settings/SwitcherShortcutsSection.test.tsx
@@ -1,9 +1,7 @@
 import { act, fireEvent, render, screen } from "@testing-library/react";
 import { describe, expect, it, vi } from "vitest";
 
-vi.mock("../../hooks/useLocale", () => ({
-  useLocale: () => ({ t: (key: string) => key, language: "english" }),
-}));
+vi.mock("../../hooks/useLocale", () => import("../../test/mocks/locale"));
 
 import SwitcherShortcutsSection from "./SwitcherShortcutsSection";
 import type { SettingsSnapshot } from "../../types/bridge";
diff --git a/apps/desktop-tauri/src/surfaces/settings/providers/sections/MenuBarMetricSection.test.tsx b/apps/desktop-tauri/src/surfaces/settings/providers/sections/MenuBarMetricSection.test.tsx
index 3f43161dc1c..02dfd230109 100644
--- a/apps/desktop-tauri/src/surfaces/settings/providers/sections/MenuBarMetricSection.test.tsx
+++ b/apps/desktop-tauri/src/surfaces/settings/providers/sections/MenuBarMetricSection.test.tsx
@@ -1,7 +1,9 @@
+import { makeRateWindow as rateWindow } from "../../../../test/fixtures";
 import { fireEvent, render, screen } from "@testing-library/react";
 import { describe, expect, it, vi } from "vitest";
 import type { ProviderDetail } from "../../../../types/bridge";
 import { MenuBarMetricSection } from "./MenuBarMetricSection";
+import { makeRateWindow } from "../../../../test/fixtures";
 
 function provider(extra = true): ProviderDetail {
   return {
@@ -23,7 +25,7 @@ function provider(extra = true): ProviderDetail {
     modelSpecific: null,
     tertiary: null,
     extraRateWindows: extra
-      ? [{ id: "additional_budget", title: "Additional Budget", window: rateWindow(42) }]
+      ? [{ id: "additional_budget", title: "Additional Budget", window: makeRateWindow(42) }]
       : [],
     cost: null,
     pace: null,
@@ -45,9 +47,9 @@ function mistral(observed = true): ProviderDetail {
     displayName: "Mistral",
     primaryMetricLabel: "Included API",
     monthlyPlanWindowId: "mistral-monthly-plan",
-    session: observed ? rateWindow(2) : null,
+    session: observed ? makeRateWindow(2) : null,
     extraRateWindows: observed
-      ? [{ id: "mistral-monthly-plan", title: "Monthly Plan", window: rateWindow(42) }]
+      ? [{ id: "mistral-monthly-plan", title: "Monthly Plan", window: makeRateWindow(42) }]
       : [],
     hasSnapshot: observed,
   };
@@ -57,19 +59,6 @@ function optionNames() {
   return screen.getAllByRole("option").map((option) => option.textContent);
 }
 
-function rateWindow(usedPercent: number) {
-  return {
-    usedPercent,
-    remainingPercent: 100 - usedPercent,
-    windowMinutes: null,
-    resetsAt: null,
-    resetDescription: null,
-    isExhausted: false,
-    reservePercent: null,
-    reserveDescription: null,
-  };
-}
-
 describe("MenuBarMetricSection", () => {
   it("renders the provider-declared tertiary label key before observation", () => {
     const base = provider(false);
@@ -94,7 +83,7 @@ describe("MenuBarMetricSection", () => {
       providerMetrics: { opencodego: "tertiary" },
     });
 
-    const observed = { ...base, tertiary: rateWindow(37) };
+    const observed = { ...base, tertiary: makeRateWindow(37) };
     rerender(
       <MenuBarMetricSection
         provider={observed}
@@ -110,7 +99,7 @@ describe("MenuBarMetricSection", () => {
 
   it("keeps the generic tertiary label when no provider key is declared", () => {
     const base = provider(false);
-    base.tertiary = rateWindow(37);
+    base.tertiary = makeRateWindow(37);
 
     render(
       <MenuBarMetricSection
@@ -223,7 +212,7 @@ it("offers the provider-declared lane labels in the metric picker", () => {
     const base = provider(false);
     base.id = "litellm";
     base.displayName = "LiteLLM";
-    base.weekly = rateWindow(30);
+    base.weekly = makeRateWindow(30);
     base.primaryLabel = "Fuel Pack";
     base.secondaryLabel = "Gemini Pro";
 
@@ -245,7 +234,7 @@ it("offers the provider-declared lane labels in the metric picker", () => {
 
 it("keeps the generic metric labels when the provider declares none", () => {
     const base = provider(false);
-    base.weekly = rateWindow(30);
+    base.weekly = makeRateWindow(30);
 
     render(
       <MenuBarMetricSection
diff --git a/apps/desktop-tauri/src/surfaces/settings/providers/sections/UsageSection.test.tsx b/apps/desktop-tauri/src/surfaces/settings/providers/sections/UsageSection.test.tsx
index 4f226a5303b..4f8d5ac7d4e 100644
--- a/apps/desktop-tauri/src/surfaces/settings/providers/sections/UsageSection.test.tsx
+++ b/apps/desktop-tauri/src/surfaces/settings/providers/sections/UsageSection.test.tsx
@@ -1,9 +1,11 @@
+import { makeRateWindow as rateWindow } from "../../../../test/fixtures";
 import { render, screen } from "@testing-library/react";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import { LocaleProvider } from "../../../../i18n/LocaleProvider";
 import { buildBundle } from "../../../../test/localeHarness";
 import type { ProviderDetail } from "../../../../types/bridge";
 import { UsageSection } from "./UsageSection";
+import { makeRateWindow } from "../../../../test/fixtures";
 
 const tauriMocks = vi.hoisted(() => ({
   getLocaleStrings: vi.fn(),
@@ -20,19 +22,6 @@ vi.mock("../../../../lib/tauri", async (importOriginal) => ({
 }));
 vi.mock("@tauri-apps/api/event", () => eventMocks);
 
-function rateWindow(usedPercent: number) {
-  return {
-    usedPercent,
-    remainingPercent: 100 - usedPercent,
-    windowMinutes: null,
-    resetsAt: null,
-    resetDescription: null,
-    isExhausted: false,
-    reservePercent: null,
-    reserveDescription: null,
-  };
-}
-
 function provider(): ProviderDetail {
   return {
     id: "copilot",
@@ -48,12 +37,12 @@ function provider(): ProviderDetail {
     sourceLabel: null,
     organization: null,
     lastUpdated: null,
-    session: rateWindow(20),
+    session: makeRateWindow(20),
     weekly: null,
     modelSpecific: null,
     tertiary: null,
     extraRateWindows: [
-      { id: "additional_budget", title: "Additional Budget", window: rateWindow(42) },
+      { id: "additional_budget", title: "Additional Budget", window: makeRateWindow(42) },
     ],
     cost: null,
     pace: null,
@@ -120,7 +109,7 @@ describe("UsageSection", () => {
         ? new Date(Date.now() + 3 * 60 * 60 * 1000 + 30_000).toISOString()
         : null;
       detail.session = {
-        ...rateWindow(75),
+        ...makeRateWindow(75),
         resetsAt,
         resetDescription: "19.17 EUR / 25.50 EUR · 6.33 EUR remaining",
         descriptionIsDetail: true,
@@ -130,7 +119,7 @@ describe("UsageSection", () => {
           id: "mistral-monthly-plan",
           title: "Monthly Plan",
           window: {
-            ...rateWindow(13),
+            ...makeRateWindow(13),
             resetsAt,
             resetDescription: "34.07 EUR / 255.00 EUR · 220.93 EUR remaining",
             descriptionIsDetail: true,
@@ -159,7 +148,7 @@ describe("UsageSection", () => {
 
   it("filters only hidden metric and extra rows", async () => {
     const detail = provider();
-    detail.weekly = rateWindow(30);
+    detail.weekly = makeRateWindow(30);
     detail.hiddenUsageItemIds = [
       "metric:primary",
       "metric:extra-additional_budget",
@@ -179,7 +168,7 @@ describe("UsageSection", () => {
   it("marks an unavailable session without rendering a quota bar", async () => {
     const detail = provider();
     detail.session = {
-      ...rateWindow(0),
+      ...makeRateWindow(0),
       isInformational: true,
       resetDescription: "No active 5h session",
     };
@@ -201,7 +190,7 @@ describe("UsageSection", () => {
     detail.id = "kimi";
     detail.displayName = "Kimi";
     detail.session = {
-      ...rateWindow(0),
+      ...makeRateWindow(0),
       resetsAt: new Date(Date.now() + 3 * 60 * 60 * 1000).toISOString(),
       monthlyLimitBlock: { resetsAt: blockResetsAt },
     };
@@ -209,7 +198,7 @@ describe("UsageSection", () => {
       {
         id: "kimi-monthly",
         title: "Total usage",
-        window: { ...rateWindow(100), isExhausted: true, resetsAt: blockResetsAt },
+        window: { ...makeRateWindow(100), isExhausted: true, resetsAt: blockResetsAt },
       },
     ];
     return detail;
@@ -285,7 +274,7 @@ describe("UsageSection", () => {
 
   it("shows provider-declared lane labels in settings bars", async () => {
     const detail = provider();
-    detail.weekly = rateWindow(30);
+    detail.weekly = makeRateWindow(30);
     detail.primaryLabel = "Fuel Pack";
     detail.secondaryLabel = "Gemini Pro";
 
@@ -303,7 +292,7 @@ describe("UsageSection", () => {
 
   it("keeps the generic labels when the provider declares none", async () => {
     const detail = provider();
-    detail.weekly = rateWindow(30);
+    detail.weekly = makeRateWindow(30);
 
     render(
       <LocaleProvider>
diff --git a/apps/desktop-tauri/src/surfaces/settings/providers/sections/credentials/CodexAccountsSection.tsx b/apps/desktop-tauri/src/surfaces/settings/providers/sections/credentials/CodexAccountsSection.tsx
index dcb9d4fb926..a97c370a069 100644
--- a/apps/desktop-tauri/src/surfaces/settings/providers/sections/credentials/CodexAccountsSection.tsx
+++ b/apps/desktop-tauri/src/surfaces/settings/providers/sections/credentials/CodexAccountsSection.tsx
@@ -1,11 +1,6 @@
-import { useCallback, useEffect, useState } from "react";
-import { listen } from "@tauri-apps/api/event";
-import type {
-  CodexAccount,
-  CodexAccountsStateBridge,
-  CodexAccountUsageSnapshot,
-  CodexSwitchResult,
-} from "../../../../../types/bridge";
+import { useState } from "react";
+import type { CodexAccountUsageSnapshot, CodexSwitchResult } from "../../../../../types/bridge";
+import { useCodexAccountsState } from "../../../../../hooks/useCodexAccountsState";
 import type { LocaleKey } from "../../../../../i18n/keys";
 import {
   codexAccountAdd,
@@ -14,7 +9,6 @@ import {
   codexAccountRemove,
   codexAccountRestartDesktop,
   codexAccountSwitch,
-  getCodexAccountsState,
 } from "../../../../../lib/tauri";
 import { buildCodexAccountSurfaceLabels } from "../../../../../components/codexAccountDisplay";
 
@@ -35,55 +29,25 @@ interface Props {
  * a restart action is offered when a session snapshot is available to restore.
  */
 export function CodexAccountsSection({ t, hidePersonalInfo = false }: Props) {
-  const [accounts, setAccounts] = useState<CodexAccount[]>([]);
-  const [snapshots, setSnapshots] = useState<
-    Record<string, CodexAccountUsageSnapshot>
-  >({});
-  const [displayNames, setDisplayNames] = useState<Record<string, string>>({});
-  const [accountOrdinals, setAccountOrdinals] = useState<Record<string, number>>({});
-  const [accountNeedsAuthentication, setAccountNeedsAuthentication] = useState<Record<string, boolean>>({});
-  const [loaded, setLoaded] = useState(false);
-  const [busy, setBusy] = useState(false);
-  const [error, setError] = useState<string | null>(null);
+  const {
+    accounts,
+    snapshots,
+    displayNames,
+    accountOrdinals,
+    needsAuthentication: accountNeedsAuthentication,
+    loaded,
+    loading,
+    error,
+    setError,
+    load,
+    setSnapshot,
+  } = useCodexAccountsState();
+  const [acting, setBusy] = useState(false);
+  const busy = loading || acting;
   const [switchResult, setSwitchResult] = useState<CodexSwitchResult | null>(
     null,
   );
 
-  const load = useCallback(async () => {
-    setBusy(true);
-    setError(null);
-    try {
-      const next: CodexAccountsStateBridge = await getCodexAccountsState();
-      setAccounts(next.accounts);
-      setDisplayNames(next.displayNames ?? {});
-      setAccountOrdinals(next.accountOrdinals);
-      setSnapshots(next.snapshots);
-      setAccountNeedsAuthentication(next.needsAuthentication ?? {});
-      setLoaded(true);
-    } catch (err: unknown) {
-      setError(err instanceof Error ? err.message : String(err));
-    } finally {
-      setBusy(false);
-    }
-  }, []);
-
-  useEffect(() => {
-    void load();
-  }, [load]);
-
-  // Live-refresh after the provider engine runs the per-account lanes
-  // (ADR 0003 multi-account refresh) so the panel stays current.
-  useEffect(() => {
-    let cancelled = false;
-    const unlistenPromise = listen("codex-accounts-updated", () => {
-      if (!cancelled) void load();
-    });
-    return () => {
-      cancelled = true;
-      void unlistenPromise.then((fn) => fn());
-    };
-  }, [load]);
-
   const handleAdd = async () => {
     setBusy(true);
     setError(null);
@@ -118,7 +82,7 @@ export function CodexAccountsSection({ t, hidePersonalInfo = false }: Props) {
     setError(null);
     try {
       const snapshot = await codexAccountFetch(id);
-      setSnapshots((prev) => ({ ...prev, [id]: snapshot }));
+      setSnapshot(id, snapshot);
     } catch (err: unknown) {
       setError(err instanceof Error ? err.message : String(err));
     } finally {
diff --git a/apps/desktop-tauri/src/surfaces/settings/providers/sections/credentials/GrokAccountsSection.test.tsx b/apps/desktop-tauri/src/surfaces/settings/providers/sections/credentials/GrokAccountsSection.test.tsx
index 2ab7fdd661e..6dcd57d4368 100644
--- a/apps/desktop-tauri/src/surfaces/settings/providers/sections/credentials/GrokAccountsSection.test.tsx
+++ b/apps/desktop-tauri/src/surfaces/settings/providers/sections/credentials/GrokAccountsSection.test.tsx
@@ -17,7 +17,7 @@ const events = vi.hoisted(() => ({
 }));
 vi.mock("../../../../../lib/tauri", () => mocks);
 vi.mock("@tauri-apps/api/event", () => events);
-vi.mock("../../../../../hooks/useLocale", () => ({ useLocale: () => ({ t: (key: string) => key }) }));
+vi.mock("../../../../../hooks/useLocale", () => import("../../../../../test/mocks/locale"));
 import { GrokAccountsSection } from "./GrokAccountsSection";
 
 const t = (key: string) => key;
diff --git a/apps/desktop-tauri/src/surfaces/settings/tabs/AboutTab.test.tsx b/apps/desktop-tauri/src/surfaces/settings/tabs/AboutTab.test.tsx
index 3ab255e405b..2e27b6f3605 100644
--- a/apps/desktop-tauri/src/surfaces/settings/tabs/AboutTab.test.tsx
+++ b/apps/desktop-tauri/src/surfaces/settings/tabs/AboutTab.test.tsx
@@ -37,87 +37,20 @@ vi.mock("../../../hooks/useUpdateState", () => ({
 
 import AboutTab from "./AboutTab";
 import type { SettingsSnapshot } from "../../../types/bridge";
+import { makeSettings } from "../../../test/fixtures";
 
-const settings: SettingsSnapshot = {
+const settings: SettingsSnapshot = makeSettings({
   enabledProviders: [],
-  refreshIntervalSecs: 300,
-    adaptiveRefresh: false,
-  refreshAllProvidersOnMenuOpen: false,
-  statusChecksEnabled: true,
-  lowPowerMode: false,
-  startAtLogin: false,
-  startMinimized: false,
-  showNotifications: true,
-  soundEnabled: true,
-  notificationSoundTheme: "windows",
-  notificationSoundPaths: {
-    predictiveWarning: null,
-    highUsage: null,
-    criticalUsage: null,
-    exhausted: null,
-    statusIssue: null,
-    sessionDepleted: null,
-    sessionRestored: null,
-  },
-  highUsageThreshold: 70,
-  criticalUsageThreshold: 90,
-  predictivePaceWarningEnabled: false,
-  credentialExpiryNotificationsEnabled: false,
-  trayIconMode: "single",
-  switcherShowsIcons: true,
   menuBarShowsHighestUsage: true,
   menuBarShowsPercent: true,
   menuBarIconStyle: "percent",
-  mergedOverviewSelectedProviders: [],
-  quotaWarningMarkersVisible: true,
-  workdayTickStyle: "subtle",
-  menuBarColorPace: false,
-  menuBarColorByProvider: false,
-  menuBarPaceReservePositive: false,
-  providersSortedAlphabetically: false,
   showAsUsed: false,
   showAllTokenAccountsInMenu: true,
-  enableAnimations: true,
-  resetTimeRelative: true,
-  showResetWhenExhausted: false,
   menuBarDisplayMode: "compact",
-  overviewLayout: "detailed",
-  hidePersonalInfo: false,
-  autoDownloadUpdates: false,
-  installUpdatesOnQuit: false,
   globalShortcut: "",
-  switcherShortcuts: {},
-  codexCustomSessionsDirs: [],
-  antigravityAdditionalProfileHomes: [],
-  updateChannel: "stable",
-  uiLanguage: "english",
-  uiLanguageFollowsSystem: false,
-  theme: "dark",
-  windowScalePercent: 125,
-  trayScalePercent: 100,
-  trayPanelAlwaysOnTop: false,
-  powertoysStatusPipeEnabled: false,
   claudeAvoidKeychainPrompts: true,
-  codexSparkUsageVisible: true,
-  disableKeychainAccess: false,
-  providerMetrics: {},
-  floatBarEnabled: false,
   floatBarOpacity: 0.9,
-  floatBarScale: 100,
-  floatBarOrientation: "horizontal",
-  floatBarStyle: "floating",
-  floatBarClickThrough: false,
-  floatBarProviderIds: [],
-  floatBarDarkText: false,
-  floatBarShowResetInline: false,
-  floatBarShowCost: false,
-  claudeDailyRoutinesUsageVisible: true,
-  claudeAllowReadingClaudeCodeCredentials: false,
-  alibabaTokenPlanRegion: "cn",
-  weeklyProgressWorkDays: null,
-    costSummaryDisplayStyle: "compact",
-    providerAccentColors: {},
-};
+});
 
 describe("AboutTab", () => {
   beforeEach(() => {
diff --git a/apps/desktop-tauri/src/surfaces/settings/tabs/AboutTab.tsx b/apps/desktop-tauri/src/surfaces/settings/tabs/AboutTab.tsx
index cd4eaa278af..d557a6989d4 100644
--- a/apps/desktop-tauri/src/surfaces/settings/tabs/AboutTab.tsx
+++ b/apps/desktop-tauri/src/surfaces/settings/tabs/AboutTab.tsx
@@ -32,6 +32,7 @@ const ABOUT_LINKS: ReadonlyArray<{ labelKey: LocaleKey; url: string }> = [
 
 export default function AboutTab({ settings, set, saving }: TabProps) {
   const { t } = useLocale();
+  const ctl = { settings, set, saving };
   const [appInfo, setAppInfo] = useState<AppInfoBridge | null>(null);
   const { updateState, checkNow, download, apply, openRelease } =
     useUpdateState();
diff --git a/apps/desktop-tauri/src/surfaces/settings/tabs/AdvancedTab.test.tsx b/apps/desktop-tauri/src/surfaces/settings/tabs/AdvancedTab.test.tsx
index cc5fa550fab..dd5f6e25987 100644
--- a/apps/desktop-tauri/src/surfaces/settings/tabs/AdvancedTab.test.tsx
+++ b/apps/desktop-tauri/src/surfaces/settings/tabs/AdvancedTab.test.tsx
@@ -8,93 +8,24 @@ const tauriMocks = vi.hoisted(() => ({
 }));
 
 vi.mock("../../../lib/tauri", () => tauriMocks);
-vi.mock("../../../hooks/useLocale", () => ({
-  useLocale: () => ({ t: (key: string) => key }),
-}));
+vi.mock("../../../hooks/useLocale", () => import("../../../test/mocks/locale"));
 
 import AdvancedTab from "./AdvancedTab";
 import type { SettingsSnapshot } from "../../../types/bridge";
+import { makeSettings } from "../../../test/fixtures";
 
-const settings: SettingsSnapshot = {
+const settings: SettingsSnapshot = makeSettings({
   enabledProviders: [],
-  refreshIntervalSecs: 300,
-  adaptiveRefresh: false,
-  refreshAllProvidersOnMenuOpen: false,
-  statusChecksEnabled: true,
-  lowPowerMode: false,
-  startAtLogin: false,
-  startMinimized: false,
-  showNotifications: true,
-  soundEnabled: true,
-  notificationSoundTheme: "windows",
-  highUsageThreshold: 70,
-  criticalUsageThreshold: 90,
-  predictivePaceWarningEnabled: false,
-  credentialExpiryNotificationsEnabled: false,
-  trayIconMode: "single",
-  switcherShowsIcons: true,
   menuBarShowsHighestUsage: true,
   menuBarShowsPercent: true,
   menuBarIconStyle: "percent",
-  mergedOverviewSelectedProviders: [],
-  quotaWarningMarkersVisible: true,
-  workdayTickStyle: "subtle",
-  menuBarColorPace: false,
-  menuBarColorByProvider: false,
-  menuBarPaceReservePositive: false,
-  providersSortedAlphabetically: false,
   showAsUsed: false,
   showAllTokenAccountsInMenu: true,
-  enableAnimations: true,
-  resetTimeRelative: true,
-  showResetWhenExhausted: false,
   menuBarDisplayMode: "compact",
-  overviewLayout: "detailed",
-  notificationSoundPaths: {
-    predictiveWarning: null,
-    highUsage: null,
-    criticalUsage: null,
-    exhausted: null,
-    statusIssue: null,
-    sessionDepleted: null,
-    sessionRestored: null,
-  },
-  hidePersonalInfo: false,
-  autoDownloadUpdates: false,
-  installUpdatesOnQuit: false,
   globalShortcut: "",
-  switcherShortcuts: {},
-  codexCustomSessionsDirs: [],
-  antigravityAdditionalProfileHomes: [],
-  updateChannel: "stable",
-  uiLanguage: "english",
-  uiLanguageFollowsSystem: false,
-  theme: "dark",
-  windowScalePercent: 125,
-  trayScalePercent: 100,
-  trayPanelAlwaysOnTop: false,
-  powertoysStatusPipeEnabled: false,
   claudeAvoidKeychainPrompts: true,
-  codexSparkUsageVisible: true,
-  disableKeychainAccess: false,
-  providerMetrics: {},
-  floatBarEnabled: false,
   floatBarOpacity: 0.9,
-  floatBarScale: 100,
-  floatBarOrientation: "horizontal",
-  floatBarStyle: "floating",
-  floatBarClickThrough: false,
-  floatBarProviderIds: [],
-  floatBarDarkText: false,
-  floatBarShowResetInline: false,
-  floatBarShowCost: false,
-  claudeDailyRoutinesUsageVisible: true,
-  claudeAllowReadingClaudeCodeCredentials: false,
-  alibabaTokenPlanRegion: "cn",
-  weeklyProgressWorkDays: null,
-  costSummaryDisplayStyle: "compact",
-  providerAccentColors: {},
-};
+});
 
 describe("AdvancedTab", () => {
   beforeEach(() => {
diff --git a/apps/desktop-tauri/src/surfaces/settings/tabs/GeneralTab.tsx b/apps/desktop-tauri/src/surfaces/settings/tabs/GeneralTab.tsx
index 25925788ada..215c15f48de 100644
--- a/apps/desktop-tauri/src/surfaces/settings/tabs/GeneralTab.tsx
+++ b/apps/desktop-tauri/src/surfaces/settings/tabs/GeneralTab.tsx
@@ -146,6 +146,7 @@ export default function GeneralTab({
   saving,
 }: TabProps & { mode?: "general" | "notifications" }) {
   const { t } = useLocale();
+  const ctl = { settings, set, saving };
   const [playingSound, setPlayingSound] = useState<NotificationSoundEvent | null>(null);
   const [soundError, setSoundError] = useState<string | null>(null);
   const [shortcutError, setShortcutError] = useState<string | null>(null);
diff --git a/apps/desktop-tauri/src/surfaces/settings/tabs/PreferencesTransferSection.test.tsx b/apps/desktop-tauri/src/surfaces/settings/tabs/PreferencesTransferSection.test.tsx
index e79ded6033d..03c1a8d7490 100644
--- a/apps/desktop-tauri/src/surfaces/settings/tabs/PreferencesTransferSection.test.tsx
+++ b/apps/desktop-tauri/src/surfaces/settings/tabs/PreferencesTransferSection.test.tsx
@@ -16,9 +16,7 @@ vi.mock("../../../lib/tauri", () => ({
   exportPreferences: mocks.exportPreferences,
   importPreferences: mocks.importPreferences,
 }));
-vi.mock("../../../hooks/useLocale", () => ({
-  useLocale: () => ({ t: (key: string) => key }),
-}));
+vi.mock("../../../hooks/useLocale", () => import("../../../test/mocks/locale"));
 
 import PreferencesTransferSection from "./PreferencesTransferSection";
 
diff --git a/apps/desktop-tauri/src/surfaces/settings/tabs/UsageSpendTab.test.tsx b/apps/desktop-tauri/src/surfaces/settings/tabs/UsageSpendTab.test.tsx
index acea02baf3e..41af2d82498 100644
--- a/apps/desktop-tauri/src/surfaces/settings/tabs/UsageSpendTab.test.tsx
+++ b/apps/desktop-tauri/src/surfaces/settings/tabs/UsageSpendTab.test.tsx
@@ -8,9 +8,7 @@ const tauriMocks = vi.hoisted(() => ({
 
 vi.mock("../../../lib/tauri", () => tauriMocks);
 vi.mock("@tauri-apps/plugin-dialog", () => ({ save: vi.fn() }));
-vi.mock("@tauri-apps/api/event", () => ({
-  listen: vi.fn().mockResolvedValue(() => {}),
-}));
+vi.mock("@tauri-apps/api/event", () => import("../../../test/mocks/event"));
 
 const EN: Record<string, string> = {
   CostPeriodMonthToDate: "Month to date",
diff --git a/apps/desktop-tauri/src/surfaces/tray/paceCategory.test.ts b/apps/desktop-tauri/src/surfaces/tray/paceCategory.test.ts
index cbbcd0c4b7e..f91d23a37d8 100644
--- a/apps/desktop-tauri/src/surfaces/tray/paceCategory.test.ts
+++ b/apps/desktop-tauri/src/surfaces/tray/paceCategory.test.ts
@@ -1,5 +1,5 @@
 import { describe, it, expect } from "vitest";
-import { paceCategory, paceCategoryKey } from "./paceCategory";
+import { paceCategory } from "./paceCategory";
 import type { PaceSnapshot } from "../../types/bridge";
 
 type Stage = PaceSnapshot["stage"];
@@ -24,17 +24,4 @@ describe("paceCategory", () => {
     // @ts-expect-error — deliberately exercising the default arm.
     expect(paceCategory("wat")).toBe("steady");
   });
-
-  it("maps each category to a distinct locale key", () => {
-    const keys = (["slow", "steady", "racing", "burning"] as const).map(
-      paceCategoryKey,
-    );
-    expect(new Set(keys).size).toBe(4);
-    expect(keys).toEqual([
-      "TrayPaceBadgeSlow",
-      "TrayPaceBadgeSteady",
-      "TrayPaceBadgeRacing",
-      "TrayPaceBadgeBurning",
-    ]);
-  });
 });
diff --git a/apps/desktop-tauri/src/surfaces/tray/paceCategory.ts b/apps/desktop-tauri/src/surfaces/tray/paceCategory.ts
index ac3b86aa497..4e6c196b00f 100644
--- a/apps/desktop-tauri/src/surfaces/tray/paceCategory.ts
+++ b/apps/desktop-tauri/src/surfaces/tray/paceCategory.ts
@@ -1,5 +1,4 @@
 import type { PaceSnapshot } from "../../types/bridge";
-import type { LocaleKey } from "../../i18n/keys";
 
 /**
  * Broad pace categories used for the tray / pop-out pace badge.
@@ -27,16 +26,3 @@ export function paceCategory(stage: PaceSnapshot["stage"]): PaceCategory {
       return "steady";
   }
 }
-
-export function paceCategoryKey(category: PaceCategory): LocaleKey {
-  switch (category) {
-    case "slow":
-      return "TrayPaceBadgeSlow";
-    case "steady":
-      return "TrayPaceBadgeSteady";
-    case "racing":
-      return "TrayPaceBadgeRacing";
-    case "burning":
-      return "TrayPaceBadgeBurning";
-  }
-}
diff --git a/apps/desktop-tauri/src/test/fixtures.ts b/apps/desktop-tauri/src/test/fixtures.ts
new file mode 100644
index 00000000000..b35c085eba4
--- /dev/null
+++ b/apps/desktop-tauri/src/test/fixtures.ts
@@ -0,0 +1,138 @@
+import type {
+  ProviderUsageSnapshot,
+  RateWindowSnapshot,
+  SettingsSnapshot,
+} from "../types/bridge";
+
+/** A complete SettingsSnapshot with stable defaults; tests pass only the fields they assert on. */
+export function makeSettings(overrides: Partial<SettingsSnapshot> = {}): SettingsSnapshot {
+  return {
+    enabledProviders: ["codex", "claude"],
+    refreshIntervalSecs: 300,
+    adaptiveRefresh: false,
+    refreshAllProvidersOnMenuOpen: false,
+    statusChecksEnabled: true,
+    menuBarIconStyle: "bars",
+    mergedOverviewSelectedProviders: [],
+    quotaWarningMarkersVisible: true,
+    workdayTickStyle: "subtle",
+    menuBarColorByProvider: false,
+    menuBarPaceReservePositive: false,
+    providersSortedAlphabetically: false,
+    antigravityAdditionalProfileHomes: [],
+    uiLanguageFollowsSystem: false,
+    lowPowerMode: false,
+    startAtLogin: false,
+    startMinimized: false,
+    showNotifications: true,
+    soundEnabled: true,
+    notificationSoundTheme: "windows",
+    notificationSoundPaths: {
+      predictiveWarning: null,
+      highUsage: null,
+      criticalUsage: null,
+      exhausted: null,
+      statusIssue: null,
+      sessionDepleted: null,
+      sessionRestored: null,
+    },
+    highUsageThreshold: 70,
+    criticalUsageThreshold: 90,
+    predictivePaceWarningEnabled: false,
+    credentialExpiryNotificationsEnabled: false,
+    trayIconMode: "single",
+    switcherShowsIcons: true,
+    menuBarShowsHighestUsage: false,
+    menuBarShowsPercent: false,
+    menuBarColorPace: false,
+    showAsUsed: true,
+    showAllTokenAccountsInMenu: false,
+    enableAnimations: true,
+    resetTimeRelative: true,
+    showResetWhenExhausted: false,
+    menuBarDisplayMode: "detailed",
+    overviewLayout: "detailed",
+    hidePersonalInfo: false,
+    updateChannel: "stable",
+    autoDownloadUpdates: false,
+    installUpdatesOnQuit: false,
+    globalShortcut: "Ctrl+Shift+U",
+    switcherShortcuts: {},
+    codexCustomSessionsDirs: [],
+    uiLanguage: "english",
+    // "dark" (not "auto") so useTheme's effect short-circuits before ever
+    // touching window.matchMedia, which jsdom doesn't implement here.
+    theme: "dark",
+    windowScalePercent: 125,
+    trayScalePercent: 100,
+    trayPanelAlwaysOnTop: false,
+    powertoysStatusPipeEnabled: false,
+    claudeAvoidKeychainPrompts: false,
+    codexSparkUsageVisible: true,
+    disableKeychainAccess: false,
+    providerMetrics: {},
+    floatBarEnabled: false,
+    floatBarOpacity: 80,
+    floatBarScale: 100,
+    floatBarOrientation: "horizontal",
+    floatBarStyle: "floating",
+    floatBarClickThrough: false,
+    floatBarProviderIds: [],
+    floatBarDarkText: false,
+    floatBarShowResetInline: false,
+    floatBarShowCost: false,
+    claudeDailyRoutinesUsageVisible: true,
+    claudeAllowReadingClaudeCodeCredentials: false,
+    alibabaTokenPlanRegion: "cn",
+    weeklyProgressWorkDays: null,
+    costSummaryDisplayStyle: "compact",
+    providerAccentColors: {},
+    ...overrides,
+  };
+}
+
+/** A non-exhausted rate window at `usedPercent`, with no reset or reserve data unless overridden. */
+export function makeRateWindow(
+  usedPercent = 0,
+  overrides: Partial<RateWindowSnapshot> = {},
+): RateWindowSnapshot {
+  return {
+    usedPercent,
+    remainingPercent: 100 - usedPercent,
+    windowMinutes: null,
+    resetsAt: null,
+    resetDescription: null,
+    isExhausted: false,
+    reservePercent: null,
+    reserveDescription: null,
+    ...overrides,
+  };
+}
+
+/** A ready snapshot for `providerId` with 0% primary and selected windows and no optional data. */
+export function makeUsageSnapshot(
+  providerId: string,
+  overrides: Partial<ProviderUsageSnapshot> = {},
+): ProviderUsageSnapshot {
+  return {
+    providerId,
+    displayName: providerId,
+    primary: makeRateWindow(),
+    selectedMetric: makeRateWindow(),
+    secondary: null,
+    modelSpecific: null,
+    tertiary: null,
+    extraRateWindows: [],
+    cost: null,
+    planName: null,
+    accountEmail: null,
+    sourceLabel: "auto",
+    updatedAt: "2026-05-24T00:00:00Z",
+    error: null,
+    errorState: "ready",
+    pace: null,
+    accountOrganization: null,
+    trayStatusLabel: null,
+    ...overrides,
+  };
+}
diff --git a/apps/desktop-tauri/src/test/floatBarHarness.tsx b/apps/desktop-tauri/src/test/floatBarHarness.tsx
new file mode 100644
index 00000000000..907960ea927
--- /dev/null
+++ b/apps/desktop-tauri/src/test/floatBarHarness.tsx
@@ -0,0 +1,132 @@
+import { beforeEach, vi } from "vitest";
+import { render } from "@testing-library/react";
+import FloatBar from "../floatbar/FloatBar";
+import { LocaleProvider } from "../i18n/LocaleProvider";
+import { buildBundle } from "./localeHarness";
+import type {
+  BootstrapState,
+  ProviderUsageSnapshot,
+  RateWindowSnapshot,
+  SettingsSnapshot,
+} from "../types/bridge";
+import { makeRateWindow, makeSettings, makeUsageSnapshot } from "./fixtures";
+import { tauriMocks, eventMocks } from "./floatBarMocks";
+
+export type RateWindowOptions = {
+  exhausted?: boolean;
+  informational?: boolean;
+  resetsAt?: string | null;
+  resetDescription?: string | null;
+  descriptionIsDetail?: boolean;
+};
+
+export function rateWindow(used: number, opts: RateWindowOptions = {}): RateWindowSnapshot {
+  return makeRateWindow(used, {
+    resetsAt: opts.resetsAt ?? null,
+    resetDescription: opts.resetDescription ?? null,
+    isExhausted: opts.exhausted ?? false,
+    isInformational: opts.informational,
+    descriptionIsDetail: opts.descriptionIsDetail,
+  });
+}
+
+export function snapshot(
+  id: string,
+  display: string,
+  used: number,
+  opts: {
+    exhausted?: boolean;
+    error?: string | null;
+    errorState?: ProviderUsageSnapshot["errorState"];
+    resetsAt?: string | null;
+    resetDescription?: string | null;
+    descriptionIsDetail?: boolean;
+    informational?: boolean;
+    secondary?: {
+      used: number;
+      exhausted?: boolean;
+      informational?: boolean;
+      resetsAt?: string | null;
+      resetDescription?: string | null;
+    };
+    selected?: {
+      used: number;
+      exhausted?: boolean;
+      informational?: boolean;
+      resetsAt?: string | null;
+      resetDescription?: string | null;
+    };
+  } = {},
+): ProviderUsageSnapshot {
+  const primary = rateWindow(used, opts);
+  const secondary = opts.secondary
+    ? rateWindow(opts.secondary.used, opts.secondary)
+    : null;
+  const selectedMetric = opts.selected
+    ? rateWindow(opts.selected.used, opts.selected)
+    : primary.isInformational && secondary && !secondary.isInformational
+      ? secondary
+      : primary;
+
+  return makeUsageSnapshot(id, {
+    displayName: display,
+    primary,
+    selectedMetric,
+    secondary,
+    updatedAt: "2026-05-15T00:00:00Z",
+    error: opts.error ?? null,
+    errorState: opts.errorState ?? "ready",
+  });
+}
+
+export function settings(overrides: Partial<SettingsSnapshot> = {}): SettingsSnapshot {
+  return makeSettings({ enabledProviders: ["claude", "codex"], floatBarEnabled: true, ...overrides });
+}
+
+export function bootstrap(settingsOverrides: Partial<SettingsSnapshot> = {}): BootstrapState {
+  return {
+    contractVersion: "v1",
+    providers: [],
+    settings: settings(settingsOverrides),
+  };
+}
+
+export function renderFloatBar(state: BootstrapState) {
+  return render(
+    <LocaleProvider>
+      <FloatBar state={state} />
+    </LocaleProvider>,
+  );
+}
+
+export function setupFloatBarTests() {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    tauriMocks.refreshProviders.mockResolvedValue(undefined);
+    tauriMocks.refreshProvidersIfStale.mockResolvedValue(undefined);
+    tauriMocks.getProviderLocalUsageSummary.mockResolvedValue(null);
+    tauriMocks.getLocaleStrings.mockResolvedValue(
+      buildBundle({
+        ResetsInHoursMinutes: "Resets in {}h {}m",
+        ResetsInDaysHours: "Resets in {}d {}h",
+        ResetsInHoursOnly: "Resets in {}h",
+        ProviderTextNoActiveSession: "No active 5h session",
+        ProviderTextApiRate: "{} API-rate",
+        ProviderTextNoBudgetSet: "No budget set",
+        TrayResetsDueNow: "Resetting",
+        PanelToday: "Today",
+        PanelUsedSuffix: "used",
+        OverviewSpendEstimate: "Estimate",
+        ProviderIssueAuthRequired: "Sign-in required",
+        ProviderIssueSessionExpired: "Session expired",
+        ProviderIssueLocalRuntimeOffline: "Local runtime offline",
+        ProviderIssueUnknown: "Usage unavailable",
+        CostPeriodShortMonthToDate: "MTD",
+        CostPeriodShortDays: "{}d",
+        FloatBarNoProviders: "No providers",
+        FloatBarRemainingSuffix: "remaining",
+      }),
+    );
+    eventMocks.listen.mockResolvedValue(() => {});
+  });
+}
diff --git a/apps/desktop-tauri/src/test/floatBarMocks.ts b/apps/desktop-tauri/src/test/floatBarMocks.ts
new file mode 100644
index 00000000000..b50631e8452
--- /dev/null
+++ b/apps/desktop-tauri/src/test/floatBarMocks.ts
@@ -0,0 +1,28 @@
+// Shared by the split test files; each file registers these with vi.mock.
+import { vi } from "vitest";
+
+export const tauriMocks = {
+  getCachedProviders: vi.fn(),
+  getProviderChartData: vi.fn(),
+  getProviderLocalUsageSummary: vi.fn(),
+  refreshProviders: vi.fn(),
+  refreshProvidersIfStale: vi.fn(),
+  getSettingsSnapshot: vi.fn(),
+  updateSettings: vi.fn(),
+  getLocaleStrings: vi.fn(),
+  setUiLanguage: vi.fn(),
+};
+
+export const eventMocks = {
+  listen: vi.fn(),
+};
+
+export const windowMocks = {
+  getCurrentWindow: vi.fn(() => ({
+    startDragging: vi.fn().mockResolvedValue(undefined),
+  })),
+};
+
+export const coreMocks = {
+  invoke: vi.fn().mockResolvedValue(undefined),
+};
diff --git a/apps/desktop-tauri/src/test/menuCardHarness.tsx b/apps/desktop-tauri/src/test/menuCardHarness.tsx
new file mode 100644
index 00000000000..642ad64bfa3
--- /dev/null
+++ b/apps/desktop-tauri/src/test/menuCardHarness.tsx
@@ -0,0 +1,146 @@
+import { beforeEach, vi } from "vitest";
+import { render } from "@testing-library/react";
+import { LocaleProvider } from "../i18n/LocaleProvider";
+import { buildBundle } from "./localeHarness";
+import type { ProviderUsageSnapshot, RateWindowSnapshot } from "../types/bridge";
+import MenuCard from "../components/MenuCard";
+import { makeRateWindow, makeUsageSnapshot } from "./fixtures";
+import { tauriMocks, eventMocks } from "./menuCardMocks";
+
+export function rateWindow(
+  usedPercent = 0,
+  { exhausted = false, ...rest }: Partial<RateWindowSnapshot> & { exhausted?: boolean } = {},
+) {
+  return makeRateWindow(usedPercent, { isExhausted: exhausted, reserveWillLastToReset: false, ...rest });
+}
+
+export function provider(
+  error: string | null,
+  usedPercent = 0,
+  opts: { exhausted?: boolean; resetDescription?: string | null; resetsAt?: string | null } = {},
+): ProviderUsageSnapshot {
+  return makeUsageSnapshot("claude", {
+    displayName: "Claude",
+    primary: rateWindow(usedPercent, opts),
+    selectedMetric: rateWindow(usedPercent, opts),
+    primaryLabel: "Session",
+    sourceLabel: "oauth",
+    error,
+    errorState: "unknown",
+    fetchDurationMs: null,
+  });
+}
+
+export function renderCard(
+  snapshot: ProviderUsageSnapshot,
+  opts: {
+    showAsUsed?: boolean;
+    showResetWhenExhausted?: boolean;
+    showPace?: boolean;
+    compactOverview?: boolean;
+    onLayoutChange?: () => void;
+    costSummaryDisplayStyle?: "compact" | "detailed" | "hidden";
+  } = {},
+) {
+  return render(
+    <LocaleProvider>
+      <MenuCard
+        provider={snapshot}
+        display={{
+          hideEmail: false,
+          resetTimeRelative: true,
+          showAsUsed: opts.showAsUsed,
+          showResetWhenExhausted: opts.showResetWhenExhausted,
+          showPace: opts.showPace,
+          compactOverview: opts.compactOverview,
+          costSummaryDisplayStyle: opts.costSummaryDisplayStyle,
+        }}
+        onLayoutChange={opts.onLayoutChange}
+      />
+    </LocaleProvider>,
+  );
+}
+
+export function setupMenuCardTests() {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    tauriMocks.claudeAccountsList.mockResolvedValue([]);
+    tauriMocks.getLocaleStrings.mockResolvedValue(
+      buildBundle({
+        ActionCopyError: "Copy error",
+        ApiSpendTitle: "API spend",
+        AtlasCloudBalance: "Atlas Cloud balance",
+        DetailPaceRunsOutIn: "Runs out in",
+        PanelEstimatedFromLocalLogs: "Estimated from local logs",
+        PanelLeftSuffix: "left",
+        PanelNow: "now",
+        PanelOneHour: "1h",
+        PanelFiveHours: "5h",
+        PanelBlockedByMonthlyLimit: "Blocked by monthly limit",
+        PanelOnPaceBudget: "On-pace budget",
+        PanelPeriodCost: "{} cost",
+        PanelPeriodTokens: "{} tokens",
+        CostPeriodShortMonthToDate: "MTD",
+        CostPeriodShortDays: "{}d",
+        PanelTodayBudget: "today",
+        PanelUsedSuffix: "used",
+        ResetsInHoursMinutes: "Resets in {}h {}m",
+        ResetsInMinutes: "Resets in {}m",
+        ResetsInDaysHours: "Resets in {}d {}h",
+        NextExpiresInHoursMinutes: "Next expires in {}h {}m",
+        NextExpiresInMinutes: "Next expires in {}m",
+        NextExpiresInDaysHours: "Next expires in {}d {}h",
+        NextExpiresDueNow: "Expires now",
+        WayfinderGatewayStatus: "Gateway",
+        WayfinderModels: "Models",
+        WayfinderRequests: "Requests",
+        OpenAIChartRequests: "Requests",
+        ProviderTextRequests: "{} requests",
+        ProviderTextCreditsLeft: "{} credits left",
+        ProviderTextBalanceSuffix: "{} balance",
+        ProviderTextResetCreditsAvailable: "{} reset credits available",
+        ProviderLabelAdditionalBudget: "Additional budget",
+        ProviderLabelResetCredits: "Reset credits",
+        ProviderLabelTotalUsage: "Total usage",
+        WindowLabelHours: "{}-hour",
+        WindowLabelDays: "{}-day",
+        ProviderTextNoActiveSession: "No active 5h session",
+        WayfinderTokens: "Tokens",
+        WayfinderSaved: "Saved",
+        WayfinderOffline: "Gateway offline",
+        WayfinderDryRun: "Dry run",
+        WayfinderMissingKeys: "Missing keys",
+        UsageSpendTokens: "tokens",
+        DeepSeekPricingTitle: "DeepSeek pricing",
+        DeepSeekPricingStandard: "Standard / pre-schedule",
+        DeepSeekPricingPeak: "Peak hours",
+        DeepSeekPricingOffPeak: "Off-peak hours",
+        DeepSeekPricingCurrent: "Current local time:",
+        DeepSeekPricingNext: "Next transition:",
+        DeepSeekPricingEffective: "Effective local time:",
+        DeepSeekPricingAdvice: "Official schedule",
+      }),
+    );
+    tauriMocks.getDeepSeekPricingStatus.mockResolvedValue(null);
+    tauriMocks.getProviderChartData.mockResolvedValue({
+      providerId: "claude",
+      costHistory: [{ date: "2026-05-24", value: 1.23 }],
+      tokensHistory: [{ date: "2026-05-24", tokens: 14_200 }],
+      creditsHistory: [],
+      usageBreakdown: [],
+      localUsage: {
+        todayCost: null,
+        thirtyDayCost: 1.23,
+        thirtyDayTokens: 584_000,
+        periodCost: 1.23,
+        periodTokens: 584_000,
+        reportingPeriod: "rolling:30",
+        latestTokens: null,
+        topModel: "glim-4.6",
+        estimateNote: "Estimated from local logs",
+        tokenCostUpdatedAtMs: 1234,
+      },
+    });
+    eventMocks.listen.mockResolvedValue(() => {});
+  });
+}
diff --git a/apps/desktop-tauri/src/test/menuCardMocks.ts b/apps/desktop-tauri/src/test/menuCardMocks.ts
new file mode 100644
index 00000000000..43a190c3fd2
--- /dev/null
+++ b/apps/desktop-tauri/src/test/menuCardMocks.ts
@@ -0,0 +1,15 @@
+// Shared by the split test files; each file registers these with vi.mock.
+import { vi } from "vitest";
+
+export const tauriMocks = {
+  getProviderChartData: vi.fn(),
+  getDeepSeekPricingStatus: vi.fn(),
+  getLocaleStrings: vi.fn(),
+  setUiLanguage: vi.fn(),
+  claudeAccountsList: vi.fn(),
+  getCodexAccountsState: vi.fn(),
+};
+
+export const eventMocks = {
+  listen: vi.fn(),
+};
diff --git a/apps/desktop-tauri/src/test/mocks/event.ts b/apps/desktop-tauri/src/test/mocks/event.ts
new file mode 100644
index 00000000000..5f72f9efc6a
--- /dev/null
+++ b/apps/desktop-tauri/src/test/mocks/event.ts
@@ -0,0 +1,4 @@
+import { vi } from "vitest";
+
+/** vi.mock factory for @tauri-apps/api/event: listen resolves to a no-op unlisten. */
+export const listen = vi.fn().mockResolvedValue(() => {});
diff --git a/apps/desktop-tauri/src/test/mocks/locale.ts b/apps/desktop-tauri/src/test/mocks/locale.ts
new file mode 100644
index 00000000000..93e4756c85d
--- /dev/null
+++ b/apps/desktop-tauri/src/test/mocks/locale.ts
@@ -0,0 +1,2 @@
+/** vi.mock factory for hooks/useLocale: identity translations under English. */
+export const useLocale = () => ({ t: (key: string) => key, language: "english" });
diff --git a/apps/desktop-tauri/src/test/styles.ts b/apps/desktop-tauri/src/test/styles.ts
index 076996c575c..8e2e580f8e0 100644
--- a/apps/desktop-tauri/src/test/styles.ts
+++ b/apps/desktop-tauri/src/test/styles.ts
@@ -7,13 +7,20 @@ import { expect } from "vitest";
 // on-disk directory.
 let cached: string | undefined;
 
-/** Contents of src/styles.css, read once per test file. */
+/**
+ * The stylesheet text behind src/styles.css, read once per test file. Its
+ * `@import` lines are inlined in order, so the result is the full cascade.
+ */
 export function loadStyles(): string {
   if (cached === undefined) {
     if (!import.meta.dirname) {
       throw new Error("import.meta.dirname unavailable to vitest runner");
     }
-    cached = readFileSync(`${import.meta.dirname}/../styles.css`, "utf8");
+    const src = `${import.meta.dirname}/..`;
+    cached = readFileSync(`${src}/styles.css`, "utf8").replace(
+      /^@import "\.\/([^"]+)";\r?\n/gm,
+      (_, file: string) => readFileSync(`${src}/${file}`, "utf8"),
+    );
   }
   return cached;
 }
diff --git a/apps/desktop-tauri/src/test/trayPanelHarness.tsx b/apps/desktop-tauri/src/test/trayPanelHarness.tsx
new file mode 100644
index 00000000000..22ce6f9b514
--- /dev/null
+++ b/apps/desktop-tauri/src/test/trayPanelHarness.tsx
@@ -0,0 +1,152 @@
+import { afterEach, beforeEach, vi } from "vitest";
+import { cleanup, render } from "@testing-library/react";
+import TrayPanel from "../surfaces/TrayPanel";
+import { LocaleProvider } from "../i18n/LocaleProvider";
+import { buildBundle } from "./localeHarness";
+import type {
+  BootstrapState,
+  ProviderCatalogEntry,
+  ProviderUsageSnapshot,
+  SettingsSnapshot,
+} from "../types/bridge";
+import { makeRateWindow, makeSettings, makeUsageSnapshot } from "./fixtures";
+import { tauriMocks, eventMocks, windowMocks } from "./trayPanelMocks";
+
+export function provider(id: string, displayName: string, used = 20): ProviderUsageSnapshot {
+  return makeUsageSnapshot(id, {
+    displayName,
+    primary: makeRateWindow(used),
+    selectedMetric: makeRateWindow(used),
+    primaryLabel: "Monthly",
+    fetchDurationMs: null,
+  });
+}
+
+export function providerWithThreeQuotaWindows(
+  id: string,
+  displayName: string,
+): ProviderUsageSnapshot {
+  const snapshot = provider(id, displayName);
+  snapshot.secondary = makeRateWindow(35);
+  snapshot.secondaryLabel = "Weekly";
+  snapshot.tertiary = makeRateWindow(50);
+  snapshot.tertiaryLabel = "Monthly";
+  return snapshot;
+}
+
+
+export function bootstrap(
+  settingsOverrides: Partial<SettingsSnapshot> = {},
+  catalog: ProviderCatalogEntry[] = [],
+): BootstrapState {
+  return {
+    contractVersion: "v1",
+    providers: catalog,
+    settings: makeSettings(settingsOverrides),
+  };
+}
+
+export function renderTrayPanel(
+  providers: ProviderUsageSnapshot[],
+  settingsOverrides: Partial<SettingsSnapshot> = {},
+  catalog: ProviderCatalogEntry[] = [],
+) {
+  tauriMocks.getCachedProviders.mockResolvedValue(providers);
+  const snapshot = makeSettings(settingsOverrides);
+  tauriMocks.getSettingsSnapshot.mockResolvedValue(snapshot);
+  return render(
+    <LocaleProvider>
+      <TrayPanel
+        state={{
+          ...bootstrap(settingsOverrides, catalog),
+          settings: snapshot,
+        }}
+      />
+    </LocaleProvider>,
+  );
+}
+
+export function emitEvent(event: string, payload: unknown) {
+  for (const listener of eventMocks.listeners.get(event) ?? []) {
+    listener({ payload });
+  }
+}
+
+export function setupTrayPanelTests() {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    eventMocks.listeners.clear();
+    tauriMocks.claudeReconciliationState.mockResolvedValue(null);
+    tauriMocks.getDeepSeekPricingStatus.mockResolvedValue(null);
+    tauriMocks.getUsageSpendSummary.mockResolvedValue({ rows: [], models: [] });
+    tauriMocks.flyoutStoredSize.mockResolvedValue(null);
+    tauriMocks.beginFlyoutGesture.mockResolvedValue(undefined);
+    tauriMocks.resetFlyoutPosition.mockResolvedValue(undefined);
+    windowMocks.startDragging.mockResolvedValue(undefined);
+    windowMocks.startResizeDragging.mockResolvedValue(undefined);
+    tauriMocks.refreshProviders.mockResolvedValue(undefined);
+    tauriMocks.refreshProvidersIfStale.mockResolvedValue(undefined);
+    tauriMocks.dismissTrayPanel.mockResolvedValue(undefined);
+    tauriMocks.reanchorTrayPanel.mockResolvedValue(undefined);
+    tauriMocks.getWorkAreaRect.mockResolvedValue({
+      x: 0,
+      y: 0,
+      width: 1440,
+      height: 900,
+    });
+    tauriMocks.getCurrentSurfaceState.mockResolvedValue({
+      mode: "trayPanel",
+      target: { kind: "summary" },
+    });
+    tauriMocks.getSettingsSnapshot.mockResolvedValue(makeSettings());
+    tauriMocks.updateSettings.mockResolvedValue(makeSettings());
+    tauriMocks.getUpdateState.mockResolvedValue({
+      status: "idle",
+      version: null,
+      error: null,
+      progress: null,
+      releaseUrl: null,
+      canDownload: false,
+      canApply: false,
+      lastCheckedAt: null,
+    });
+    tauriMocks.getProviderChartData.mockResolvedValue({
+      providerId: "codex",
+      costHistory: [],
+      creditsHistory: [],
+      usageBreakdown: [],
+      localUsage: null,
+    });
+    tauriMocks.getLocaleStrings.mockResolvedValue(
+      buildBundle({
+        ActionRefresh: "Refresh",
+        OverviewSpendProviderCoverage: "{} of {} providers have spend",
+        MenuAbout: "About CodexBar",
+        MenuQuit: "Quit",
+        MenuSettings: "Settings...",
+        ActionUsageDashboard: "Usage Dashboard",
+        ActionStatusPage: "Status Page",
+        PanelAllProviders: "All providers",
+        PanelAllProvidersShort: "All",
+        PanelLeftSuffix: "left",
+        PanelShowAllProviders: "Show all providers",
+        PanelShowFewerProviders: "Show fewer providers",
+        PanelUsedSuffix: "used",
+      }),
+    );
+    eventMocks.listen.mockImplementation(
+      (event: string, handler: (event: { payload: unknown }) => void) => {
+        const listeners = eventMocks.listeners.get(event) ?? [];
+        listeners.push(handler);
+        eventMocks.listeners.set(event, listeners);
+        return Promise.resolve(() => {});
+      },
+    );
+  });
+  afterEach(() => {
+    // Unmount before restoring mocks: a still-mounted panel can re-run an
+    // effect against a restored (undefined-returning) mock.
+    cleanup();
+    vi.restoreAllMocks();
+  });
+}
diff --git a/apps/desktop-tauri/src/test/trayPanelMocks.ts b/apps/desktop-tauri/src/test/trayPanelMocks.ts
new file mode 100644
index 00000000000..d2442afdf4d
--- /dev/null
+++ b/apps/desktop-tauri/src/test/trayPanelMocks.ts
@@ -0,0 +1,60 @@
+// Shared by the split test files; each file registers these with vi.mock.
+import { vi } from "vitest";
+
+export const tauriMocks = {
+  getCachedProviders: vi.fn(),
+  refreshProviders: vi.fn(),
+  refreshProvidersIfStale: vi.fn(),
+  getSettingsSnapshot: vi.fn(),
+  getStayAwakeStatus: vi.fn().mockResolvedValue(false),
+  updateSettings: vi.fn(),
+  getUpdateState: vi.fn(),
+  checkForUpdates: vi.fn(),
+  downloadUpdate: vi.fn(),
+  applyUpdate: vi.fn(),
+  dismissUpdate: vi.fn(),
+  openReleasePage: vi.fn(),
+  setSurfaceMode: vi.fn(),
+  dismissTrayPanel: vi.fn(),
+  beginFlyoutGesture: vi.fn().mockResolvedValue(undefined),
+  endFlyoutGesture: vi.fn().mockResolvedValue(undefined),
+  openSettingsWindow: vi.fn(),
+  quitApp: vi.fn(),
+  getWorkAreaRect: vi.fn(),
+  reanchorTrayPanel: vi.fn(),
+  revealTrayPanelWindow: vi.fn(),
+  flyoutStoredSize: vi.fn().mockResolvedValue(null),
+  setFlyoutSize: vi.fn().mockResolvedValue(undefined),
+  resetFlyoutPosition: vi.fn().mockResolvedValue(undefined),
+  openProviderDashboard: vi.fn(),
+  openProviderStatusPage: vi.fn(),
+  getProviderChartData: vi.fn(),
+  getCurrentSurfaceState: vi.fn(),
+  getLocaleStrings: vi.fn(),
+  setUiLanguage: vi.fn(),
+  getDeepSeekPricingStatus: vi.fn().mockResolvedValue(null),
+  getUsageSpendSummary: vi.fn(),
+  claudeReconciliationState: vi.fn().mockResolvedValue(null),
+};
+
+export const eventMocks = {
+  listen: vi.fn(),
+  listeners: new Map<string, Array<(event: { payload: unknown }) => void>>(),
+};
+
+export const windowMocks = {
+  startDragging: vi.fn().mockResolvedValue(undefined),
+  startResizeDragging: vi.fn().mockResolvedValue(undefined),
+  // Loosely typed so tests can swap in windows with only the methods they use.
+  getCurrentWindow: vi.fn((): Record<string, unknown> => ({
+    startDragging: windowMocks.startDragging,
+    startResizeDragging: windowMocks.startResizeDragging,
+    setSize: vi.fn().mockResolvedValue(undefined),
+    close: vi.fn().mockResolvedValue(undefined),
+    scaleFactor: vi.fn().mockResolvedValue(1),
+    onResized: vi.fn().mockResolvedValue(() => {}),
+    innerSize: vi.fn().mockResolvedValue({ width: 328, height: 200 }),
+  })),
+  LogicalSize: vi.fn((width: number, height: number) => ({ width, height })),
+  PhysicalSize: vi.fn((width: number, height: number) => ({ width, height })),
+};
diff --git a/apps/desktop-tauri/src/types/bridge.ts b/apps/desktop-tauri/src/types/bridge.ts
index 33dd589ef9f..797be079c82 100644
--- a/apps/desktop-tauri/src/types/bridge.ts
+++ b/apps/desktop-tauri/src/types/bridge.ts
@@ -1,1728 +1,5 @@
-import type { LocaleKey } from "../i18n/keys";
-
-export type SurfaceMode = "hidden" | "trayPanel" | "popOut" | "settings";
-export type VisibleSurfaceMode = Exclude<SurfaceMode, "hidden">;
-export type SettingsTabId =
-  | "general"
-  | "providers"
-  | "notifications"
-  | "menuBar"
-  | "menu"
-  | "usageSpend"
-  | "advanced"
-  | "hooks"
-  | "about";
-
-// ── Narrowed string-literal unions (persisted settings enums) ─────────
-
-export type TrayIconMode = "single" | "perProvider" | "stacked";
-
-export type NotificationSoundTheme = "windows" | "codexBar";
-
-export type NotificationSoundEvent =
-  | "predictiveWarning"
-  | "highUsage"
-  | "criticalUsage"
-  | "exhausted"
-  | "statusIssue"
-  | "sessionDepleted"
-  | "sessionRestored";
-
-export interface NotificationSoundPaths {
-  predictiveWarning: string | null;
-  highUsage: string | null;
-  criticalUsage: string | null;
-  exhausted: string | null;
-  statusIssue: string | null;
-  sessionDepleted: string | null;
-  sessionRestored: string | null;
-}
-
-export type MetricPreference =
-  | "automatic"
-  | "session"
-  | "weekly"
-  | "model"
-  | "tertiary"
-  | "credits"
-  | "extraUsage"
-  | "monthlyPlan"
-  | "average";
-
-export type Language =
-  | "english"
-  | "chinese"
-  | "chinesetraditional"
-  | "japanese"
-  | "korean"
-  | "spanish"
-  | "portuguesebrazil"
-  | "russian"
-  | "turkish"
-  | "ukrainian";
-
-/** Language catalog entry from the Rust backend. */
-export type LanguageOption = {
-  /** Stable bridge/settings value (e.g. "english") */
-  value: Language;
-  /** Native display name (e.g. "English", "中文", "Español") */
-  display: string;
-};
-
-export type UpdateChannel = "stable" | "beta";
-
-export type ThemePreference = "auto" | "light" | "dark";
-
-export type MenuBarDisplayMode = "minimal" | "compact" | "detailed";
-export type OverviewLayout = "detailed" | "compact";
-
-/** How cost is rendered on provider MenuCards (#2976). */
-export type CostSummaryDisplayStyle = "compact" | "detailed" | "hidden";
-/** Settings > Menu Bar > Menu bar style (`menu_bar_icon_style`). */
-export type MenuBarIconStyle = "bars" | "percent" | "stackedBars";
-/** Settings > Menu > Workday tick appearance (`workday_tick_style`). */
-export type WorkdayTickStyle = "hidden" | "subtle" | "high_contrast";
-export type FloatBarOrientation = "horizontal" | "vertical";
-export type FloatBarStyle = "floating" | "taskbar";
-
-export type TrayVisibilitySupport = "supported" | "unsupportedOs";
-export type TrayVisibilityState = "promoted" | "notPromoted" | "entryNotFound" | "unknown";
-
-export type DeepSeekPricingPeriod = "standard" | "peak" | "offPeak";
-
-export interface DeepSeekPricingStatus {
-  period: DeepSeekPricingPeriod;
-  currentLocalTime: string;
-  nextTransitionLocalTime: string | null;
-  effectiveLocalTime: string;
-}
-
-export interface TrayVisibilityStatusDto {
-  support: TrayVisibilitySupport;
-  state: TrayVisibilityState;
-}
-
-export type TrayPanelSurfaceTarget = { kind: "summary" };
-export type PopOutSurfaceTarget =
-  | { kind: "dashboard" }
-  | { kind: "provider"; providerId: string };
-/** `tab` is a settings tab id, or `providers:<id>` for one provider's pane. */
-export type SettingsSurfaceTarget = {
-  kind: "settings";
-  tab: SettingsTabId | `providers:${string}`;
-};
-
-export type SurfaceTarget =
-  | TrayPanelSurfaceTarget
-  | PopOutSurfaceTarget
-  | SettingsSurfaceTarget;
-
-export type SurfaceTargetForMode<M extends VisibleSurfaceMode> =
-  M extends "trayPanel"
-    ? TrayPanelSurfaceTarget
-    : M extends "popOut"
-      ? PopOutSurfaceTarget
-      : SettingsSurfaceTarget;
-
-export interface CurrentSurfaceState {
-  mode: SurfaceMode;
-  target: SurfaceTarget;
-}
-
-export interface AgentSession {
-  id: string;
-  provider: "codex" | "claude" | "pi";
-  /** Pi-family dialect (upstream 0.48.0 #2626); absent for Codex/Claude. */
-  dialect?: "pi" | "omp";
-  /** Optional session title (Pi-family `session_info`/`title` records). */
-  sessionName?: string;
-  source: "cli" | "desktopApp" | "ide" | "unknown";
-  state: "active" | "idle";
-  pid: number | null;
-  transcriptPath: string | null;
-  host: string;
-  workspace: {
-    cwd: string | null;
-    projectName: string | null;
-  };
-  activity: {
-    startedAt: string | null;
-    lastActivityAt: string | null;
-  };
-  focusTarget:
-    | { kind: "process"; pid: number }
-    | { kind: "transcript"; transcriptPath: string }
-    | { kind: "none" };
-}
-
-export interface AgentSessionHostResult {
-  host: string;
-  sessions: AgentSession[];
-  error: string | null;
-}
-
-export type AgentSessionDiscoveryResult =
-  | { status: "disabled" }
-  | { status: "hosts"; hosts: AgentSessionHostResult[] };
-
-export type SessionFocusResult =
-  | { status: "focused" }
-  | { status: "unsupported"; message: string }
-  | { status: "failed"; message: string };
-
-export interface ProviderCatalogEntry {
-  id: string;
-  displayName: string;
-  cookieDomain: string | null;
-  /** CLI aliases the Settings search also matches. Absent on older shells. */
-  cliAliases?: string[];
-}
-
-/** Upstream `ProviderStatusIndicator` raw values; `none` is operational. */
-export type ServiceStatusIndicator =
-  | "none"
-  | "minor"
-  | "major"
-  | "critical"
-  | "maintenance"
-  | "unknown";
-
-export interface ProviderServiceStatus {
-  indicator: ServiceStatusIndicator;
-  description: string | null;
-  /** Unix milliseconds of the status feed's last update. */
-  updatedAt: number | null;
-}
-
-/**
- * One enabled provider with a status page. `status` is null until the first
- * successful poll. The list is empty while "Check provider status" is off.
- */
-export interface ProviderStatusEntry {
-  providerId: string;
-  status: ProviderServiceStatus | null;
-}
-
-export interface ProviderSummary {
-  id: string;
-  displayName: string;
-  enabled: boolean;
-  order: number;
-}
-
-export interface SettingsSnapshot {
-  preferredCurrencyCode?: string;
-  enabledProviders: string[];
-  providerOrder?: string[];
-  refreshIntervalSecs: number;
-  adaptiveRefresh: boolean;
-  refreshAllProvidersOnMenuOpen: boolean;
-  statusChecksEnabled: boolean;
-  lowPowerMode: boolean;
-  lowPowerModePreference?: "off" | "on" | "automatic";
-  startAtLogin: boolean;
-  startMinimized: boolean;
-  showNotifications: boolean;
-  soundEnabled: boolean;
-  notificationSoundTheme: NotificationSoundTheme;
-  notificationSoundPaths: NotificationSoundPaths;
-  highUsageThreshold: number;
-  criticalUsageThreshold: number;
-  /** Per-provider quota warnings keyed by CLI name; Global providers are absent. */
-  providerQuotaWarnings?: Record<string, ProviderQuotaWarnings>;
-  predictivePaceWarningEnabled: boolean;
-  /** Absent on older shells; the UI treats that as off. */
-  limitResetNotificationsEnabled?: boolean;
-  credentialExpiryNotificationsEnabled: boolean;
-  /** Absent on older shells; the UI falls back to `showNotifications`. */
-  sessionQuotaNotificationsEnabled?: boolean;
-  showPace?: boolean;
-  trayIconMode: TrayIconMode;
-  stackedTrayTopProvider?: string | null;
-  stackedTrayBottomProvider?: string | null;
-  switcherShowsIcons: boolean;
-  menuBarShowsHighestUsage: boolean;
-  /** Legacy mirror of `menuBarIconStyle === "percent"`; kept one release. */
-  menuBarShowsPercent: boolean;
-  menuBarIconStyle: MenuBarIconStyle;
-  /** Overview cards, at most 6; empty means the first 6 enabled providers. */
-  mergedOverviewSelectedProviders: string[];
-  quotaWarningMarkersVisible: boolean;
-  /** Pointer hover highlights the tray panel Refresh row. Absent on older shells: on. */
-  highlightMenuCardsOnHover?: boolean;
-  workdayTickStyle: WorkdayTickStyle;
-  menuBarColorPace: boolean;
-  /** Tint the tray usage meter with each shown provider's accent color (`menu_bar_color_by_provider`). */
-  menuBarColorByProvider: boolean;
-  /** Signed pace shows reserve as `+` (deficit as `-`) instead of the default deficit-positive sign. */
-  menuBarPaceReservePositive: boolean;
-  /** Settings sidebar lists providers alphabetically, enabled first. Display only. */
-  providersSortedAlphabetically: boolean;
-  /** Settings sidebar lists only enabled providers. Local, not portable. Absent on older shells: off. */
-  providersEnabledOnly?: boolean;
-  showAsUsed: boolean;
-  showAllTokenAccountsInMenu: boolean;
-  enableAnimations: boolean;
-  resetTimeRelative: boolean;
-  showResetWhenExhausted: boolean;
-  menuBarDisplayMode: MenuBarDisplayMode;
-  overviewLayout: OverviewLayout;
-  hidePersonalInfo: boolean;
-  updateChannel: UpdateChannel;
-  autoDownloadUpdates: boolean;
-  installUpdatesOnQuit: boolean;
-  globalShortcut: string;
-  /** Fully resolved action -> shortcut map (defaults overlaid by overrides). */
-  switcherShortcuts: Record<string, string>;
-  /** Extra Codex home or sessions directories scanned for local cost estimates. */
-  codexCustomSessionsDirs: string[];
-  /** Extra Gemini profile homes whose Antigravity local history is combined with the default home. */
-  antigravityAdditionalProfileHomes: string[];
-  agentSessionsEnabled?: boolean;
-  /** Hold system awake while a local agent session is live. */
-  stayAwakeEnabled?: boolean;
-  agentSessionSshHosts?: string[];
-  /** Master switch for external hooks (hooks.json next to settings). */
-  hooksEnabled?: boolean;
-  /** Route provider HTTPS through a user HTTP(S) proxy (#235). */
-  httpProxyEnabled?: boolean;
-  httpProxyUrl?: string;
-  httpProxyUsername?: string;
-  httpProxyPassword?: string;
-  uiLanguage: Language;
-  /** Language "System": `uiLanguage` follows the Windows display language. */
-  uiLanguageFollowsSystem: boolean;
-  theme: ThemePreference;
-  /** 100..=250 — clamped server-side. */
-  windowScalePercent: number;
-  /** 100..=200 — clamped server-side. */
-  trayScalePercent: number;
-  /** Keep the tray panel above other windows after it loses focus. */
-  trayPanelAlwaysOnTop: boolean;
-  powertoysStatusPipeEnabled: boolean;
-  claudeAvoidKeychainPrompts: boolean;
-  /** Opt-in external claude-swap (`cswap`) account import (Claude only). */
-  claudeSwapEnabled?: boolean;
-  /** Path to the cswap executable (Claude only, empty when unset). */
-  claudeSwapExecutablePath?: string;
-  codexSparkUsageVisible: boolean;
-  /** Absent on older shells. */
-  codexOpenaiWebExtras?: boolean;
-  codexHistoricalTracking?: boolean;
-  codexExternalOauthSourcesAllowed?: boolean;
-  codexLocalSessionCostLedgerEnabled?: boolean;
-  codexOpenaiWebBatterySaverEnabled?: boolean;
-  /** OpenAI API Live Usage (on by default); absent on older shells. */
-  openAiLiveUsageEnabled?: boolean;
-  /** OpenAI API manual per-model organization limits. */
-  openAiModelRateLimits?: ModelRateLimitSnapshot[];
-  disableKeychainAccess: boolean;
-  wayfinderGatewayUrl?: string;
-  providerMetrics: Record<string, MetricPreference>;
-  floatBarEnabled: boolean;
-  /** 30..=100 — clamped server-side. */
-  floatBarOpacity: number;
-  /** 75..=200 — clamped server-side. */
-  floatBarScale: number;
-  floatBarOrientation: FloatBarOrientation;
-  floatBarStyle: FloatBarStyle;
-  floatBarClickThrough: boolean;
-  /** Empty array = show all enabled providers. */
-  floatBarProviderIds: string[];
-  /** When true, render with dark text/glass for light desktops. */
-  floatBarDarkText: boolean;
-  /** When true, render the selected metric's next reset inline in each provider pill. */
-  floatBarShowResetInline: boolean;
-  /** When true, scan and render local cost summaries. */
-  floatBarShowCost: boolean;
-  /** Promote the tray icon out of the Windows hidden-icons overflow (Win11 only). */
-  promoteTrayIcon?: boolean;
-  /** When true, show Claude Daily Routines quota row (default true). */
-  claudeDailyRoutinesUsageVisible: boolean;
-  /**
-   * Explicit consent to read (and refresh) Claude Code's own OAuth
-   * credentials for the Claude provider. Default false — without consent
-   * OAuth stays closed and Auto falls back to labeled reduced-fidelity CLI
-   * usage (upstream #2634/#2745).
-   */
-  claudeAllowReadingClaudeCodeCredentials: boolean;
-  /** Alibaba Token Plan region: cn | intl | cn-personal | intl-personal. */
-  alibabaTokenPlanRegion: string;
-  /**
-   * Optional user-entered Copilot seat AI-credit allowance.
-   * Snapshot-side null and absent are equivalent.
-   */
-  copilotSeatCreditEntitlement?: number | null;
-  /** Optional work-week length [2,7]; null or absent means Automatic. */
-  weeklyProgressWorkDays?: number | null;
-  /** How cost is rendered on provider cards (#2976). */
-  costSummaryDisplayStyle: CostSummaryDisplayStyle;
-  /** Opt-in read-only OpenCodex usage.jsonl import. */
-  openCodexUsageLogsEnabled?: boolean;
-  hideNativeCodexCostWhenOpenCodexPresent?: boolean;
-  /**
-   * History window for local cost surfaces: `rolling:N` (1..=365),
-   * `month-to-date`, or `all`. Absent from older backends.
-   */
-  costReportingPeriod?: string;
-  /** Usage & Spend "Track costs"; off stops the local cost-log scan. Absent from older backends. */
-  costUsageEnabled?: boolean;
-  /** Usage & Spend time range, same raw form as `costReportingPeriod`. */
-  spendDashboardPeriod?: string;
-  /** Usage & Spend sources (row `providerId`s) hidden from the dashboard; sorted and unique. */
-  spendDashboardHiddenSourceIds?: string[];
-  /** Per-provider accent color overrides (CLI name → hex color, #2972). */
-  providerAccentColors: Record<string, string>;
-}
-
-export interface CurrencyRatesSnapshot {
-  rates: Record<string, number>;
-  /** Codes the converter supports (Rust-owned list). */
-  supportedCodes: string[];
-  /** Normalized preference this snapshot was built for ("AUTO" or a code). */
-  preferredCode: string;
-}
-
-/** Partial settings object — only include fields you want to change. */
-export interface SettingsUpdate {
-  preferredCurrencyCode?: string;
-  enabledProviders?: string[];
-  refreshIntervalSecs?: number;
-  adaptiveRefresh?: boolean;
-  refreshAllProvidersOnMenuOpen?: boolean;
-  statusChecksEnabled?: boolean;
-  lowPowerMode?: boolean;
-  lowPowerModePreference?: "off" | "on" | "automatic";
-  startAtLogin?: boolean;
-  startMinimized?: boolean;
-  showNotifications?: boolean;
-  soundEnabled?: boolean;
-  notificationSoundTheme?: NotificationSoundTheme;
-  notificationSoundPaths?: NotificationSoundPaths;
-  highUsageThreshold?: number;
-  criticalUsageThreshold?: number;
-  /** Replaces each listed provider's whole value; `{}` resets it to Global. */
-  providerQuotaWarnings?: Record<string, ProviderQuotaWarnings>;
-  predictivePaceWarningEnabled?: boolean;
-  limitResetNotificationsEnabled?: boolean;
-  credentialExpiryNotificationsEnabled?: boolean;
-  sessionQuotaNotificationsEnabled?: boolean;
-  showPace?: boolean;
-  trayIconMode?: TrayIconMode;
-  stackedTrayTopProvider?: string;
-  stackedTrayBottomProvider?: string;
-  switcherShowsIcons?: boolean;
-  menuBarShowsHighestUsage?: boolean;
-  menuBarShowsPercent?: boolean;
-  menuBarIconStyle?: MenuBarIconStyle;
-  mergedOverviewSelectedProviders?: string[];
-  quotaWarningMarkersVisible?: boolean;
-  highlightMenuCardsOnHover?: boolean;
-  workdayTickStyle?: WorkdayTickStyle;
-  menuBarColorPace?: boolean;
-  menuBarColorByProvider?: boolean;
-  menuBarPaceReservePositive?: boolean;
-  providersSortedAlphabetically?: boolean;
-  providersEnabledOnly?: boolean;
-  showAsUsed?: boolean;
-  showAllTokenAccountsInMenu?: boolean;
-  enableAnimations?: boolean;
-  resetTimeRelative?: boolean;
-  showResetWhenExhausted?: boolean;
-  menuBarDisplayMode?: MenuBarDisplayMode;
-  overviewLayout?: OverviewLayout;
-  hidePersonalInfo?: boolean;
-  updateChannel?: UpdateChannel;
-  autoDownloadUpdates?: boolean;
-  installUpdatesOnQuit?: boolean;
-  globalShortcut?: string;
-  /** Overrides only; replaces the stored map. `{}` restores the defaults. */
-  switcherShortcuts?: Record<string, string>;
-  codexCustomSessionsDirs?: string[];
-  antigravityAdditionalProfileHomes?: string[];
-  agentSessionsEnabled?: boolean;
-  stayAwakeEnabled?: boolean;
-  agentSessionSshHosts?: string[];
-  hooksEnabled?: boolean;
-  httpProxyEnabled?: boolean;
-  httpProxyUrl?: string;
-  httpProxyUsername?: string;
-  httpProxyPassword?: string;
-  uiLanguage?: Language;
-  /** `true` picks "System"; picking a `uiLanguage` turns it off. */
-  uiLanguageFollowsSystem?: boolean;
-  theme?: ThemePreference;
-  windowScalePercent?: number;
-  trayScalePercent?: number;
-  trayPanelAlwaysOnTop?: boolean;
-  powertoysStatusPipeEnabled?: boolean;
-  claudeAvoidKeychainPrompts?: boolean;
-  claudeAllowReadingClaudeCodeCredentials?: boolean;
-  claudeSwapEnabled?: boolean;
-  claudeSwapExecutablePath?: string;
-  codexSparkUsageVisible?: boolean;
-  codexOpenaiWebExtras?: boolean;
-  codexHistoricalTracking?: boolean;
-  codexExternalOauthSourcesAllowed?: boolean;
-  codexLocalSessionCostLedgerEnabled?: boolean;
-  codexOpenaiWebBatterySaverEnabled?: boolean;
-  /** Fetch the last hour of OpenAI API Tokens/min on each refresh. */
-  openAiLiveUsageEnabled?: boolean;
-  /** Replaces the stored OpenAI API limit list; an empty list clears it. */
-  openAiModelRateLimits?: ModelRateLimitSnapshot[];
-  disableKeychainAccess?: boolean;
-  /** Map of provider CLI name → metric preference label. */
-  providerMetrics?: Record<string, MetricPreference>;
-  /**
-   * Map of provider CLI name → full hidden usage-item ID list. Replaces the
-   * whole list for that provider; empty clears all hidden rows.
-   */
-  providerHiddenUsageItemIds?: Record<string, string[]>;
-  floatBarEnabled?: boolean;
-  floatBarOpacity?: number;
-  floatBarScale?: number;
-  floatBarOrientation?: FloatBarOrientation;
-  floatBarStyle?: FloatBarStyle;
-  floatBarClickThrough?: boolean;
-  floatBarProviderIds?: string[];
-  floatBarDarkText?: boolean;
-  floatBarShowResetInline?: boolean;
-  floatBarShowCost?: boolean;
-  promoteTrayIcon?: boolean;
-  claudeDailyRoutinesUsageVisible?: boolean;
-  alibabaTokenPlanRegion?: string;
-  /** Optional user-entered Copilot seat AI-credit allowance; null clears it. */
-  copilotSeatCreditEntitlement?: number | null;
-  /** 2..=7 work days; null selects Automatic. */
-  weeklyProgressWorkDays?: number | null;
-  costSummaryDisplayStyle?: CostSummaryDisplayStyle;
-  openCodexUsageLogsEnabled?: boolean;
-  hideNativeCodexCostWhenOpenCodexPresent?: boolean;
-  /** `rolling:N` (1..=365), `month-to-date`, or `all`; the backend rejects other values. */
-  costReportingPeriod?: string;
-  costUsageEnabled?: boolean;
-  /** Same format as `costReportingPeriod`. */
-  spendDashboardPeriod?: string;
-  spendDashboardHiddenSourceIds?: string[];
-  providerAccentColors?: Record<string, string | null>;
-}
-
-/**
- * One quota warning window. All fields absent = Global (inherit the global
- * thresholds). `enabled: false` = Off (values kept for when it turns back on).
- * Otherwise Custom; a missing value inherits the global one.
- */
-export interface QuotaWarningWindow {
-  enabled?: boolean;
-  high?: number;
-  critical?: number;
-}
-
-export interface ProviderQuotaWarnings {
-  session?: QuotaWarningWindow;
-  weekly?: QuotaWarningWindow;
-}
-
-/** One provider row for Settings → Usage & Spend. */
-export interface UsageSpendDailyPoint {
-  day: string;
-  amount: number;
-}
-
-export interface UsageSpendRow {
-  providerId: string;
-  displayName: string;
-  sevenDay: number | null;
-  thirtyDay: number | null;
-  sevenDayEstimate?: LocalCostEstimate;
-  thirtyDayEstimate?: LocalCostEstimate;
-  sevenDayTokens?: number | null;
-  thirtyDayTokens?: number | null;
-  /** The token figure is a floor from an incomplete scan ("at least N"). */
-  sevenDayTokensLowerBound?: boolean;
-  thirtyDayTokensLowerBound?: boolean;
-  /** Cost over the selected History window (`UsageSpendSummary.reportingPeriod`). */
-  periodCost: number | null;
-  periodTokens: number | null;
-  currency: string;
-  source: string;
-  includedInOverview: boolean;
-  daily?: UsageSpendDailyPoint[];
-  /** F8: true when served from stale cache while a re-scan is in progress. */
-  refreshing?: boolean;
-  /** ISO 8601 timestamp of the stale snapshot when refreshing. */
-  staleUpdatedAt?: string;
-}
-
-export interface LocalCostEstimate {
-  knownSubtotalUsd: number | null;
-  coverage: CostCoverageCounts;
-}
-
-export interface UsageSpendSummary {
-  rows: UsageSpendRow[];
-  contract: SpendContract;
-  /** Raw History window the `period*` columns were built for. */
-  reportingPeriod: string;
-  reportingDay: string;
-  dashboardTimezone: string;
-  /** False when "Track costs" is off: nothing was scanned and the summary is empty. */
-  costTrackingEnabled?: boolean;
-  /** The last year of per-day tokens per local-log row, independent of the period. */
-  tokenActivity?: TokenActivitySource[];
-  /** Per-source spend series for the trend explorer; absent while Track costs is off. */
-  trend?: SpendTrend;
-}
-
-export interface TokenActivityDay {
-  day: string;
-  /** null is unknown: never scanned, or scanned and still not totalled. */
-  totalTokens: number | null;
-  isScanned: boolean;
-}
-
-export interface TokenActivitySource {
-  providerId: string;
-  /** Oldest day first; the last entry is today in the cost bucket zone. */
-  days: TokenActivityDay[];
-}
-
-export interface SpendTrendSource {
-  id: string;
-  providerId: string;
-  displayName: string;
-  /** The whole window is a covered, priced zero for this source. */
-  knownZero: boolean;
-}
-
-export interface SpendTrendDailyPoint {
-  sourceId: string;
-  day: string;
-  /** null is unknown (unscanned or unpriced); 0 is a covered zero. */
-  costUsd: number | null;
-}
-
-export interface SpendTrendHourlyPoint {
-  sourceId: string;
-  /** RFC 3339 UTC instant the local hour began. */
-  hour: string;
-  costUsd: number | null;
-}
-
-export interface SpendTrendHourSlot {
-  start: string;
-  offsetMinutes: number;
-}
-
-/** One local day with hourly data, as its real (23, 24 or 25) hour slots. */
-export interface SpendTrendHourlyDay {
-  day: string;
-  start: string;
-  end: string;
-  hours: SpendTrendHourSlot[];
-}
-
-export interface SpendTrend {
-  /** First and last reporting day of the window, inclusive. */
-  startDay: string;
-  endDay: string;
-  timeZone: string;
-  sources: SpendTrendSource[];
-  daily: SpendTrendDailyPoint[];
-  hourly: SpendTrendHourlyPoint[];
-  hourlyDays: SpendTrendHourlyDay[];
-}
-
-export type CostProvenance = "listPriceEstimate" | "vendorMetered" | "mixed" | "unknown";
-
-export interface CostCoverageCounts {
-  priced: number;
-  unpriced: number;
-  unmetered: number;
-  estimated: number;
-}
-
-export interface SpendTokenMix {
-  inputTokens: number | null;
-  outputTokens: number | null;
-  cacheReadTokens: number | null;
-  cacheCreationTokens: number | null;
-  reasoningTokens: number | null;
-}
-
-export interface SpendModelRow {
-  model: string;
-  costUsd: number | null;
-  inputTokens: number;
-  outputTokens: number;
-  cacheReadTokens: number;
-  totalTokens: number;
-  customPricing: boolean;
-}
-
-export interface SpendDailyPoint {
-  day: string;
-  costUsd: number | null;
-  totalTokens: number | null;
-}
-
-export interface SpendActivityCell {
-  weekday: number;
-  hour: number;
-  conversations: number;
-}
-
-export interface ImportedSpendSource {
-  sourceId: string;
-  displayName: string;
-  requestCount: number;
-  conversationCount: number;
-  tokenMix: SpendTokenMix;
-  coverage: CostCoverageCounts;
-  models: SpendModelRow[];
-  hourlyActivity: SpendActivityCell[];
-}
-
-/** Codex local Workspaces snapshot (get_codex_workspaces_snapshot). */
-export type CodexWorkspacesSourceStatus =
-  | "complete"
-  | "catalogMissing"
-  | "catalogLocked"
-  | "catalogCorrupt"
-  | "catalogIncompatible";
-
-export interface CodexWorkspacesUsageTotals {
-  inputTokens: number;
-  cachedInputTokens: number;
-  outputTokens: number;
-  totalTokens: number;
-}
-
-export interface CodexWorkspacesCostEstimate {
-  knownUsd: number;
-  unknownTokens: number;
-}
-
-export interface CodexWorkspacesDailyPoint {
-  day: string;
-  totalTokens: number;
-  cachedInputTokens: number;
-  estimatedCostUsd: number | null;
-}
-
-/** Turns that share one model and reasoning effort (upstream #4304). */
-export interface CodexWorkspacesTurnPerformanceGroup {
-  model: string | null;
-  reasoningEffort: string | null;
-  sampleCount: number;
-  firstTokenSampleCount: number;
-  medianFirstTokenMilliseconds: number | null;
-  medianDurationMilliseconds: number;
-  outputTokensPerSecond: number;
-}
-
-export interface CodexWorkspacesTurnPerformanceDetails {
-  p95DurationMilliseconds: number | null;
-  p95FirstTokenMilliseconds: number | null;
-  outputRateLowerQuartile: number | null;
-  outputRateUpperQuartile: number | null;
-  cachedInputFraction: number | null;
-  cacheSampleCount: number;
-  groups: CodexWorkspacesTurnPerformanceGroup[];
-}
-
-/** Native Codex turn latency and throughput for one conversation. */
-export interface CodexWorkspacesTurnPerformance {
-  sampleCount: number;
-  outputTokensPerSecond: number;
-  medianDurationMilliseconds: number;
-  medianFirstTokenMilliseconds: number | null;
-  firstTokenSampleCount: number;
-  details: CodexWorkspacesTurnPerformanceDetails;
-}
-
-export interface CodexWorkspacesSessionUsage {
-  id: string;
-  projectId: string;
-  displayTitle: string;
-  cwd: string | null;
-  startedAt: string | null;
-  latestActivity: string | null;
-  totals: CodexWorkspacesUsageTotals;
-  costEstimate: CodexWorkspacesCostEstimate;
-  topModel: string | null;
-  turnPerformance: CodexWorkspacesTurnPerformance | null;
-}
-
-export interface CodexWorkspacesProjectUsage {
-  id: string;
-  displayName: string;
-  path: string | null;
-  totals: CodexWorkspacesUsageTotals;
-  costEstimate: CodexWorkspacesCostEstimate;
-  sessionCount: number;
-  latestActivity: string | null;
-  topModel: string | null;
-  topSessions: CodexWorkspacesSessionUsage[];
-  /** Explicit desktop ownership: an independent chat, not a project folder. */
-  isProjectless: boolean;
-}
-
-export interface CodexLocalProjectUsageSnapshot {
-  updatedAt: string;
-  historyDays: number;
-  scopeSignature: string;
-  indexedFileCount: number;
-  skippedFileCount: number;
-  total: CodexWorkspacesUsageTotals;
-  /** All indexed conversations in the selected history window. */
-  sessions: CodexWorkspacesSessionUsage[];
-  projects: CodexWorkspacesProjectUsage[];
-  daily: CodexWorkspacesDailyPoint[];
-  sourceStatus: CodexWorkspacesSourceStatus;
-}
-
-
-export interface SpendContract {
-  providerId: string;
-  historyDays: number;
-  /** Raw History window this contract was built for. */
-  reportingPeriod: string;
-  knownCostUsd: number | null;
-  knownZero: boolean;
-  provenance: CostProvenance;
-  priceCoverage: CostCoverageCounts;
-  priceCoverageRatio: number | null;
-  historyCoverageEstablished: boolean;
-  tokenMix: SpendTokenMix;
-  conversationCount: number;
-  models: SpendModelRow[];
-  projects: CodexWorkspacesProjectUsage[];
-  conversations: CodexWorkspacesSessionUsage[];
-  daily: SpendDailyPoint[];
-  hourlyActivity: SpendActivityCell[];
-  projectSourceStatus: CodexWorkspacesSourceStatus | null;
-  customPricingActive: boolean;
-  imports: ImportedSpendSource[];
-}
-
-
-export interface BootstrapState {
-  contractVersion: string;
-  providers: ProviderCatalogEntry[];
-  settings: SettingsSnapshot;
-}
-
-// ── Provider usage snapshot types ────────────────────────────────────
-
-/**
- * A longer exhausted pool (Kimi monthly, upstream 0.69.0 #4091) blocks the
- * window until `resetsAt`; `null` means the reset is unknown and the block
- * holds. Surfaces re-check it at render time because snapshots are cached.
- */
-export interface MonthlyLimitBlock {
-  resetsAt: string | null;
-}
-
-export interface RateWindowSnapshot {
-  usedPercent: number;
-  remainingPercent: number;
-  windowMinutes: number | null;
-  resetsAt: string | null;
-  resetDescription: string | null;
-  isExhausted: boolean;
-  isInformational?: boolean;
-  /** `resetDescription` is a detail line (for example spend amounts), not reset wording. */
-  descriptionIsDetail?: boolean;
-  /** The reset is the next quota regeneration: the card says "Regenerates in" (Synthetic). */
-  resetRegenerates?: boolean;
-  /** The window feeds the tray and float bar only; the card draws no row for it. */
-  hiddenOnCard?: boolean;
-  reservePercent: number | null;
-  reserveDescription: string | null;
-  reserveWillLastToReset?: boolean;
-  reserveEtaSeconds?: number | null;
-  /** Pace of this window; absent when the provider's pace is not authoritative or the window is informational. */
-  pace?: WindowPaceSnapshot | null;
-  /** Set while a longer exhausted pool blocks this window; raw percentages stay the provider data. */
-  monthlyLimitBlock?: MonthlyLimitBlock | null;
-}
-
-export interface CostDailyPoint {
-  day: string;
-  amount: number;
-}
-
-export interface CostSnapshotBridge {
-  used: number;
-  limit: number | null;
-  remaining: number | null;
-  currencyCode: string;
-  /** Optional currency symbol (e.g. "€", "$", "¥") for localized rendering. */
-  currencySymbol?: string | null;
-  period: string;
-  resetsAt: string | null;
-  formattedUsed: string;
-  formattedLimit: string | null;
-  balance?: number | null;
-  /** Successful balance observation time; independent from the usage-cap age. */
-  balanceUpdatedAt?: string | null;
-  /** Stable provider account scope for reconciling paired observations. */
-  accountId?: string | null;
-  formattedBalance?: string | null;
-  daily?: CostDailyPoint[];
-  /** Provider-metered spend that is itself a primary usage signal. */
-  alwaysVisible?: boolean;
-  /** The primary meter already shows this cap, so the cost block omits its bar. */
-  foldedIntoPrimary?: boolean;
-  /** Provider-owned cost-block title (upstream `ProviderCostMenuCardStyle`); absent keeps the shared title. */
-  titleKey?: LocaleKey;
-}
-
-export type PaceStage =
-  | "on_track"
-  | "slightly_ahead"
-  | "ahead"
-  | "far_ahead"
-  | "slightly_behind"
-  | "behind"
-  | "far_behind";
-
-/** Pace of one rate window. A positive `deltaPercent` is a deficit, a negative one a reserve. */
-export interface WindowPaceSnapshot {
-  stage: PaceStage;
-  deltaPercent: number;
-  expectedUsedPercent: number;
-  actualUsedPercent: number;
-  etaSeconds?: number | null;
-  willLastToReset: boolean;
-  /**
-   * Scored against the provider's reset window (upstream
-   * `ProviderPaceCapability.resetWindowPace`). Card lanes show it as weekly
-   * pace whatever the window's length. Omitted when false.
-   */
-  resetWindow?: boolean;
-}
-
-export interface PaceSnapshot {
-  stage: PaceStage;
-  deltaPercent: number;
-  willLastToReset: boolean;
-  etaSeconds: number | null;
-  expectedUsedPercent: number;
-  actualUsedPercent: number;
-  /** Block of the window this pace comes from; no pace is shown while it is active. */
-  monthlyLimitBlock?: MonthlyLimitBlock | null;
-}
-
-/** One burndown chart point (RFC 3339 capture time + remaining percent). */
-export interface QuotaBurndownPoint {
-  capturedAt: string;
-  remainingPercent: number;
-}
-
-/** Recorded remaining-quota burndown for one series (upstream 0.70.0 #4085). */
-export interface QuotaBurndownSnapshot {
-  series: "session" | "weekly";
-  windowMinutes: number;
-  start: string;
-  reset: string;
-  samples: QuotaBurndownPoint[];
-  ideal: [QuotaBurndownPoint, QuotaBurndownPoint];
-}
-
-export interface SessionEquivalentForecastSnapshot {
-  estimatedWindowsToExhaustWeekly: number;
-  windowsUntilReset: number;
-  availableWindowsUntilReset: number;
-  sampleCount: number;
-  weeklyResetsAt: string;
-  weeklyUsedPercent: number;
-}
-
-export interface SubscriptionMetadataSnapshot {
-  startsAt: string | null;
-  expiresAt: string | null;
-  renewsAt: string | null;
-  /** Calendar-only dates are UTC midnight; format them in UTC. */
-  renewsAtIsDateOnly?: boolean;
-  expiresAtIsDateOnly?: boolean;
-}
-
-export interface ProviderInventoryItem {
-  id: string;
-  title: string;
-  availableCount: number;
-  nextExpiresAt: string | null;
-}
-
-export interface ProviderDisplayProgress {
-  used: number;
-  total: number;
-}
-
-/** Transient provider detail row; it is display-only and never quota math. */
-export interface ProviderDisplayDetail {
-  id: string;
-  sectionTitle: string | null;
-  title: string;
-  value: string;
-  secondaryValue: string | null;
-  progress: ProviderDisplayProgress | null;
-}
-
-/** One metric or provider-emitted extra row available to visibility controls. */
-export interface ProviderUsageItem {
-  id: string;
-  title: string;
-  available: boolean;
-  /** Also suppressed while Cost summary display is Hidden. */
-  requiresCostSummary?: boolean;
-}
-/** Backend-classified provider availability state (camelCase serde on the bridge). */
-export type ProviderStateKind =
-  | "ready"
-  | "needsAuthentication"
-  | "expiredSession"
-  | "localRuntimeOffline"
-  | "unknown";
-
-export interface ProviderUsageSnapshot {
-  providerId: string;
-  displayName: string;
-  primary: RateWindowSnapshot;
-  /** Settings-selected metric shared by native and webview presentation surfaces. */
-  selectedMetric: RateWindowSnapshot;
-  primaryLabel?: string;
-  secondary: RateWindowSnapshot | null;
-  secondaryLabel?: string;
-  /** Provider-chosen locale key that names the secondary lane (wins over `secondaryLabel`). */
-  secondaryLabelKey?: LocaleKey | null;
-  modelSpecific: RateWindowSnapshot | null;
-  tertiary: RateWindowSnapshot | null;
-  /** F5: duration-cadence label for tertiary ("monthly", "weekly" etc.) */
-  tertiaryLabel?: string;
-  extraRateWindows: Array<{
-    id: string;
-    title: string;
-    window: RateWindowSnapshot;
-    /** Provider-declared fallback lane; only fills in without a core quota window. */
-    fallbackLane?: boolean;
-    /** Provider-declared tray-icon lane this window stands in for when that core lane is absent. */
-    iconFallback?: "primary" | "secondary";
-  }>;
-  /** Display-only discrete provider inventory; never used as quota math. */
-  inventory?: ProviderInventoryItem[];
-  /** Provider-specific display rows; never used as quota math or persistence. */
-  displayDetails?: ProviderDisplayDetail[];
-  /** Presentation-only hidden metric/extra row IDs. */
-  hiddenUsageItemIds?: string[];
-  cost: CostSnapshotBridge | null;
-  planName: string | null;
-  accountEmail: string | null;
-  /**
-   * Active token-account label, shown in the header only when the provider
-   * reports no email (upstream account fallback). Never a scoping key.
-   */
-  accountLabel?: string | null;
-  subscription?: SubscriptionMetadataSnapshot | null;
-  sourceLabel: string;
-  /** Backend proof of a live successful Claude CLI quota fetch; only true is proof. */
-  hasSuccessfulClaudeCliQuota?: boolean;
-  updatedAt: string;
-  error: string | null;
-  errorState: ProviderStateKind;
-  pace: PaceSnapshot | null;
-  accountOrganization: string | null;
-  trayStatusLabel: string | null;
-  fetchDurationMs?: number | null;
-  wayfinderUsage?: WayfinderUsageSnapshot | null;
-  /** Per-UTC-day OpenAI Admin API history; only the `openaiapi` Admin path sets it. */
-  openAiApiUsage?: OpenAiApiUsageSnapshot | null;
-  /** Last-hour Tokens/min grid; only the `openaiapi` Admin path sets it. */
-  throughput?: ProviderThroughputSnapshot | null;
-  sessionEquivalentForecast?: SessionEquivalentForecastSnapshot | null;
-  /** Recorded remaining-quota burndown; Codex and Claude only. */
-  quotaBurndown?: QuotaBurndownSnapshot | null;
-}
-
-export interface WayfinderRouteSummary {
-  name: string;
-  requests: number;
-  tokens: number;
-  realized: number;
-  baseline: number;
-  saved: number;
-}
-
-export interface WayfinderUsageSnapshot {
-  gatewayStatus: string;
-  offline: boolean;
-  dryRun: boolean;
-  missingKeys: string[];
-  modelCount: number;
-  models: string[];
-  requests: number;
-  estimatedRequests: number;
-  tokens: number;
-  realized: number;
-  baseline: number;
-  saved: number;
-  savedPercent: number;
-  periodDays: number;
-  unit: string;
-  priced: boolean;
-  routes: WayfinderRouteSummary[];
-  /** Mean router decision latency in ms, from the gateway's /metrics. */
-  avgDecisionMs?: number;
-}
-
-/** Line item cost for one UTC day; descending by cost, then name. */
-export interface OpenAiApiLineItemSnapshot {
-  name: string;
-  costUsd: number;
-}
-
-/** Model usage for one UTC day; descending by total tokens, then name. */
-export interface OpenAiApiModelUsageSnapshot {
-  name: string;
-  requests: number;
-  inputTokens: number;
-  cachedInputTokens: number;
-  outputTokens: number;
-  totalTokens: number;
-}
-
-/**
- * One UTC-day bucket. Input and output include audio tokens, cached input is a
- * subset of input, and `totalTokens === inputTokens + outputTokens`.
- */
-export interface OpenAiApiDailyUsageSnapshot {
-  /** Bucket start, epoch seconds. */
-  startTime: number;
-  /** Bucket end, epoch seconds; always after `startTime`. */
-  endTime: number;
-  costUsd: number;
-  requests: number;
-  inputTokens: number;
-  cachedInputTokens: number;
-  outputTokens: number;
-  totalTokens: number;
-  lineItems: OpenAiApiLineItemSnapshot[];
-  models: OpenAiApiModelUsageSnapshot[];
-}
-
-export interface OpenAiApiUsageSnapshot {
-  /** Requested window in days (1-365). */
-  historyDays: number;
-  projectId: string | null;
-  /** Ascending by `startTime`; empty when the window had no data. */
-  daily: OpenAiApiDailyUsageSnapshot[];
-}
-
-/** One minute of the Tokens/min grid. */
-export interface ThroughputMinuteSnapshot {
-  /** Minute start, epoch seconds. */
-  start: number;
-  totalTokens: number;
-  requests: number;
-  /** After the reporting frontier: not reported yet, never a real zero or a peak. */
-  isPending: boolean;
-}
-
-/** Per-model throughput, ranked by reported volume, then pending volume, then name. */
-export interface ThroughputModelSnapshot {
-  name: string;
-  latestTpm: number;
-  peakTpm: number;
-  totalTokens: number;
-  /** Peak non-pending tokens that count toward a rate limit (Batch API excluded). */
-  peakLimitCountedTokens: number;
-  /** Limit-counted tokens aligned with `ProviderThroughputSnapshot.minutes`. */
-  limitCountedTokensByMinute: number[];
-}
-
-export interface ProviderThroughputSnapshot {
-  /** Regular ascending one-minute grid. */
-  minutes: ThroughputMinuteSnapshot[];
-  /** Newest complete minute with reported traffic, epoch seconds. */
-  frontier: number | null;
-  latestTokensPerMinute: number | null;
-  peakTokensPerMinute: number;
-  peakAt: number | null;
-  fiveMinuteAverageTokensPerMinute: number;
-  models: ThroughputModelSnapshot[];
-  windowMinutes: number;
-  /** Epoch seconds. */
-  fetchedAt: number;
-  /** Project scope; `null` covers the whole organization (only then can limits apply). */
-  projectId: string | null;
-}
-
-/** Manual organization limit for one model (OpenAI API Live Usage, upstream #4495). */
-export interface ModelRateLimitSnapshot {
-  model: string;
-  tokensPerMinute: number;
-  /** `null` or absent means no requests-per-minute limit. */
-  requestsPerMinute?: number | null;
-}
-
-export interface OrgModelRateLimitSnapshot {
-  model: string;
-  tokensPerMinute: number;
-  requestsPerMinute: number | null;
-}
-
-/** Project caps read across the organization, sorted by model ID. */
-export interface OrgRateLimitsSnapshot {
-  byModel: OrgModelRateLimitSnapshot[];
-  projectsSampled: number;
-  truncated: boolean;
-  /** Epoch seconds. */
-  fetchedAt: number;
-}
-
-export interface RefreshCompletePayload {
-  providerCount: number;
-  errorCount: number;
-}
-
-export interface RefreshStartedPayload {
-  providerIds: string[];
-}
-
-export interface CredentialStorageStatus {
-  manualCookies: string;
-  apiKeys: string;
-  tokenAccounts: string;
-}
-
-// ── Update state types ───────────────────────────────────────────────
-
-export type UpdateStatus =
-  | "idle"
-  | "checking"
-  | "available"
-  | "downloading"
-  | "ready"
-  | "error";
-
-export interface UpdateStatePayload {
-  status: UpdateStatus;
-  version: string | null;
-  error: string | null;
-  progress: number | null;
-  releaseUrl: string | null;
-  canDownload: boolean;
-  canApply: boolean;
-  /** Unix-ms timestamp of the last completed update check, or `null`
-   *  if the app has not checked during this session. */
-  lastCheckedAt: number | null;
-}
-
-// ── Credential store types ───────────────────────────────────────────
-
-export interface ApiKeyInfoBridge {
-  providerId: string;
-  provider: string;
-  maskedKey: string;
-  savedAt: string;
-  label: string | null;
-}
-
-export interface ApiKeyProviderInfoBridge {
-  id: string;
-  displayName: string;
-  envVar: string | null;
-  help: string | null;
-  dashboardUrl: string | null;
-}
-
-export interface CookieInfoBridge {
-  providerId: string;
-  provider: string;
-  savedAt: string;
-}
-
-export interface DetectedBrowserBridge {
-  browserType: string;
-  displayName: string;
-  profileCount: number;
-}
-
-export interface AppInfoBridge {
-  name: string;
-  version: string;
-  buildNumber: string;
-  /** UTC build date, YYYY-MM-DD. */
-  buildDate?: string;
-  updateChannel: string;
-  tagline: string;
-}
-
-// ── Chart data types ─────────────────────────────────────────────────
-
-export interface DailyCostPoint {
-  date: string;
-  value: number | null;
-  /** Claude requests excluded from this day's totals (upstream 0.60.5 #3688). */
-  incompleteRequestCount?: number;
-}
-
-/** Exact local token totals per day (upstream 0.50.0 #2930). */
-export interface DailyTokenPoint {
-  date: string;
-  tokens: number;
-}
-
-export interface ServiceUsagePoint {
-  service: string;
-  creditsUsed: number;
-}
-
-export interface DailyUsageBreakdown {
-  day: string;
-  services: ServiceUsagePoint[];
-  totalCreditsUsed: number;
-}
-
-export interface ProviderLocalUsageSummary {
-  todayCost: number | null;
-  /** Always the trailing 30 days. */
-  thirtyDayCost: number | null;
-  thirtyDayTokens: number | null;
-  /** Selected History window totals. */
-  periodCost: number | null;
-  periodTokens: number | null;
-  reportingPeriod: string;
-  latestTokens: number | null;
-  topModel: string | null;
-  estimateNote: string;
-  tokenCostUpdatedAtMs: number;
-  /** Claude requests excluded from the selected-period totals (upstream 0.60.5 #3688). */
-  incompleteRequestCount?: number;
-}
-
-export interface QuotaWindowHistoryPoint {
-  offset: number;
-  start: string;
-  end: string;
-  totalTokens: number | null;
-  totalCostUsd: number | null;
-  tokensAreComplete: boolean;
-  costIsComplete: boolean;
-  entryCount: number;
-  boundariesAreEstimated: boolean;
-}
-
-export interface QuotaWindowHistoryBridge {
-  providerId: string;
-  accountScope: string | null;
-  windows: QuotaWindowHistoryPoint[];
-  historyCoverageEstablished: boolean;
-}
-
-export interface ProviderChartData {
-  providerId: string;
-  costHistory: DailyCostPoint[];
-  creditsHistory: DailyCostPoint[];
-  usageBreakdown: DailyUsageBreakdown[];
-  localUsage: ProviderLocalUsageSummary | null;
-  tokensHistory: DailyTokenPoint[];
-  tokensIncomplete: boolean;
-  quotaWindowHistory?: QuotaWindowHistoryBridge | null;
-}
-
-// ── Token account types ──────────────────────────────────────────────
-
-export interface TokenAccountSupportBridge {
-  providerId: string;
-  displayName: string;
-  title: string;
-  subtitle: string;
-  placeholder: string;
-}
-
-export interface TokenAccountBridge {
-  id: string;
-  label: string;
-  addedAt: string;
-  lastUsed: string | null;
-  isActive: boolean;
-}
-
-export interface ProviderTokenAccountsBridge {
-  providerId: string;
-  support: TokenAccountSupportBridge;
-  accounts: TokenAccountBridge[];
-  activeIndex: number;
-}
-
-// ── Phase 4 — provider ordering / cookie source / region ─────────────
-
-export interface ProviderSummary {
-  id: string;
-  displayName: string;
-  enabled: boolean;
-  order: number;
-}
-
-// ── Phase 4 — credential detection ───────────────────────────────────
-
-export interface GeminiCliStatus {
-  signedIn: boolean;
-  credentialsPath: string | null;
-}
-
-export interface VertexAiStatus {
-  hasCredentials: boolean;
-  credentialsPath: string | null;
-}
-
-export interface JetbrainsIde {
-  id: string;
-  displayName: string;
-  path: string;
-  detected: boolean;
-}
-
-export interface KiroStatus {
-  available: boolean;
-  hint: string | null;
-}
-
-// ── Phase 4 — session / environment ──────────────────────────────────
-
-export interface WorkAreaRect {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-}
-
-// ── Phase 5 — i18n ────────────────────────────────────────────────────
-
-/** Snapshot returned by `get_locale_strings`. */
-export interface LocaleStrings {
-  language: Language;
-  entries: Record<string, string>;
-}
-
-/** Payload emitted for `locale-changed`: the persisted language label. */
-export type LocaleChangedPayload = Language;
-
-// ── Phase 6b — provider detail pane ──────────────────────────────────
-
-/** Aggregated per-provider payload powering the Settings detail pane. */
-export interface ProviderDetail {
-  id: string;
-  displayName: string;
-  enabled: boolean;
-  autoResumeAfterQuotaReset: boolean;
-  /** Whether the active credential lane can be correlated to a local CLI session. */
-  autoResumeSupported: boolean;
-  /** LiteLLM and Claude expose one opt-in extra breakdown; other providers do not. */
-  optionalDetailsSupported: boolean;
-  optionalDetailsEnabled: boolean;
-
-  // Identity
-  email: string | null;
-  plan: string | null;
-  authType: string | null;
-  sourceLabel: string | null;
-  organization: string | null;
-  lastUpdated: string | null;
-
-  // Usage windows — mirror RateWindowSnapshot.
-  session: RateWindowSnapshot | null;
-  weekly: RateWindowSnapshot | null;
-  /** Provider-declared label for the session (primary) lane, e.g. "Personal budget". */
-  primaryLabel?: string | null;
-  /** Provider-declared label for the weekly (secondary) lane, e.g. "Team budget". */
-  secondaryLabel?: string | null;
-  modelSpecific: RateWindowSnapshot | null;
-  tertiary: RateWindowSnapshot | null;
-  /** Locale key for the tertiary metric lane when it carries a semantic label (upstream F5). */
-  tertiaryLabelKey?: string | null;
-  /** Extra rate window id holding the monthly plan allowance; offers the Monthly Plan metric (upstream 0.70.0). */
-  monthlyPlanWindowId?: string | null;
-  /** Metric picker label for the primary lane when it is not a session window. */
-  primaryMetricLabel?: string | null;
-  extraRateWindows: Array<{
-    id: string;
-    title: string;
-    window: RateWindowSnapshot;
-    /** Provider-declared fallback lane; only fills in without a core quota window. */
-    fallbackLane?: boolean;
-    /** Provider-declared tray-icon lane this window stands in for when that core lane is absent. */
-    iconFallback?: "primary" | "secondary";
-  }>;
-  /** Metric and extra rows exposed by the current provider snapshot. */
-  usageItems?: ProviderUsageItem[];
-  /** Persisted presentation-only hidden metric/extra row IDs. */
-  hiddenUsageItemIds?: string[];
-  /** Display-only discrete provider inventory; never used as quota math. */
-  inventory?: ProviderInventoryItem[];
-  /** Provider-specific display rows; never used as quota math or persistence. */
-  displayDetails?: ProviderDisplayDetail[];
-  /** Plan renewal / expiry dates for the usage preview. */
-  subscription?: SubscriptionMetadataSnapshot | null;
-
-  cost: CostSnapshotBridge | null;
-  pace: PaceSnapshot | null;
-  /** Per-UTC-day OpenAI Admin API history; only the `openaiapi` Admin path sets it. */
-  openAiApiUsage?: OpenAiApiUsageSnapshot | null;
-
-  lastError: string | null;
-  errorState: ProviderStateKind | null;
-
-  dashboardUrl: string | null;
-  statusPageUrl: string | null;
-  buyCreditsUrl: string | null;
-
-  hasSnapshot: boolean;
-
-  /** Persisted provider usage source (auto | cli | oauth | web). */
-  usageSource?: string | null;
-  /** Phase 6c — currently-persisted cookie source value ("auto" | "manual" | "off" | …).
-   *  `null` for providers that do not expose a cookie-source picker. */
-  cookieSource: string | null;
-  /** Manual cookie source is selected with no usable header, and the provider
-   *  fails closed instead of importing browser cookies. */
-  manualCookieMissing?: boolean;
-  /** Phase 6c — currently-persisted region value. `null` for non-regional providers. */
-  region: string | null;
-}
-
-// ── Phase 6c — cookie-source & region pickers ────────────────────────
-
-export interface CookieSourceOption {
-  value: string;
-  label: string;
-  description?: string;
-}
-
-export interface RegionOption {
-  value: string;
-  label: string;
-}
-
-// ── Codex multi-account (ADR 0003) ───────────────────────────────────
-
-export type CodexAccountSource = "ambient" | "managedByApp";
-
-export interface CodexAccount {
-  id: string;
-  nickname: string | null;
-  emailHint: string | null;
-  authSubject: string | null;
-  providerAccountId: string | null;
-  codexHomePath: string;
-  source: CodexAccountSource;
-  createdAt: string;
-  updatedAt: string;
-  lastAuthenticatedAt: string | null;
-}
-
-export interface CodexUsageWindow {
-  usedPercent: number;
-  resetAt: string | null;
-  limitWindowSeconds: number;
-}
-
-export interface CodexCreditsBalance {
-  hasCredits: boolean;
-  unlimited: boolean;
-  balance: number | null;
-}
-
-export interface CodexAccountUsageSnapshot {
-  email: string | null;
-  providerAccountId: string | null;
-  plan: string | null;
-  allowed: boolean | null;
-  limitReached: boolean | null;
-  primaryWindow: CodexUsageWindow | null;
-  secondaryWindow: CodexUsageWindow | null;
-  credits: CodexCreditsBalance | null;
-  /** Persisted account-scoped extra-usage cost, when available. */
-  cost?: CostSnapshotBridge | null;
-  subscription?: SubscriptionMetadataSnapshot | null;
-  updatedAt: string;
-}
-
-export interface CodexSwitchResult {
-  switchId: string;
-  materializedAccount: CodexAccount | null;
-  backupPath: string | null;
-  ambientAccount: CodexAccount | null;
-  desktopSessionBackupPath: string | null;
-  desktopSessionRestorePath: string | null;
-  desktopSessionRestoreExists: boolean;
-}
-
-export interface CodexAccountsStateBridge {
-  accounts: CodexAccount[];
-  /** Canonical privacy-safe account labels, keyed by stable account id. */
-  displayNames?: Record<string, string>;
-  /** Canonical opaque account ordinals, keyed by stable account id. */
-  accountOrdinals: Record<string, number>;
-  snapshots: Record<string, CodexAccountUsageSnapshot>;
-  needsAuthentication?: Record<string, boolean>;
-}
-export interface ClaudeAccount {
-  id: string;
-  email: string;
-  organization: string | null;
-  plan: string | null;
-  isActive: boolean;
-  isSaved: boolean;
-  usage?: {
-    fiveHour: { usedPercent: number; resetsAt: string | null } | null;
-    sevenDay: { usedPercent: number; resetsAt: string | null } | null;
-    updatedAt: string;
-  } | null;
-  usageError?: string | null;
-  needsAuthentication?: boolean;
-}
-
-export interface ClaudeReconciliationSnapshot {
-  generation: number;
-  status: "pending" | "succeeded" | "failed";
-  providerRefreshGeneration: number | null;
-  detail: string;
-}
-
-export interface GrokAccount {
-  id: string;
-  email: string;
-  organization: string | null;
-  plan: string | null;
-  isActive: boolean;
-  isSaved: boolean;
-}
-
-export interface GrokAccountUsage {
-  status?: "loading" | "ready" | "signInRequired" | "unavailable" | "failed";
-  usageAvailable: boolean;
-  usedPercent: number | null;
-  plan: string | null;
-  windowMinutes: number | null;
-  resetsAt: string | null;
-}
-
-/** One source-issued usage window from the external claude-swap adapter. */
-export interface ClaudeSwapUsageWindow {
-  usedPercent: number;
-  /** RFC 3339 timestamp, or null when cswap reported no reset. */
-  resetsAt: string | null;
-}
-
-export interface ClaudeSwapScopedWindow extends ClaudeSwapUsageWindow {
-  /** Display-only provider/model label (e.g. "Fable only"). */
-  name: string;
-}
-
-export interface ClaudeSwapSpendWindow {
-  used: number;
-  limit: number;
-  usedPercent: number;
-  currencyCode: string | null;
-  resetsAt: string | null;
-}
-
-/** Source-reported historical usage. It never drives current provider state. */
-export interface ClaudeSwapHistoricalUsage {
-  fiveHour: ClaudeSwapUsageWindow | null;
-  sevenDay: ClaudeSwapUsageWindow | null;
-  scoped: ClaudeSwapScopedWindow[];
-  spend: ClaudeSwapSpendWindow | null;
-  fetchedAt: string;
-  provenance: "source_reported_last_good";
-}
-
-export type ClaudeSwapAccountAction = "switch" | "reauthenticate";
-
-/**
- * One external claude-swap account. Identity is the source-issued numeric slot
- * (`claude-swap:<slot>`); CodexBar never reads or stores its credentials.
- */
-export interface ClaudeSwapAccount {
-  id: string;
-  slot: number;
-  /** Privacy-aware display label (alias, email, or `Account N`). */
-  label: string;
-  email: string | null;
-  organization: string | null;
-  alias: string | null;
-  isActive: boolean;
-  action: ClaudeSwapAccountAction | null;
-  isDisabled: boolean;
-  /** Raw cswap usageStatus label (e.g. "ok", "token_expired"). */
-  status: string;
-  error: string | null;
-  fiveHour: ClaudeSwapUsageWindow | null;
-  sevenDay: ClaudeSwapUsageWindow | null;
-  scoped: ClaudeSwapScopedWindow[];
-  spend: ClaudeSwapSpendWindow | null;
-  historicalUsage: ClaudeSwapHistoricalUsage | null;
-}
-
-/** External claude-swap adapter state for the Claude accounts settings section. */
-export interface ClaudeSwapAccountsState {
-  enabled: boolean;
-  executableConfigured: boolean;
-  accounts: ClaudeSwapAccount[];
-  error: string | null;
-}
-
-// ── Hooks (Settings > Hooks; Rust `commands/hooks.rs`) ────────────────
-
-/** The seven hook events, in the macOS picker order (`HookEventType.allCases`). */
-export const HOOK_EVENT_TYPES = [
-  "quota_low",
-  "quota_reached",
-  "quota_reset",
-  "usage_updated",
-  "provider_unavailable",
-  "provider_recovered",
-  "refresh_failed",
-] as const;
-
-export type HookEventType = (typeof HOOK_EVENT_TYPES)[number];
-
-/** One rule in `hooks.json` (`HookRulePayload`). */
-export interface HookRulePayload {
-  enabled: boolean;
-  /** Event names stay strings so the backend can reject an unknown one. */
-  event: string | null;
-  /** Extra events from a hand-edited file; the pane carries them through. */
-  events: string[];
-  /** Provider id, or null for any provider. */
-  provider: string | null;
-  /** For `quota_low`: usage fraction 0..1 (edited as 1..100 %). */
-  threshold: number | null;
-  executable: string;
-  arguments: string[];
-  timeoutSecs: number;
-}
-
-/** What the Hooks pane shows (`HooksConfigSnapshot`). */
-export interface HooksConfigSnapshot {
-  /** On only when `settings.hooks_enabled` and `hooks.json` `enabled` are both on. */
-  enabled: boolean;
-  settingsEnabled: boolean;
-  fileEnabled: boolean;
-  rules: HookRulePayload[];
-  path: string;
-  /** Set when `hooks.json` exists but can't be read; saving is refused. */
-  error: string | null;
-  maxRules: number;
-  maxArguments: number;
-}
-
-/** A save from the Hooks pane (`HooksConfigSave`). `enabled` is sent only by the Enable switch. */
-export interface HooksConfigSave {
-  enabled?: boolean | null;
-  rules: HookRulePayload[];
-}
+// Bridge DTOs, split by area. Import from here, not from the area files.
+export type * from "./bridge/settings";
+export type * from "./bridge/usage";
+export type * from "./bridge/providers";
+export * from "./bridge/codexAccounts";
diff --git a/apps/desktop-tauri/src/types/bridge/codexAccounts.ts b/apps/desktop-tauri/src/types/bridge/codexAccounts.ts
new file mode 100644
index 00000000000..8f5fa3b821a
--- /dev/null
+++ b/apps/desktop-tauri/src/types/bridge/codexAccounts.ts
@@ -0,0 +1,221 @@
+import type { CostSnapshotBridge, SubscriptionMetadataSnapshot } from "./usage";
+
+// ── Codex multi-account (ADR 0003) ───────────────────────────────────
+
+export type CodexAccountSource = "ambient" | "managedByApp";
+
+export interface CodexAccount {
+  id: string;
+  nickname: string | null;
+  emailHint: string | null;
+  authSubject: string | null;
+  providerAccountId: string | null;
+  codexHomePath: string;
+  source: CodexAccountSource;
+  createdAt: string;
+  updatedAt: string;
+  lastAuthenticatedAt: string | null;
+}
+
+export interface CodexUsageWindow {
+  usedPercent: number;
+  resetAt: string | null;
+  limitWindowSeconds: number;
+}
+
+export interface CodexCreditsBalance {
+  hasCredits: boolean;
+  unlimited: boolean;
+  balance: number | null;
+}
+
+export interface CodexAccountUsageSnapshot {
+  email: string | null;
+  providerAccountId: string | null;
+  plan: string | null;
+  allowed: boolean | null;
+  limitReached: boolean | null;
+  primaryWindow: CodexUsageWindow | null;
+  secondaryWindow: CodexUsageWindow | null;
+  credits: CodexCreditsBalance | null;
+  /** Persisted account-scoped extra-usage cost, when available. */
+  cost?: CostSnapshotBridge | null;
+  subscription?: SubscriptionMetadataSnapshot | null;
+  updatedAt: string;
+}
+
+export interface CodexSwitchResult {
+  switchId: string;
+  materializedAccount: CodexAccount | null;
+  backupPath: string | null;
+  ambientAccount: CodexAccount | null;
+  desktopSessionBackupPath: string | null;
+  desktopSessionRestorePath: string | null;
+  desktopSessionRestoreExists: boolean;
+}
+
+export interface CodexAccountsStateBridge {
+  accounts: CodexAccount[];
+  /** Canonical privacy-safe account labels, keyed by stable account id. */
+  displayNames?: Record<string, string>;
+  /** Canonical opaque account ordinals, keyed by stable account id. */
+  accountOrdinals: Record<string, number>;
+  snapshots: Record<string, CodexAccountUsageSnapshot>;
+  needsAuthentication?: Record<string, boolean>;
+}
+export interface ClaudeAccount {
+  id: string;
+  email: string;
+  organization: string | null;
+  plan: string | null;
+  isActive: boolean;
+  isSaved: boolean;
+  usage?: {
+    fiveHour: { usedPercent: number; resetsAt: string | null } | null;
+    sevenDay: { usedPercent: number; resetsAt: string | null } | null;
+    updatedAt: string;
+  } | null;
+  usageError?: string | null;
+  needsAuthentication?: boolean;
+}
+
+export interface ClaudeReconciliationSnapshot {
+  generation: number;
+  status: "pending" | "succeeded" | "failed";
+  providerRefreshGeneration: number | null;
+  detail: string;
+}
+
+export interface GrokAccount {
+  id: string;
+  email: string;
+  organization: string | null;
+  plan: string | null;
+  isActive: boolean;
+  isSaved: boolean;
+}
+
+export interface GrokAccountUsage {
+  status?: "loading" | "ready" | "signInRequired" | "unavailable" | "failed";
+  usageAvailable: boolean;
+  usedPercent: number | null;
+  plan: string | null;
+  windowMinutes: number | null;
+  resetsAt: string | null;
+}
+
+/** One source-issued usage window from the external claude-swap adapter. */
+export interface ClaudeSwapUsageWindow {
+  usedPercent: number;
+  /** RFC 3339 timestamp, or null when cswap reported no reset. */
+  resetsAt: string | null;
+}
+
+export interface ClaudeSwapScopedWindow extends ClaudeSwapUsageWindow {
+  /** Display-only provider/model label (e.g. "Fable only"). */
+  name: string;
+}
+
+export interface ClaudeSwapSpendWindow {
+  used: number;
+  limit: number;
+  usedPercent: number;
+  currencyCode: string | null;
+  resetsAt: string | null;
+}
+
+/** Source-reported historical usage. It never drives current provider state. */
+export interface ClaudeSwapHistoricalUsage {
+  fiveHour: ClaudeSwapUsageWindow | null;
+  sevenDay: ClaudeSwapUsageWindow | null;
+  scoped: ClaudeSwapScopedWindow[];
+  spend: ClaudeSwapSpendWindow | null;
+  fetchedAt: string;
+  provenance: "source_reported_last_good";
+}
+
+export type ClaudeSwapAccountAction = "switch" | "reauthenticate";
+
+/**
+ * One external claude-swap account. Identity is the source-issued numeric slot
+ * (`claude-swap:<slot>`); CodexBar never reads or stores its credentials.
+ */
+export interface ClaudeSwapAccount {
+  id: string;
+  slot: number;
+  /** Privacy-aware display label (alias, email, or `Account N`). */
+  label: string;
+  email: string | null;
+  organization: string | null;
+  alias: string | null;
+  isActive: boolean;
+  action: ClaudeSwapAccountAction | null;
+  isDisabled: boolean;
+  /** Raw cswap usageStatus label (e.g. "ok", "token_expired"). */
+  status: string;
+  error: string | null;
+  fiveHour: ClaudeSwapUsageWindow | null;
+  sevenDay: ClaudeSwapUsageWindow | null;
+  scoped: ClaudeSwapScopedWindow[];
+  spend: ClaudeSwapSpendWindow | null;
+  historicalUsage: ClaudeSwapHistoricalUsage | null;
+}
+
+/** External claude-swap adapter state for the Claude accounts settings section. */
+export interface ClaudeSwapAccountsState {
+  enabled: boolean;
+  executableConfigured: boolean;
+  accounts: ClaudeSwapAccount[];
+  error: string | null;
+}
+
+// ── Hooks (Settings > Hooks; Rust `commands/hooks.rs`) ────────────────
+
+/** The seven hook events, in the macOS picker order (`HookEventType.allCases`). */
+export const HOOK_EVENT_TYPES = [
+  "quota_low",
+  "quota_reached",
+  "quota_reset",
+  "usage_updated",
+  "provider_unavailable",
+  "provider_recovered",
+  "refresh_failed",
+] as const;
+
+export type HookEventType = (typeof HOOK_EVENT_TYPES)[number];
+
+/** One rule in `hooks.json` (`HookRulePayload`). */
+export interface HookRulePayload {
+  enabled: boolean;
+  /** Event names stay strings so the backend can reject an unknown one. */
+  event: string | null;
+  /** Extra events from a hand-edited file; the pane carries them through. */
+  events: string[];
+  /** Provider id, or null for any provider. */
+  provider: string | null;
+  /** For `quota_low`: usage fraction 0..1 (edited as 1..100 %). */
+  threshold: number | null;
+  executable: string;
+  arguments: string[];
+  timeoutSecs: number;
+}
+
+/** What the Hooks pane shows (`HooksConfigSnapshot`). */
+export interface HooksConfigSnapshot {
+  /** On only when `settings.hooks_enabled` and `hooks.json` `enabled` are both on. */
+  enabled: boolean;
+  settingsEnabled: boolean;
+  fileEnabled: boolean;
+  rules: HookRulePayload[];
+  path: string;
+  /** Set when `hooks.json` exists but can't be read; saving is refused. */
+  error: string | null;
+  maxRules: number;
+  maxArguments: number;
+}
+
+/** A save from the Hooks pane (`HooksConfigSave`). `enabled` is sent only by the Enable switch. */
+export interface HooksConfigSave {
+  enabled?: boolean | null;
+  rules: HookRulePayload[];
+}
diff --git a/apps/desktop-tauri/src/types/bridge/providers.ts b/apps/desktop-tauri/src/types/bridge/providers.ts
new file mode 100644
index 00000000000..6fb0eed74db
--- /dev/null
+++ b/apps/desktop-tauri/src/types/bridge/providers.ts
@@ -0,0 +1,314 @@
+import type { SubscriptionMetadataSnapshot } from "./usage";
+
+import type { Language } from "./settings";
+import type {
+  CostSnapshotBridge,
+  OpenAiApiUsageSnapshot,
+  PaceSnapshot,
+  ProviderDisplayDetail,
+  ProviderInventoryItem,
+  ProviderStateKind,
+  ProviderUsageItem,
+  RateWindowSnapshot,
+} from "./usage";
+
+// ── Update state types ───────────────────────────────────────────────
+
+export type UpdateStatus =
+  | "idle"
+  | "checking"
+  | "available"
+  | "downloading"
+  | "ready"
+  | "error";
+
+export interface UpdateStatePayload {
+  status: UpdateStatus;
+  version: string | null;
+  error: string | null;
+  progress: number | null;
+  releaseUrl: string | null;
+  canDownload: boolean;
+  canApply: boolean;
+  /** Unix-ms timestamp of the last completed update check, or `null`
+   *  if the app has not checked during this session. */
+  lastCheckedAt: number | null;
+}
+
+// ── Credential store types ───────────────────────────────────────────
+
+export interface ApiKeyInfoBridge {
+  providerId: string;
+  provider: string;
+  maskedKey: string;
+  savedAt: string;
+  label: string | null;
+}
+
+export interface ApiKeyProviderInfoBridge {
+  id: string;
+  displayName: string;
+  envVar: string | null;
+  help: string | null;
+  dashboardUrl: string | null;
+}
+
+export interface CookieInfoBridge {
+  providerId: string;
+  provider: string;
+  savedAt: string;
+}
+
+export interface DetectedBrowserBridge {
+  browserType: string;
+  displayName: string;
+  profileCount: number;
+}
+
+export interface AppInfoBridge {
+  name: string;
+  version: string;
+  buildNumber: string;
+  /** UTC build date, YYYY-MM-DD. */
+  buildDate?: string;
+  updateChannel: string;
+  tagline: string;
+}
+
+// ── Chart data types ─────────────────────────────────────────────────
+
+export interface DailyCostPoint {
+  date: string;
+  value: number | null;
+  /** Claude requests excluded from this day's totals (upstream 0.60.5 #3688). */
+  incompleteRequestCount?: number;
+}
+
+/** Exact local token totals per day (upstream 0.50.0 #2930). */
+export interface DailyTokenPoint {
+  date: string;
+  tokens: number;
+}
+
+export interface ServiceUsagePoint {
+  service: string;
+  creditsUsed: number;
+}
+
+export interface DailyUsageBreakdown {
+  day: string;
+  services: ServiceUsagePoint[];
+  totalCreditsUsed: number;
+}
+
+export interface ProviderLocalUsageSummary {
+  todayCost: number | null;
+  /** Always the trailing 30 days. */
+  thirtyDayCost: number | null;
+  thirtyDayTokens: number | null;
+  /** Selected History window totals. */
+  periodCost: number | null;
+  periodTokens: number | null;
+  reportingPeriod: string;
+  latestTokens: number | null;
+  topModel: string | null;
+  estimateNote: string;
+  tokenCostUpdatedAtMs: number;
+  /** Claude requests excluded from the selected-period totals (upstream 0.60.5 #3688). */
+  incompleteRequestCount?: number;
+}
+
+export interface QuotaWindowHistoryPoint {
+  offset: number;
+  start: string;
+  end: string;
+  totalTokens: number | null;
+  totalCostUsd: number | null;
+  tokensAreComplete: boolean;
+  costIsComplete: boolean;
+  entryCount: number;
+  boundariesAreEstimated: boolean;
+}
+
+export interface QuotaWindowHistoryBridge {
+  providerId: string;
+  accountScope: string | null;
+  windows: QuotaWindowHistoryPoint[];
+  historyCoverageEstablished: boolean;
+}
+
+export interface ProviderChartData {
+  providerId: string;
+  costHistory: DailyCostPoint[];
+  creditsHistory: DailyCostPoint[];
+  usageBreakdown: DailyUsageBreakdown[];
+  localUsage: ProviderLocalUsageSummary | null;
+  tokensHistory: DailyTokenPoint[];
+  tokensIncomplete: boolean;
+  quotaWindowHistory?: QuotaWindowHistoryBridge | null;
+}
+
+// ── Token account types ──────────────────────────────────────────────
+
+export interface TokenAccountSupportBridge {
+  providerId: string;
+  displayName: string;
+  title: string;
+  subtitle: string;
+  placeholder: string;
+}
+
+export interface TokenAccountBridge {
+  id: string;
+  label: string;
+  addedAt: string;
+  lastUsed: string | null;
+  isActive: boolean;
+}
+
+export interface ProviderTokenAccountsBridge {
+  providerId: string;
+  support: TokenAccountSupportBridge;
+  accounts: TokenAccountBridge[];
+  activeIndex: number;
+}
+
+// ── Phase 4 — credential detection ───────────────────────────────────
+
+export interface GeminiCliStatus {
+  signedIn: boolean;
+  credentialsPath: string | null;
+}
+
+export interface VertexAiStatus {
+  hasCredentials: boolean;
+  credentialsPath: string | null;
+}
+
+export interface JetbrainsIde {
+  id: string;
+  displayName: string;
+  path: string;
+  detected: boolean;
+}
+
+export interface KiroStatus {
+  available: boolean;
+  hint: string | null;
+}
+
+// ── Phase 4 — session / environment ──────────────────────────────────
+
+export interface WorkAreaRect {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+}
+
+// ── Phase 5 — i18n ────────────────────────────────────────────────────
+
+/** Snapshot returned by `get_locale_strings`. */
+export interface LocaleStrings {
+  language: Language;
+  entries: Record<string, string>;
+}
+
+/** Payload emitted for `locale-changed`: the persisted language label. */
+export type LocaleChangedPayload = Language;
+
+// ── Phase 6b — provider detail pane ──────────────────────────────────
+
+/** Aggregated per-provider payload powering the Settings detail pane. */
+export interface ProviderDetail {
+  id: string;
+  displayName: string;
+  enabled: boolean;
+  autoResumeAfterQuotaReset: boolean;
+  /** Whether the active credential lane can be correlated to a local CLI session. */
+  autoResumeSupported: boolean;
+  /** LiteLLM and Claude expose one opt-in extra breakdown; other providers do not. */
+  optionalDetailsSupported: boolean;
+  optionalDetailsEnabled: boolean;
+
+  // Identity
+  email: string | null;
+  plan: string | null;
+  authType: string | null;
+  sourceLabel: string | null;
+  organization: string | null;
+  lastUpdated: string | null;
+
+  // Usage windows — mirror RateWindowSnapshot.
+  session: RateWindowSnapshot | null;
+  weekly: RateWindowSnapshot | null;
+  /** Provider-declared label for the session (primary) lane, e.g. "Personal budget". */
+  primaryLabel?: string | null;
+  /** Provider-declared label for the weekly (secondary) lane, e.g. "Team budget". */
+  secondaryLabel?: string | null;
+  modelSpecific: RateWindowSnapshot | null;
+  tertiary: RateWindowSnapshot | null;
+  /** Locale key for the tertiary metric lane when it carries a semantic label (upstream F5). */
+  tertiaryLabelKey?: string | null;
+  /** Extra rate window id holding the monthly plan allowance; offers the Monthly Plan metric (upstream 0.70.0). */
+  monthlyPlanWindowId?: string | null;
+  /** Metric picker label for the primary lane when it is not a session window. */
+  primaryMetricLabel?: string | null;
+  extraRateWindows: Array<{
+    id: string;
+    title: string;
+    window: RateWindowSnapshot;
+    /** Provider-declared fallback lane; only fills in without a core quota window. */
+    fallbackLane?: boolean;
+    /** Provider-declared tray-icon lane this window stands in for when that core lane is absent. */
+    iconFallback?: "primary" | "secondary";
+  }>;
+  /** Metric and extra rows exposed by the current provider snapshot. */
+  usageItems?: ProviderUsageItem[];
+  /** Persisted presentation-only hidden metric/extra row IDs. */
+  hiddenUsageItemIds?: string[];
+  /** Display-only discrete provider inventory; never used as quota math. */
+  inventory?: ProviderInventoryItem[];
+  /** Provider-specific display rows; never used as quota math or persistence. */
+  displayDetails?: ProviderDisplayDetail[];
+  /** Plan renewal / expiry dates for the usage preview. */
+  subscription?: SubscriptionMetadataSnapshot | null;
+
+  cost: CostSnapshotBridge | null;
+  pace: PaceSnapshot | null;
+  /** Per-UTC-day OpenAI Admin API history; only the `openaiapi` Admin path sets it. */
+  openAiApiUsage?: OpenAiApiUsageSnapshot | null;
+
+  lastError: string | null;
+  errorState: ProviderStateKind | null;
+
+  dashboardUrl: string | null;
+  statusPageUrl: string | null;
+  buyCreditsUrl: string | null;
+
+  hasSnapshot: boolean;
+
+  /** Persisted provider usage source (auto | cli | oauth | web). */
+  usageSource?: string | null;
+  /** Phase 6c — currently-persisted cookie source value ("auto" | "manual" | "off" | …).
+   *  `null` for providers that do not expose a cookie-source picker. */
+  cookieSource: string | null;
+  /** Manual cookie source is selected with no usable header, and the provider
+   *  fails closed instead of importing browser cookies. */
+  manualCookieMissing?: boolean;
+  /** Phase 6c — currently-persisted region value. `null` for non-regional providers. */
+  region: string | null;
+}
+
+// ── Phase 6c — cookie-source & region pickers ────────────────────────
+
+export interface CookieSourceOption {
+  value: string;
+  label: string;
+  description?: string;
+}
+
+export interface RegionOption {
+  value: string;
+  label: string;
+}
diff --git a/apps/desktop-tauri/src/types/bridge/settings.ts b/apps/desktop-tauri/src/types/bridge/settings.ts
new file mode 100644
index 00000000000..ea8d41d1e30
--- /dev/null
+++ b/apps/desktop-tauri/src/types/bridge/settings.ts
@@ -0,0 +1,816 @@
+import type { ModelRateLimitSnapshot } from "./usage";
+
+// Surface targets, persisted settings, spend reports and bootstrap DTOs.
+
+export type SurfaceMode = "hidden" | "trayPanel" | "popOut" | "settings";
+export type VisibleSurfaceMode = Exclude<SurfaceMode, "hidden">;
+export type SettingsTabId =
+  | "general"
+  | "providers"
+  | "notifications"
+  | "menuBar"
+  | "menu"
+  | "usageSpend"
+  | "advanced"
+  | "hooks"
+  | "about";
+
+// ── Narrowed string-literal unions (persisted settings enums) ─────────
+
+export type TrayIconMode = "single" | "perProvider" | "stacked";
+
+export type NotificationSoundTheme = "windows" | "codexBar";
+
+export type NotificationSoundEvent =
+  | "predictiveWarning"
+  | "highUsage"
+  | "criticalUsage"
+  | "exhausted"
+  | "statusIssue"
+  | "sessionDepleted"
+  | "sessionRestored";
+
+export interface NotificationSoundPaths {
+  predictiveWarning: string | null;
+  highUsage: string | null;
+  criticalUsage: string | null;
+  exhausted: string | null;
+  statusIssue: string | null;
+  sessionDepleted: string | null;
+  sessionRestored: string | null;
+}
+
+export type MetricPreference =
+  | "automatic"
+  | "session"
+  | "weekly"
+  | "model"
+  | "tertiary"
+  | "credits"
+  | "extraUsage"
+  | "monthlyPlan"
+  | "average";
+
+export type Language =
+  | "english"
+  | "chinese"
+  | "chinesetraditional"
+  | "japanese"
+  | "korean"
+  | "spanish"
+  | "portuguesebrazil"
+  | "russian"
+  | "turkish"
+  | "ukrainian";
+
+/** Language catalog entry from the Rust backend. */
+export type LanguageOption = {
+  /** Stable bridge/settings value (e.g. "english") */
+  value: Language;
+  /** Native display name (e.g. "English", "中文", "Español") */
+  display: string;
+};
+
+export type UpdateChannel = "stable" | "beta";
+
+export type ThemePreference = "auto" | "light" | "dark";
+
+export type MenuBarDisplayMode = "minimal" | "compact" | "detailed";
+export type OverviewLayout = "detailed" | "compact";
+
+/** How cost is rendered on provider MenuCards (#2976). */
+export type CostSummaryDisplayStyle = "compact" | "detailed" | "hidden";
+/** Settings > Menu Bar > Menu bar style (`menu_bar_icon_style`). */
+export type MenuBarIconStyle = "bars" | "percent" | "stackedBars";
+/** Settings > Menu > Workday tick appearance (`workday_tick_style`). */
+export type WorkdayTickStyle = "hidden" | "subtle" | "high_contrast";
+export type FloatBarOrientation = "horizontal" | "vertical";
+export type FloatBarStyle = "floating" | "taskbar";
+
+export type TrayVisibilitySupport = "supported" | "unsupportedOs";
+export type TrayVisibilityState = "promoted" | "notPromoted" | "entryNotFound" | "unknown";
+
+export type DeepSeekPricingPeriod = "standard" | "peak" | "offPeak";
+
+export interface DeepSeekPricingStatus {
+  period: DeepSeekPricingPeriod;
+  currentLocalTime: string;
+  nextTransitionLocalTime: string | null;
+  effectiveLocalTime: string;
+}
+
+export interface TrayVisibilityStatusDto {
+  support: TrayVisibilitySupport;
+  state: TrayVisibilityState;
+}
+
+export type TrayPanelSurfaceTarget = { kind: "summary" };
+export type PopOutSurfaceTarget =
+  | { kind: "dashboard" }
+  | { kind: "provider"; providerId: string };
+/** `tab` is a settings tab id, or `providers:<id>` for one provider's pane. */
+export type SettingsSurfaceTarget = {
+  kind: "settings";
+  tab: SettingsTabId | `providers:${string}`;
+};
+
+export type SurfaceTarget =
+  | TrayPanelSurfaceTarget
+  | PopOutSurfaceTarget
+  | SettingsSurfaceTarget;
+
+export type SurfaceTargetForMode<M extends VisibleSurfaceMode> =
+  M extends "trayPanel"
+    ? TrayPanelSurfaceTarget
+    : M extends "popOut"
+      ? PopOutSurfaceTarget
+      : SettingsSurfaceTarget;
+
+export interface CurrentSurfaceState {
+  mode: SurfaceMode;
+  target: SurfaceTarget;
+}
+
+export interface AgentSession {
+  id: string;
+  provider: "codex" | "claude" | "pi";
+  /** Pi-family dialect (upstream 0.48.0 #2626); absent for Codex/Claude. */
+  dialect?: "pi" | "omp";
+  /** Optional session title (Pi-family `session_info`/`title` records). */
+  sessionName?: string;
+  source: "cli" | "desktopApp" | "ide" | "unknown";
+  state: "active" | "idle";
+  pid: number | null;
+  transcriptPath: string | null;
+  host: string;
+  workspace: {
+    cwd: string | null;
+    projectName: string | null;
+  };
+  activity: {
+    startedAt: string | null;
+    lastActivityAt: string | null;
+  };
+  focusTarget:
+    | { kind: "process"; pid: number }
+    | { kind: "transcript"; transcriptPath: string }
+    | { kind: "none" };
+}
+
+export interface AgentSessionHostResult {
+  host: string;
+  sessions: AgentSession[];
+  error: string | null;
+}
+
+export type AgentSessionDiscoveryResult =
+  | { status: "disabled" }
+  | { status: "hosts"; hosts: AgentSessionHostResult[] };
+
+export type SessionFocusResult =
+  | { status: "focused" }
+  | { status: "unsupported"; message: string }
+  | { status: "failed"; message: string };
+
+export interface ProviderCatalogEntry {
+  id: string;
+  displayName: string;
+  cookieDomain: string | null;
+  /** CLI aliases the Settings search also matches. Absent on older shells. */
+  cliAliases?: string[];
+}
+
+/** Upstream `ProviderStatusIndicator` raw values; `none` is operational. */
+export type ServiceStatusIndicator =
+  | "none"
+  | "minor"
+  | "major"
+  | "critical"
+  | "maintenance"
+  | "unknown";
+
+export interface ProviderServiceStatus {
+  indicator: ServiceStatusIndicator;
+  description: string | null;
+  /** Unix milliseconds of the status feed's last update. */
+  updatedAt: number | null;
+}
+
+/**
+ * One enabled provider with a status page. `status` is null until the first
+ * successful poll. The list is empty while "Check provider status" is off.
+ */
+export interface ProviderStatusEntry {
+  providerId: string;
+  status: ProviderServiceStatus | null;
+}
+
+export interface ProviderSummary {
+  id: string;
+  displayName: string;
+  enabled: boolean;
+  order: number;
+}
+
+export interface SettingsSnapshot {
+  preferredCurrencyCode?: string;
+  enabledProviders: string[];
+  providerOrder?: string[];
+  refreshIntervalSecs: number;
+  adaptiveRefresh: boolean;
+  refreshAllProvidersOnMenuOpen: boolean;
+  statusChecksEnabled: boolean;
+  lowPowerMode: boolean;
+  lowPowerModePreference?: "off" | "on" | "automatic";
+  startAtLogin: boolean;
+  startMinimized: boolean;
+  showNotifications: boolean;
+  soundEnabled: boolean;
+  notificationSoundTheme: NotificationSoundTheme;
+  notificationSoundPaths: NotificationSoundPaths;
+  highUsageThreshold: number;
+  criticalUsageThreshold: number;
+  /** Per-provider quota warnings keyed by CLI name; Global providers are absent. */
+  providerQuotaWarnings?: Record<string, ProviderQuotaWarnings>;
+  predictivePaceWarningEnabled: boolean;
+  /** Absent on older shells; the UI treats that as off. */
+  limitResetNotificationsEnabled?: boolean;
+  credentialExpiryNotificationsEnabled: boolean;
+  /** Absent on older shells; the UI falls back to `showNotifications`. */
+  sessionQuotaNotificationsEnabled?: boolean;
+  showPace?: boolean;
+  trayIconMode: TrayIconMode;
+  stackedTrayTopProvider?: string | null;
+  stackedTrayBottomProvider?: string | null;
+  switcherShowsIcons: boolean;
+  menuBarShowsHighestUsage: boolean;
+  /** Legacy mirror of `menuBarIconStyle === "percent"`; kept one release. */
+  menuBarShowsPercent: boolean;
+  menuBarIconStyle: MenuBarIconStyle;
+  /** Overview cards, at most 6; empty means the first 6 enabled providers. */
+  mergedOverviewSelectedProviders: string[];
+  quotaWarningMarkersVisible: boolean;
+  /** Pointer hover highlights the tray panel Refresh row. Absent on older shells: on. */
+  highlightMenuCardsOnHover?: boolean;
+  workdayTickStyle: WorkdayTickStyle;
+  menuBarColorPace: boolean;
+  /** Tint the tray usage meter with each shown provider's accent color (`menu_bar_color_by_provider`). */
+  menuBarColorByProvider: boolean;
+  /** Signed pace shows reserve as `+` (deficit as `-`) instead of the default deficit-positive sign. */
+  menuBarPaceReservePositive: boolean;
+  /** Settings sidebar lists providers alphabetically, enabled first. Display only. */
+  providersSortedAlphabetically: boolean;
+  /** Settings sidebar lists only enabled providers. Local, not portable. Absent on older shells: off. */
+  providersEnabledOnly?: boolean;
+  showAsUsed: boolean;
+  showAllTokenAccountsInMenu: boolean;
+  enableAnimations: boolean;
+  resetTimeRelative: boolean;
+  showResetWhenExhausted: boolean;
+  menuBarDisplayMode: MenuBarDisplayMode;
+  overviewLayout: OverviewLayout;
+  hidePersonalInfo: boolean;
+  updateChannel: UpdateChannel;
+  autoDownloadUpdates: boolean;
+  installUpdatesOnQuit: boolean;
+  globalShortcut: string;
+  /** Fully resolved action -> shortcut map (defaults overlaid by overrides). */
+  switcherShortcuts: Record<string, string>;
+  /** Extra Codex home or sessions directories scanned for local cost estimates. */
+  codexCustomSessionsDirs: string[];
+  /** Extra Gemini profile homes whose Antigravity local history is combined with the default home. */
+  antigravityAdditionalProfileHomes: string[];
+  agentSessionsEnabled?: boolean;
+  /** Hold system awake while a local agent session is live. */
+  stayAwakeEnabled?: boolean;
+  agentSessionSshHosts?: string[];
+  /** Master switch for external hooks (hooks.json next to settings). */
+  hooksEnabled?: boolean;
+  /** Route provider HTTPS through a user HTTP(S) proxy (#235). */
+  httpProxyEnabled?: boolean;
+  httpProxyUrl?: string;
+  httpProxyUsername?: string;
+  httpProxyPassword?: string;
+  uiLanguage: Language;
+  /** Language "System": `uiLanguage` follows the Windows display language. */
+  uiLanguageFollowsSystem: boolean;
+  theme: ThemePreference;
+  /** 100..=250 — clamped server-side. */
+  windowScalePercent: number;
+  /** 100..=200 — clamped server-side. */
+  trayScalePercent: number;
+  /** Keep the tray panel above other windows after it loses focus. */
+  trayPanelAlwaysOnTop: boolean;
+  powertoysStatusPipeEnabled: boolean;
+  claudeAvoidKeychainPrompts: boolean;
+  /** Opt-in external claude-swap (`cswap`) account import (Claude only). */
+  claudeSwapEnabled?: boolean;
+  /** Path to the cswap executable (Claude only, empty when unset). */
+  claudeSwapExecutablePath?: string;
+  codexSparkUsageVisible: boolean;
+  /** Absent on older shells. */
+  codexOpenaiWebExtras?: boolean;
+  codexHistoricalTracking?: boolean;
+  codexExternalOauthSourcesAllowed?: boolean;
+  codexLocalSessionCostLedgerEnabled?: boolean;
+  codexOpenaiWebBatterySaverEnabled?: boolean;
+  /** OpenAI API Live Usage (on by default); absent on older shells. */
+  openAiLiveUsageEnabled?: boolean;
+  /** OpenAI API manual per-model organization limits. */
+  openAiModelRateLimits?: ModelRateLimitSnapshot[];
+  disableKeychainAccess: boolean;
+  wayfinderGatewayUrl?: string;
+  providerMetrics: Record<string, MetricPreference>;
+  floatBarEnabled: boolean;
+  /** 30..=100 — clamped server-side. */
+  floatBarOpacity: number;
+  /** 75..=200 — clamped server-side. */
+  floatBarScale: number;
+  floatBarOrientation: FloatBarOrientation;
+  floatBarStyle: FloatBarStyle;
+  floatBarClickThrough: boolean;
+  /** Empty array = show all enabled providers. */
+  floatBarProviderIds: string[];
+  /** When true, render with dark text/glass for light desktops. */
+  floatBarDarkText: boolean;
+  /** When true, render the selected metric's next reset inline in each provider pill. */
+  floatBarShowResetInline: boolean;
+  /** When true, scan and render local cost summaries. */
+  floatBarShowCost: boolean;
+  /** Promote the tray icon out of the Windows hidden-icons overflow (Win11 only). */
+  promoteTrayIcon?: boolean;
+  /** When true, show Claude Daily Routines quota row (default true). */
+  claudeDailyRoutinesUsageVisible: boolean;
+  /**
+   * Explicit consent to read (and refresh) Claude Code's own OAuth
+   * credentials for the Claude provider. Default false — without consent
+   * OAuth stays closed and Auto falls back to labeled reduced-fidelity CLI
+   * usage (upstream #2634/#2745).
+   */
+  claudeAllowReadingClaudeCodeCredentials: boolean;
+  /** Alibaba Token Plan region: cn | intl | cn-personal | intl-personal. */
+  alibabaTokenPlanRegion: string;
+  /**
+   * Optional user-entered Copilot seat AI-credit allowance.
+   * Snapshot-side null and absent are equivalent.
+   */
+  copilotSeatCreditEntitlement?: number | null;
+  /** Optional work-week length [2,7]; null or absent means Automatic. */
+  weeklyProgressWorkDays?: number | null;
+  /** How cost is rendered on provider cards (#2976). */
+  costSummaryDisplayStyle: CostSummaryDisplayStyle;
+  /** Opt-in read-only OpenCodex usage.jsonl import. */
+  openCodexUsageLogsEnabled?: boolean;
+  hideNativeCodexCostWhenOpenCodexPresent?: boolean;
+  /**
+   * History window for local cost surfaces: `rolling:N` (1..=365),
+   * `month-to-date`, or `all`. Absent from older backends.
+   */
+  costReportingPeriod?: string;
+  /** Usage & Spend "Track costs"; off stops the local cost-log scan. Absent from older backends. */
+  costUsageEnabled?: boolean;
+  /** Usage & Spend time range, same raw form as `costReportingPeriod`. */
+  spendDashboardPeriod?: string;
+  /** Usage & Spend sources (row `providerId`s) hidden from the dashboard; sorted and unique. */
+  spendDashboardHiddenSourceIds?: string[];
+  /** Per-provider accent color overrides (CLI name → hex color, #2972). */
+  providerAccentColors: Record<string, string>;
+}
+
+export interface CurrencyRatesSnapshot {
+  rates: Record<string, number>;
+  /** Codes the converter supports (Rust-owned list). */
+  supportedCodes: string[];
+  /** Normalized preference this snapshot was built for ("AUTO" or a code). */
+  preferredCode: string;
+}
+
+/** Partial settings object — only include fields you want to change. */
+export interface SettingsUpdate {
+  preferredCurrencyCode?: string;
+  enabledProviders?: string[];
+  refreshIntervalSecs?: number;
+  adaptiveRefresh?: boolean;
+  refreshAllProvidersOnMenuOpen?: boolean;
+  statusChecksEnabled?: boolean;
+  lowPowerMode?: boolean;
+  lowPowerModePreference?: "off" | "on" | "automatic";
+  startAtLogin?: boolean;
+  startMinimized?: boolean;
+  showNotifications?: boolean;
+  soundEnabled?: boolean;
+  notificationSoundTheme?: NotificationSoundTheme;
+  notificationSoundPaths?: NotificationSoundPaths;
+  highUsageThreshold?: number;
+  criticalUsageThreshold?: number;
+  /** Replaces each listed provider's whole value; `{}` resets it to Global. */
+  providerQuotaWarnings?: Record<string, ProviderQuotaWarnings>;
+  predictivePaceWarningEnabled?: boolean;
+  limitResetNotificationsEnabled?: boolean;
+  credentialExpiryNotificationsEnabled?: boolean;
+  sessionQuotaNotificationsEnabled?: boolean;
+  showPace?: boolean;
+  trayIconMode?: TrayIconMode;
+  stackedTrayTopProvider?: string;
+  stackedTrayBottomProvider?: string;
+  switcherShowsIcons?: boolean;
+  menuBarShowsHighestUsage?: boolean;
+  menuBarShowsPercent?: boolean;
+  menuBarIconStyle?: MenuBarIconStyle;
+  mergedOverviewSelectedProviders?: string[];
+  quotaWarningMarkersVisible?: boolean;
+  highlightMenuCardsOnHover?: boolean;
+  workdayTickStyle?: WorkdayTickStyle;
+  menuBarColorPace?: boolean;
+  menuBarColorByProvider?: boolean;
+  menuBarPaceReservePositive?: boolean;
+  providersSortedAlphabetically?: boolean;
+  providersEnabledOnly?: boolean;
+  showAsUsed?: boolean;
+  showAllTokenAccountsInMenu?: boolean;
+  enableAnimations?: boolean;
+  resetTimeRelative?: boolean;
+  showResetWhenExhausted?: boolean;
+  menuBarDisplayMode?: MenuBarDisplayMode;
+  overviewLayout?: OverviewLayout;
+  hidePersonalInfo?: boolean;
+  updateChannel?: UpdateChannel;
+  autoDownloadUpdates?: boolean;
+  installUpdatesOnQuit?: boolean;
+  globalShortcut?: string;
+  /** Overrides only; replaces the stored map. `{}` restores the defaults. */
+  switcherShortcuts?: Record<string, string>;
+  codexCustomSessionsDirs?: string[];
+  antigravityAdditionalProfileHomes?: string[];
+  agentSessionsEnabled?: boolean;
+  stayAwakeEnabled?: boolean;
+  agentSessionSshHosts?: string[];
+  hooksEnabled?: boolean;
+  httpProxyEnabled?: boolean;
+  httpProxyUrl?: string;
+  httpProxyUsername?: string;
+  httpProxyPassword?: string;
+  uiLanguage?: Language;
+  /** `true` picks "System"; picking a `uiLanguage` turns it off. */
+  uiLanguageFollowsSystem?: boolean;
+  theme?: ThemePreference;
+  windowScalePercent?: number;
+  trayScalePercent?: number;
+  trayPanelAlwaysOnTop?: boolean;
+  powertoysStatusPipeEnabled?: boolean;
+  claudeAvoidKeychainPrompts?: boolean;
+  claudeAllowReadingClaudeCodeCredentials?: boolean;
+  claudeSwapEnabled?: boolean;
+  claudeSwapExecutablePath?: string;
+  codexSparkUsageVisible?: boolean;
+  codexOpenaiWebExtras?: boolean;
+  codexHistoricalTracking?: boolean;
+  codexExternalOauthSourcesAllowed?: boolean;
+  codexLocalSessionCostLedgerEnabled?: boolean;
+  codexOpenaiWebBatterySaverEnabled?: boolean;
+  /** Fetch the last hour of OpenAI API Tokens/min on each refresh. */
+  openAiLiveUsageEnabled?: boolean;
+  /** Replaces the stored OpenAI API limit list; an empty list clears it. */
+  openAiModelRateLimits?: ModelRateLimitSnapshot[];
+  disableKeychainAccess?: boolean;
+  /** Map of provider CLI name → metric preference label. */
+  providerMetrics?: Record<string, MetricPreference>;
+  /**
+   * Map of provider CLI name → full hidden usage-item ID list. Replaces the
+   * whole list for that provider; empty clears all hidden rows.
+   */
+  providerHiddenUsageItemIds?: Record<string, string[]>;
+  floatBarEnabled?: boolean;
+  floatBarOpacity?: number;
+  floatBarScale?: number;
+  floatBarOrientation?: FloatBarOrientation;
+  floatBarStyle?: FloatBarStyle;
+  floatBarClickThrough?: boolean;
+  floatBarProviderIds?: string[];
+  floatBarDarkText?: boolean;
+  floatBarShowResetInline?: boolean;
+  floatBarShowCost?: boolean;
+  promoteTrayIcon?: boolean;
+  claudeDailyRoutinesUsageVisible?: boolean;
+  alibabaTokenPlanRegion?: string;
+  /** Optional user-entered Copilot seat AI-credit allowance; null clears it. */
+  copilotSeatCreditEntitlement?: number | null;
+  /** 2..=7 work days; null selects Automatic. */
+  weeklyProgressWorkDays?: number | null;
+  costSummaryDisplayStyle?: CostSummaryDisplayStyle;
+  openCodexUsageLogsEnabled?: boolean;
+  hideNativeCodexCostWhenOpenCodexPresent?: boolean;
+  /** `rolling:N` (1..=365), `month-to-date`, or `all`; the backend rejects other values. */
+  costReportingPeriod?: string;
+  costUsageEnabled?: boolean;
+  /** Same format as `costReportingPeriod`. */
+  spendDashboardPeriod?: string;
+  spendDashboardHiddenSourceIds?: string[];
+  providerAccentColors?: Record<string, string | null>;
+}
+
+/**
+ * One quota warning window. All fields absent = Global (inherit the global
+ * thresholds). `enabled: false` = Off (values kept for when it turns back on).
+ * Otherwise Custom; a missing value inherits the global one.
+ */
+export interface QuotaWarningWindow {
+  enabled?: boolean;
+  high?: number;
+  critical?: number;
+}
+
+export interface ProviderQuotaWarnings {
+  session?: QuotaWarningWindow;
+  weekly?: QuotaWarningWindow;
+}
+
+/** One provider row for Settings → Usage & Spend. */
+export interface UsageSpendDailyPoint {
+  day: string;
+  amount: number;
+}
+
+export interface UsageSpendRow {
+  providerId: string;
+  displayName: string;
+  sevenDay: number | null;
+  thirtyDay: number | null;
+  sevenDayEstimate?: LocalCostEstimate;
+  thirtyDayEstimate?: LocalCostEstimate;
+  sevenDayTokens?: number | null;
+  thirtyDayTokens?: number | null;
+  /** The token figure is a floor from an incomplete scan ("at least N"). */
+  sevenDayTokensLowerBound?: boolean;
+  thirtyDayTokensLowerBound?: boolean;
+  /** Cost over the selected History window (`UsageSpendSummary.reportingPeriod`). */
+  periodCost: number | null;
+  periodTokens: number | null;
+  currency: string;
+  source: string;
+  includedInOverview: boolean;
+  daily?: UsageSpendDailyPoint[];
+  /** F8: true when served from stale cache while a re-scan is in progress. */
+  refreshing?: boolean;
+  /** ISO 8601 timestamp of the stale snapshot when refreshing. */
+  staleUpdatedAt?: string;
+}
+
+export interface LocalCostEstimate {
+  knownSubtotalUsd: number | null;
+  coverage: CostCoverageCounts;
+}
+
+export interface UsageSpendSummary {
+  rows: UsageSpendRow[];
+  contract: SpendContract;
+  /** Raw History window the `period*` columns were built for. */
+  reportingPeriod: string;
+  reportingDay: string;
+  dashboardTimezone: string;
+  /** False when "Track costs" is off: nothing was scanned and the summary is empty. */
+  costTrackingEnabled?: boolean;
+  /** The last year of per-day tokens per local-log row, independent of the period. */
+  tokenActivity?: TokenActivitySource[];
+  /** Per-source spend series for the trend explorer; absent while Track costs is off. */
+  trend?: SpendTrend;
+}
+
+export interface TokenActivityDay {
+  day: string;
+  /** null is unknown: never scanned, or scanned and still not totalled. */
+  totalTokens: number | null;
+  isScanned: boolean;
+}
+
+export interface TokenActivitySource {
+  providerId: string;
+  /** Oldest day first; the last entry is today in the cost bucket zone. */
+  days: TokenActivityDay[];
+}
+
+export interface SpendTrendSource {
+  id: string;
+  providerId: string;
+  displayName: string;
+  /** The whole window is a covered, priced zero for this source. */
+  knownZero: boolean;
+}
+
+export interface SpendTrendDailyPoint {
+  sourceId: string;
+  day: string;
+  /** null is unknown (unscanned or unpriced); 0 is a covered zero. */
+  costUsd: number | null;
+}
+
+export interface SpendTrendHourlyPoint {
+  sourceId: string;
+  /** RFC 3339 UTC instant the local hour began. */
+  hour: string;
+  costUsd: number | null;
+}
+
+export interface SpendTrendHourSlot {
+  start: string;
+  offsetMinutes: number;
+}
+
+/** One local day with hourly data, as its real (23, 24 or 25) hour slots. */
+export interface SpendTrendHourlyDay {
+  day: string;
+  start: string;
+  end: string;
+  hours: SpendTrendHourSlot[];
+}
+
+export interface SpendTrend {
+  /** First and last reporting day of the window, inclusive. */
+  startDay: string;
+  endDay: string;
+  timeZone: string;
+  sources: SpendTrendSource[];
+  daily: SpendTrendDailyPoint[];
+  hourly: SpendTrendHourlyPoint[];
+  hourlyDays: SpendTrendHourlyDay[];
+}
+
+export type CostProvenance = "listPriceEstimate" | "vendorMetered" | "mixed" | "unknown";
+
+export interface CostCoverageCounts {
+  priced: number;
+  unpriced: number;
+  unmetered: number;
+  estimated: number;
+}
+
+export interface SpendTokenMix {
+  inputTokens: number | null;
+  outputTokens: number | null;
+  cacheReadTokens: number | null;
+  cacheCreationTokens: number | null;
+  reasoningTokens: number | null;
+}
+
+export interface SpendModelRow {
+  model: string;
+  costUsd: number | null;
+  inputTokens: number;
+  outputTokens: number;
+  cacheReadTokens: number;
+  totalTokens: number;
+  customPricing: boolean;
+}
+
+export interface SpendDailyPoint {
+  day: string;
+  costUsd: number | null;
+  totalTokens: number | null;
+}
+
+export interface SpendActivityCell {
+  weekday: number;
+  hour: number;
+  conversations: number;
+}
+
+export interface ImportedSpendSource {
+  sourceId: string;
+  displayName: string;
+  requestCount: number;
+  conversationCount: number;
+  tokenMix: SpendTokenMix;
+  coverage: CostCoverageCounts;
+  models: SpendModelRow[];
+  hourlyActivity: SpendActivityCell[];
+}
+
+/** Codex local Workspaces snapshot (get_codex_workspaces_snapshot). */
+export type CodexWorkspacesSourceStatus =
+  | "complete"
+  | "catalogMissing"
+  | "catalogLocked"
+  | "catalogCorrupt"
+  | "catalogIncompatible";
+
+export interface CodexWorkspacesUsageTotals {
+  inputTokens: number;
+  cachedInputTokens: number;
+  outputTokens: number;
+  totalTokens: number;
+}
+
+export interface CodexWorkspacesCostEstimate {
+  knownUsd: number;
+  unknownTokens: number;
+}
+
+export interface CodexWorkspacesDailyPoint {
+  day: string;
+  totalTokens: number;
+  cachedInputTokens: number;
+  estimatedCostUsd: number | null;
+}
+
+/** Turns that share one model and reasoning effort (upstream #4304). */
+export interface CodexWorkspacesTurnPerformanceGroup {
+  model: string | null;
+  reasoningEffort: string | null;
+  sampleCount: number;
+  firstTokenSampleCount: number;
+  medianFirstTokenMilliseconds: number | null;
+  medianDurationMilliseconds: number;
+  outputTokensPerSecond: number;
+}
+
+export interface CodexWorkspacesTurnPerformanceDetails {
+  p95DurationMilliseconds: number | null;
+  p95FirstTokenMilliseconds: number | null;
+  outputRateLowerQuartile: number | null;
+  outputRateUpperQuartile: number | null;
+  cachedInputFraction: number | null;
+  cacheSampleCount: number;
+  groups: CodexWorkspacesTurnPerformanceGroup[];
+}
+
+/** Native Codex turn latency and throughput for one conversation. */
+export interface CodexWorkspacesTurnPerformance {
+  sampleCount: number;
+  outputTokensPerSecond: number;
+  medianDurationMilliseconds: number;
+  medianFirstTokenMilliseconds: number | null;
+  firstTokenSampleCount: number;
+  details: CodexWorkspacesTurnPerformanceDetails;
+}
+
+export interface CodexWorkspacesSessionUsage {
+  id: string;
+  projectId: string;
+  displayTitle: string;
+  cwd: string | null;
+  startedAt: string | null;
+  latestActivity: string | null;
+  totals: CodexWorkspacesUsageTotals;
+  costEstimate: CodexWorkspacesCostEstimate;
+  topModel: string | null;
+  turnPerformance: CodexWorkspacesTurnPerformance | null;
+}
+
+export interface CodexWorkspacesProjectUsage {
+  id: string;
+  displayName: string;
+  path: string | null;
+  totals: CodexWorkspacesUsageTotals;
+  costEstimate: CodexWorkspacesCostEstimate;
+  sessionCount: number;
+  latestActivity: string | null;
+  topModel: string | null;
+  topSessions: CodexWorkspacesSessionUsage[];
+  /** Explicit desktop ownership: an independent chat, not a project folder. */
+  isProjectless: boolean;
+}
+
+export interface CodexLocalProjectUsageSnapshot {
+  updatedAt: string;
+  historyDays: number;
+  scopeSignature: string;
+  indexedFileCount: number;
+  skippedFileCount: number;
+  total: CodexWorkspacesUsageTotals;
+  /** All indexed conversations in the selected history window. */
+  sessions: CodexWorkspacesSessionUsage[];
+  projects: CodexWorkspacesProjectUsage[];
+  daily: CodexWorkspacesDailyPoint[];
+  sourceStatus: CodexWorkspacesSourceStatus;
+}
+
+
+export interface SpendContract {
+  providerId: string;
+  historyDays: number;
+  /** Raw History window this contract was built for. */
+  reportingPeriod: string;
+  knownCostUsd: number | null;
+  knownZero: boolean;
+  provenance: CostProvenance;
+  priceCoverage: CostCoverageCounts;
+  priceCoverageRatio: number | null;
+  historyCoverageEstablished: boolean;
+  tokenMix: SpendTokenMix;
+  conversationCount: number;
+  models: SpendModelRow[];
+  projects: CodexWorkspacesProjectUsage[];
+  conversations: CodexWorkspacesSessionUsage[];
+  daily: SpendDailyPoint[];
+  hourlyActivity: SpendActivityCell[];
+  projectSourceStatus: CodexWorkspacesSourceStatus | null;
+  customPricingActive: boolean;
+  imports: ImportedSpendSource[];
+}
+
+
+export interface BootstrapState {
+  contractVersion: string;
+  providers: ProviderCatalogEntry[];
+  settings: SettingsSnapshot;
+}
diff --git a/apps/desktop-tauri/src/types/bridge/usage.ts b/apps/desktop-tauri/src/types/bridge/usage.ts
new file mode 100644
index 00000000000..184b48b587d
--- /dev/null
+++ b/apps/desktop-tauri/src/types/bridge/usage.ts
@@ -0,0 +1,385 @@
+import type { LocaleKey } from "../../i18n/keys";
+
+// ── Provider usage snapshot types ────────────────────────────────────
+
+/**
+ * A longer exhausted pool (Kimi monthly, upstream 0.69.0 #4091) blocks the
+ * window until `resetsAt`; `null` means the reset is unknown and the block
+ * holds. Surfaces re-check it at render time because snapshots are cached.
+ */
+export interface MonthlyLimitBlock {
+  resetsAt: string | null;
+}
+
+export interface RateWindowSnapshot {
+  usedPercent: number;
+  remainingPercent: number;
+  windowMinutes: number | null;
+  resetsAt: string | null;
+  resetDescription: string | null;
+  isExhausted: boolean;
+  isInformational?: boolean;
+  /** `resetDescription` is a detail line (for example spend amounts), not reset wording. */
+  descriptionIsDetail?: boolean;
+  /** The reset is the next quota regeneration: the card says "Regenerates in" (Synthetic). */
+  resetRegenerates?: boolean;
+  /** The window feeds the tray and float bar only; the card draws no row for it. */
+  hiddenOnCard?: boolean;
+  reservePercent: number | null;
+  reserveDescription: string | null;
+  reserveWillLastToReset?: boolean;
+  reserveEtaSeconds?: number | null;
+  /** Pace of this window; absent when the provider's pace is not authoritative or the window is informational. */
+  pace?: WindowPaceSnapshot | null;
+  /** Set while a longer exhausted pool blocks this window; raw percentages stay the provider data. */
+  monthlyLimitBlock?: MonthlyLimitBlock | null;
+}
+
+export interface CostDailyPoint {
+  day: string;
+  amount: number;
+}
+
+export interface CostSnapshotBridge {
+  used: number;
+  limit: number | null;
+  remaining: number | null;
+  currencyCode: string;
+  /** Optional currency symbol (e.g. "€", "$", "¥") for localized rendering. */
+  currencySymbol?: string | null;
+  period: string;
+  resetsAt: string | null;
+  formattedUsed: string;
+  formattedLimit: string | null;
+  balance?: number | null;
+  /** Successful balance observation time; independent from the usage-cap age. */
+  balanceUpdatedAt?: string | null;
+  /** Stable provider account scope for reconciling paired observations. */
+  accountId?: string | null;
+  formattedBalance?: string | null;
+  daily?: CostDailyPoint[];
+  /** Provider-metered spend that is itself a primary usage signal. */
+  alwaysVisible?: boolean;
+  /** The primary meter already shows this cap, so the cost block omits its bar. */
+  foldedIntoPrimary?: boolean;
+  /** Provider-owned cost-block title (upstream `ProviderCostMenuCardStyle`); absent keeps the shared title. */
+  titleKey?: LocaleKey;
+}
+
+export type PaceStage =
+  | "on_track"
+  | "slightly_ahead"
+  | "ahead"
+  | "far_ahead"
+  | "slightly_behind"
+  | "behind"
+  | "far_behind";
+
+/** Pace of one rate window. A positive `deltaPercent` is a deficit, a negative one a reserve. */
+export interface WindowPaceSnapshot {
+  stage: PaceStage;
+  deltaPercent: number;
+  expectedUsedPercent: number;
+  actualUsedPercent: number;
+  etaSeconds?: number | null;
+  willLastToReset: boolean;
+  /**
+   * Scored against the provider's reset window (upstream
+   * `ProviderPaceCapability.resetWindowPace`). Card lanes show it as weekly
+   * pace whatever the window's length. Omitted when false.
+   */
+  resetWindow?: boolean;
+}
+
+export interface PaceSnapshot {
+  stage: PaceStage;
+  deltaPercent: number;
+  willLastToReset: boolean;
+  etaSeconds: number | null;
+  expectedUsedPercent: number;
+  actualUsedPercent: number;
+  /** Block of the window this pace comes from; no pace is shown while it is active. */
+  monthlyLimitBlock?: MonthlyLimitBlock | null;
+}
+
+/** One burndown chart point (RFC 3339 capture time + remaining percent). */
+export interface QuotaBurndownPoint {
+  capturedAt: string;
+  remainingPercent: number;
+}
+
+/** Recorded remaining-quota burndown for one series (upstream 0.70.0 #4085). */
+export interface QuotaBurndownSnapshot {
+  series: "session" | "weekly";
+  windowMinutes: number;
+  start: string;
+  reset: string;
+  samples: QuotaBurndownPoint[];
+  ideal: [QuotaBurndownPoint, QuotaBurndownPoint];
+}
+
+export interface SessionEquivalentForecastSnapshot {
+  estimatedWindowsToExhaustWeekly: number;
+  windowsUntilReset: number;
+  availableWindowsUntilReset: number;
+  sampleCount: number;
+  weeklyResetsAt: string;
+  weeklyUsedPercent: number;
+}
+
+export interface SubscriptionMetadataSnapshot {
+  startsAt: string | null;
+  expiresAt: string | null;
+  renewsAt: string | null;
+  /** Calendar-only dates are UTC midnight; format them in UTC. */
+  renewsAtIsDateOnly?: boolean;
+  expiresAtIsDateOnly?: boolean;
+}
+
+export interface ProviderInventoryItem {
+  id: string;
+  title: string;
+  availableCount: number;
+  nextExpiresAt: string | null;
+}
+
+export interface ProviderDisplayProgress {
+  used: number;
+  total: number;
+}
+
+/** Transient provider detail row; it is display-only and never quota math. */
+export interface ProviderDisplayDetail {
+  id: string;
+  sectionTitle: string | null;
+  title: string;
+  value: string;
+  secondaryValue: string | null;
+  progress: ProviderDisplayProgress | null;
+}
+
+/** One metric or provider-emitted extra row available to visibility controls. */
+export interface ProviderUsageItem {
+  id: string;
+  title: string;
+  available: boolean;
+  /** Also suppressed while Cost summary display is Hidden. */
+  requiresCostSummary?: boolean;
+}
+/** Backend-classified provider availability state (camelCase serde on the bridge). */
+export type ProviderStateKind =
+  | "ready"
+  | "needsAuthentication"
+  | "expiredSession"
+  | "localRuntimeOffline"
+  | "unknown";
+
+export interface ProviderUsageSnapshot {
+  providerId: string;
+  displayName: string;
+  primary: RateWindowSnapshot;
+  /** Settings-selected metric shared by native and webview presentation surfaces. */
+  selectedMetric: RateWindowSnapshot;
+  primaryLabel?: string;
+  secondary: RateWindowSnapshot | null;
+  secondaryLabel?: string;
+  /** Provider-chosen locale key that names the secondary lane (wins over `secondaryLabel`). */
+  secondaryLabelKey?: LocaleKey | null;
+  modelSpecific: RateWindowSnapshot | null;
+  tertiary: RateWindowSnapshot | null;
+  /** F5: duration-cadence label for tertiary ("monthly", "weekly" etc.) */
+  tertiaryLabel?: string;
+  extraRateWindows: Array<{
+    id: string;
+    title: string;
+    window: RateWindowSnapshot;
+    /** Provider-declared fallback lane; only fills in without a core quota window. */
+    fallbackLane?: boolean;
+    /** Provider-declared tray-icon lane this window stands in for when that core lane is absent. */
+    iconFallback?: "primary" | "secondary";
+  }>;
+  /** Display-only discrete provider inventory; never used as quota math. */
+  inventory?: ProviderInventoryItem[];
+  /** Provider-specific display rows; never used as quota math or persistence. */
+  displayDetails?: ProviderDisplayDetail[];
+  /** Presentation-only hidden metric/extra row IDs. */
+  hiddenUsageItemIds?: string[];
+  cost: CostSnapshotBridge | null;
+  planName: string | null;
+  accountEmail: string | null;
+  /**
+   * Active token-account label, shown in the header only when the provider
+   * reports no email (upstream account fallback). Never a scoping key.
+   */
+  accountLabel?: string | null;
+  subscription?: SubscriptionMetadataSnapshot | null;
+  sourceLabel: string;
+  /** Backend proof of a live successful Claude CLI quota fetch; only true is proof. */
+  hasSuccessfulClaudeCliQuota?: boolean;
+  updatedAt: string;
+  error: string | null;
+  errorState: ProviderStateKind;
+  pace: PaceSnapshot | null;
+  accountOrganization: string | null;
+  trayStatusLabel: string | null;
+  fetchDurationMs?: number | null;
+  wayfinderUsage?: WayfinderUsageSnapshot | null;
+  /** Per-UTC-day OpenAI Admin API history; only the `openaiapi` Admin path sets it. */
+  openAiApiUsage?: OpenAiApiUsageSnapshot | null;
+  /** Last-hour Tokens/min grid; only the `openaiapi` Admin path sets it. */
+  throughput?: ProviderThroughputSnapshot | null;
+  sessionEquivalentForecast?: SessionEquivalentForecastSnapshot | null;
+  /** Recorded remaining-quota burndown; Codex and Claude only. */
+  quotaBurndown?: QuotaBurndownSnapshot | null;
+}
+
+export interface WayfinderRouteSummary {
+  name: string;
+  requests: number;
+  tokens: number;
+  realized: number;
+  baseline: number;
+  saved: number;
+}
+
+export interface WayfinderUsageSnapshot {
+  gatewayStatus: string;
+  offline: boolean;
+  dryRun: boolean;
+  missingKeys: string[];
+  modelCount: number;
+  models: string[];
+  requests: number;
+  estimatedRequests: number;
+  tokens: number;
+  realized: number;
+  baseline: number;
+  saved: number;
+  savedPercent: number;
+  periodDays: number;
+  unit: string;
+  priced: boolean;
+  routes: WayfinderRouteSummary[];
+  /** Mean router decision latency in ms, from the gateway's /metrics. */
+  avgDecisionMs?: number;
+}
+
+/** Line item cost for one UTC day; descending by cost, then name. */
+export interface OpenAiApiLineItemSnapshot {
+  name: string;
+  costUsd: number;
+}
+
+/** Model usage for one UTC day; descending by total tokens, then name. */
+export interface OpenAiApiModelUsageSnapshot {
+  name: string;
+  requests: number;
+  inputTokens: number;
+  cachedInputTokens: number;
+  outputTokens: number;
+  totalTokens: number;
+}
+
+/**
+ * One UTC-day bucket. Input and output include audio tokens, cached input is a
+ * subset of input, and `totalTokens === inputTokens + outputTokens`.
+ */
+export interface OpenAiApiDailyUsageSnapshot {
+  /** Bucket start, epoch seconds. */
+  startTime: number;
+  /** Bucket end, epoch seconds; always after `startTime`. */
+  endTime: number;
+  costUsd: number;
+  requests: number;
+  inputTokens: number;
+  cachedInputTokens: number;
+  outputTokens: number;
+  totalTokens: number;
+  lineItems: OpenAiApiLineItemSnapshot[];
+  models: OpenAiApiModelUsageSnapshot[];
+}
+
+export interface OpenAiApiUsageSnapshot {
+  /** Requested window in days (1-365). */
+  historyDays: number;
+  projectId: string | null;
+  /** Ascending by `startTime`; empty when the window had no data. */
+  daily: OpenAiApiDailyUsageSnapshot[];
+}
+
+/** One minute of the Tokens/min grid. */
+export interface ThroughputMinuteSnapshot {
+  /** Minute start, epoch seconds. */
+  start: number;
+  totalTokens: number;
+  requests: number;
+  /** After the reporting frontier: not reported yet, never a real zero or a peak. */
+  isPending: boolean;
+}
+
+/** Per-model throughput, ranked by reported volume, then pending volume, then name. */
+export interface ThroughputModelSnapshot {
+  name: string;
+  latestTpm: number;
+  peakTpm: number;
+  totalTokens: number;
+  /** Peak non-pending tokens that count toward a rate limit (Batch API excluded). */
+  peakLimitCountedTokens: number;
+  /** Limit-counted tokens aligned with `ProviderThroughputSnapshot.minutes`. */
+  limitCountedTokensByMinute: number[];
+}
+
+export interface ProviderThroughputSnapshot {
+  /** Regular ascending one-minute grid. */
+  minutes: ThroughputMinuteSnapshot[];
+  /** Newest complete minute with reported traffic, epoch seconds. */
+  frontier: number | null;
+  latestTokensPerMinute: number | null;
+  peakTokensPerMinute: number;
+  peakAt: number | null;
+  fiveMinuteAverageTokensPerMinute: number;
+  models: ThroughputModelSnapshot[];
+  windowMinutes: number;
+  /** Epoch seconds. */
+  fetchedAt: number;
+  /** Project scope; `null` covers the whole organization (only then can limits apply). */
+  projectId: string | null;
+}
+
+/** Manual organization limit for one model (OpenAI API Live Usage, upstream #4495). */
+export interface ModelRateLimitSnapshot {
+  model: string;
+  tokensPerMinute: number;
+  /** `null` or absent means no requests-per-minute limit. */
+  requestsPerMinute?: number | null;
+}
+
+export interface OrgModelRateLimitSnapshot {
+  model: string;
+  tokensPerMinute: number;
+  requestsPerMinute: number | null;
+}
+
+/** Project caps read across the organization, sorted by model ID. */
+export interface OrgRateLimitsSnapshot {
+  byModel: OrgModelRateLimitSnapshot[];
+  projectsSampled: number;
+  truncated: boolean;
+  /** Epoch seconds. */
+  fetchedAt: number;
+}
+
+export interface RefreshCompletePayload {
+  providerCount: number;
+  errorCount: number;
+}
+
+export interface RefreshStartedPayload {
+  providerIds: string[];
+}
+
+export interface CredentialStorageStatus {
+  manualCookies: string;
+  apiKeys: string;
+  tokenAccounts: string;
+}