@neuronection/assistant-ui 0.53.1 → 0.54.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @neuronection/assistant-ui
 
+## 0.54.0
+
+### Minor Changes
+
+- [`93991a7`](https://github.com/neuronection/assistant-ui/commit/93991a73ce3dc376060a9575c30c0c7e503840fb) Thanks [@constLiakos](https://github.com/constLiakos)! - **AI settings: the plan-26 one-click setup kit (Phase 2 promotion)** — the six BYOK/decision setup primitives the family's three hand-built references (desktop `SetupWizard`, study `ProviderSetupModal`, health `byok/` port) converge on. All presentational + controlled (ADR-006): preset data, validation calls, secrets and i18n stay app-side.
+
+  - **`ProviderSetupTiles`** (`provider-setup-tiles`) — neutral equal-weight preset grid in the app's family order; no "recommended" ever; `local` captions, `disabled` tiles with reasons (health overlay), `configured` badges, `suggestedKey` paste-prefix highlight (sr-only note, never color alone); `ProviderSetupManualTile` companion for the manual/custom entry.
+  - **`ProviderSetupForm`** (`provider-setup-form`) — guided setup form: vendor checklist with `{url}` interpolation + copy buttons, get-a-key link (or button via `onOpenKeyUrl` for Electron `openExternal`), free-tier note, connection name, write-only API key (`type="password"` + `autoComplete="new-password"`), Advanced `<details>` disclosure with read-only base URL for `fixedBase` presets, `advancedExtra` slot (hosting/country — study/health), and classified error copy keyed off the shared §15 enum (`SETUP_ERROR_CODES` / `SetupErrorCode`) with **labels prop-injected** (`errorLabels`, `suspectedVendorHint` `{vendor}`).
+  - **`SetupReview`** (`setup-review`) — editable pre-flight review: model-select cards with capability icons (incl. `decision`) + gap-fill switch rows with `now:` sub-lines and the never-removes footnote. Every edit emits the full five-bind options body `{curatedIds, bindChat, bindVision, bindStt, bindDecision}` (plan 26 D14); decision-only presets show the decision slot only.
+  - **`SwitchRow`** (`switch-row`) — labeled `role="switch"` row with animated knob and `currentValue` sub-line; the standalone settings toggle desktop/study/health all hand-rolled.
+  - **`ProviderLogo`** (`provider-logo`) — simple-icons path data keyed by preset key, inline (no dependency), `currentColor`, monogram fallback; openai/groq marks are gone upstream so those keys intentionally fall back to the monogram.
+  - **`SetupFirstRunCard`** (`setup-first-run-card`) — empty-state CTA when no provider is configured: title/body, `localProbing` status, Set up / optional Dismiss, `children` slot for the app's detected-local banner; chat empty states deep-link to it.
+
+  Companions: `docs/guides/ai-settings.md` rewritten to the full family assembly (first-run card → wizard → defaults-first list → re-configure), per-component docs pages + accessibility rows + Ladle stories (`ai-settings-assembly`), and a composition test proving the five-bind body end-to-end next to the TaskAssignmentPicker Decision group. This release also carries the Phase 0 decision-descriptor verification work (`decision` descriptor + `decision:<cap>` slot coverage in stories/tests, landed unreleased on 4128640) — one release for the whole promotion set, per plan 26.
+
 ## 0.53.1
 
 ### Patch Changes

package/README.md

@@ -112,6 +112,7 @@ Visual reference: [gallery](https://neuronection.github.io/assistant-ui/).
 | [`flow-status`](./docs/components/flow-status.md) | `FlowStatusCard` (multi-step AI-flow progress from the family event vocabulary: per-node status, current-step emphasis, progress summary, error + retryable, controlled retry/cancel/resume, `detail` slot for HITL cards) | [stories](https://neuronection.github.io/assistant-ui/?story=flow-status--running) |
 | [`flow-trace`](./docs/components/flow-trace.md) | `FlowTraceCard` (run ledger over the library-owned `FlowTrace` schema: outcome badge, stage timeline, per-call LLM table with tokens/latency/prompt version, ops ✓/✗ list, simulated badge for mock rows) + `FlowTelemetryStrip` (compact `calls · tokens in/out · edits` live counters) | [stories](https://neuronection.github.io/assistant-ui/?story=flow-trace--completed-run) |
 | [`settings-shell`](./docs/components/settings-shell.md) / [`provider-form`](./docs/components/provider-form.md) / [`connection-test-row`](./docs/components/connection-test-row.md) | `SettingsShell` (controlled two-pane nav) · `ProviderForm` (write-only API-key field) · `ConnectionTestRow` (idle/testing/ok/fail + latency, `inline` variant + meta slot) | [stories](https://neuronection.github.io/assistant-ui/?story=settings-trio--provider-form-story) |
+| [`provider-setup-tiles`](./docs/components/provider-setup-tiles.md) / [`provider-setup-form`](./docs/components/provider-setup-form.md) / [`setup-review`](./docs/components/setup-review.md) / [`switch-row`](./docs/components/switch-row.md) / [`provider-logo`](./docs/components/provider-logo.md) / [`setup-first-run-card`](./docs/components/setup-first-run-card.md) | The plan-26 one-click setup kit (BYOK + decision models): neutral equal-weight preset tiles (family order, no "recommended") · guided setup form (checklist + copy buttons, write-only `new-password` key, Advanced disclosure with fixed-base read-only, §15 error enum copy prop-injected) · editable pre-flight review emitting the five-bind options body `{curatedIds, bindChat, bindVision, bindStt, bindDecision}` (decision-only presets show the decision slot only) · labeled `role="switch"` row with `now:` sub-line · simple-icons provider mark with monogram fallback (openai/groq gone upstream), `currentColor` · first-run CTA card with local-probe status | [stories](https://neuronection.github.io/assistant-ui/?story=ai-settings-assembly--ai-settings-setup-tiles-story) |
 | [`admin-user-table`](./docs/components/admin-user-table.md) | `AdminUserTable` — controlled admin user management table (email + "(you)" marker, activity count, role/status, promote/demote, activate/deactivate, inline password reset with min-length gate, force logout; guard-rail 403s as friendly messages) | [stories](https://neuronection.github.io/assistant-ui/?story=admin-user-table--default) |
 | [`instance-mode-control`](./docs/components/instance-mode-control.md) | `InstanceModeControl` — controlled §4.5 instance access-mode panel (current mode, open→authenticated with owner credential set, authenticated→open with password + explicit ack, blocked states, audit note) | [stories](https://neuronection.github.io/assistant-ui/?story=instance-mode-control--open) |
 | [`login-form`](./docs/components/login-form.md) / [`register-form`](./docs/components/register-form.md) | `LoginForm` — controlled sign-in form (labelled email + password with visibility toggle, loading/error props, register/forgot link slots; no remember-me — HttpOnly sessions are server-owned) · `RegisterForm` — controlled registration form (confirm-password mismatch gate, optional full-name field, min-length hint, login link slot) | [stories](https://neuronection.github.io/assistant-ui/?story=login-form--default) |

package/dist/chunk-65JY3ATO.js

@@ -0,0 +1,94 @@
+import { ProviderLogo } from './chunk-7IP3JP3Z.js';
+import { cn } from './chunk-RVVXVTH3.js';
+import * as React from 'react';
+import { Check, Settings2 } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ProviderSetupTiles = React.forwardRef(function ProviderSetupTiles2({
+  presets,
+  configured,
+  suggestedKey,
+  onSelect,
+  children,
+  label = "Choose a provider",
+  localLabel = "Local",
+  configuredLabel = "Set up",
+  suggestedLabel = "Suggested for your pasted key",
+  className,
+  ...props
+}, ref) {
+  const configuredSet = new Set(configured);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      role: "group",
+      "aria-label": label,
+      "data-as": "provider-setup-tiles",
+      className: cn(
+        "grid grid-cols-2 gap-2 sm:grid-cols-3",
+        className
+      ),
+      ...props,
+      children: [
+        presets.map((preset) => {
+          const isConfigured = configuredSet.has(preset.key);
+          const isSuggested = suggestedKey === preset.key;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              "data-preset": preset.key,
+              "data-suggested": isSuggested || void 0,
+              "aria-disabled": preset.disabled || void 0,
+              disabled: preset.disabled,
+              onClick: () => {
+                if (!preset.disabled) onSelect(preset.key);
+              },
+              className: cn(
+                "flex h-auto cursor-pointer flex-col items-center gap-2 rounded-[var(--as-radius)] border px-3 py-4 text-sm font-medium text-[var(--as-fg)] transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50",
+                isSuggested ? "border-[var(--as-focus-ring)] bg-[var(--as-muted)]" : "border-[var(--as-border)] bg-[var(--as-surface)] hover:bg-[var(--as-muted)]"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(ProviderLogo, { preset: preset.key }),
+                /* @__PURE__ */ jsx("span", { className: "w-full truncate text-center", children: preset.name }),
+                preset.local ? /* @__PURE__ */ jsx("span", { className: "text-xs font-normal text-[var(--as-muted-fg)]", children: localLabel }) : null,
+                preset.disabled && preset.disabledReason ? /* @__PURE__ */ jsx("span", { className: "text-xs font-normal text-[var(--as-muted-fg)]", children: preset.disabledReason }) : null,
+                isConfigured ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs font-normal text-[var(--as-success)]", children: [
+                  /* @__PURE__ */ jsx(Check, { className: "size-3", "aria-hidden": true }),
+                  configuredLabel
+                ] }) : null,
+                isSuggested ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: suggestedLabel }) : null
+              ]
+            },
+            preset.key
+          );
+        }),
+        children ? /* @__PURE__ */ jsx("div", { className: "contents", children }) : null
+      ]
+    }
+  );
+});
+var ProviderSetupManualTile = React.forwardRef(function ProviderSetupManualTile2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      "data-as": "provider-setup-manual-tile",
+      className: cn(
+        "flex h-auto cursor-pointer flex-col items-center gap-2 rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] px-3 py-4 text-sm font-medium text-[var(--as-fg)] transition-colors hover:bg-[var(--as-muted)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "inline-flex size-5 shrink-0 items-center justify-center text-[var(--as-muted-fg)]", children: /* @__PURE__ */ jsx(Settings2, { className: "size-5", "aria-hidden": true }) }),
+        children
+      ]
+    }
+  );
+});
+
+export { ProviderSetupManualTile, ProviderSetupTiles };
+//# sourceMappingURL=chunk-65JY3ATO.js.map
+//# sourceMappingURL=chunk-65JY3ATO.js.map

package/dist/chunk-65JY3ATO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/provider-setup-tiles/ProviderSetupTiles.tsx"],"names":["ProviderSetupTiles","ProviderSetupManualTile"],"mappings":";;;;;;AA0CO,IAAM,kBAAA,GAA2B,KAAA,CAAA,UAAA,CAGtC,SAASA,mBAAAA,CACT;AAAA,EACE,OAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,GAAQ,mBAAA;AAAA,EACR,UAAA,GAAa,OAAA;AAAA,EACb,eAAA,GAAkB,QAAA;AAAA,EAClB,cAAA,GAAiB,+BAAA;AAAA,EACjB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,aAAA,GAAgB,IAAI,GAAA,CAAI,UAAU,CAAA;AACxC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,OAAA;AAAA,MACL,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAQ,sBAAA;AAAA,MACR,SAAA,EAAW,EAAA;AAAA,QACT,uCAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW;AACvB,UAAA,MAAM,YAAA,GAAe,aAAA,CAAc,GAAA,CAAI,MAAA,CAAO,GAAG,CAAA;AACjD,UAAA,MAAM,WAAA,GAAc,iBAAiB,MAAA,CAAO,GAAA;AAC5C,UAAA,uBACE,IAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,QAAA;AAAA,cACL,eAAa,MAAA,CAAO,GAAA;AAAA,cACpB,kBAAgB,WAAA,IAAe,MAAA;AAAA,cAC/B,eAAA,EAAe,OAAO,QAAA,IAAY,MAAA;AAAA,cAClC,UAAU,MAAA,CAAO,QAAA;AAAA,cACjB,SAAS,MAAM;AACb,gBAAA,IAAI,CAAC,MAAA,CAAO,QAAA,EAAU,QAAA,CAAS,OAAO,GAAG,CAAA;AAAA,cAC3C,CAAA;AAAA,cACA,SAAA,EAAW,EAAA;AAAA,gBACT,kTAAA;AAAA,gBACA,cACI,oDAAA,GACA;AAAA,eACN;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,YAAA,EAAA,EAAa,MAAA,EAAQ,MAAA,CAAO,GAAA,EAAK,CAAA;AAAA,gCAClC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,6BAAA,EAA+B,iBAAO,IAAA,EAAK,CAAA;AAAA,gBAC1D,OAAO,KAAA,mBACN,GAAA,CAAC,UAAK,SAAA,EAAU,+CAAA,EACb,sBACH,CAAA,GACE,IAAA;AAAA,gBACH,MAAA,CAAO,QAAA,IAAY,MAAA,CAAO,cAAA,mBACzB,GAAA,CAAC,UAAK,SAAA,EAAU,+CAAA,EACb,QAAA,EAAA,MAAA,CAAO,cAAA,EACV,CAAA,GACE,IAAA;AAAA,gBACH,YAAA,mBACC,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,6EAAA,EACd,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,QAAA,EAAS,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,kBACrC;AAAA,iBAAA,EACH,CAAA,GACE,IAAA;AAAA,gBACH,8BACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,0BAAe,CAAA,GACxC;AAAA;AAAA,aAAA;AAAA,YApCC,MAAA,CAAO;AAAA,WAqCd;AAAA,QAEJ,CAAC,CAAA;AAAA,QACA,2BAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EAAY,UAAS,CAAA,GAAS;AAAA;AAAA;AAAA,GAC3D;AAEJ,CAAC;AAGM,IAAM,uBAAA,GAAgC,KAAA,CAAA,UAAA,CAG3C,SAASC,wBAAAA,CACT,EAAE,UAAU,SAAA,EAAW,GAAG,KAAA,EAAM,EAChC,GAAA,EACA;AACA,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,SAAA,EAAQ,4BAAA;AAAA,MACR,SAAA,EAAW,EAAA;AAAA,QACT,8UAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,mFAAA,EACd,QAAA,kBAAA,GAAA,CAAC,aAAU,SAAA,EAAU,QAAA,EAAS,aAAA,EAAW,IAAA,EAAC,CAAA,EAC5C,CAAA;AAAA,QACC;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC","file":"chunk-65JY3ATO.js","sourcesContent":["import * as React from 'react'\nimport { Check, Settings2 } from 'lucide-react'\nimport { cn } from '../../lib/utils'\nimport { ProviderLogo } from '../provider-logo/ProviderLogo'\n\n/** One preset entry (ADR-006: the catalog is app data — the tiles only\n * render it, in the order given, with equal weight). */\nexport interface ProviderSetupTileData {\n  key: string\n  name: string\n  /** Keyless local preset (e.g. Ollama) — renders the `localLabel` caption. */\n  local?: boolean\n  /** Disabled tiles render inert with their reason (health's overlay). */\n  disabled?: boolean\n  disabledReason?: string\n  /** The preset ships a key-prefix hint (informational for the app). */\n  hasKeyPrefixHint?: boolean\n}\n\nexport interface ProviderSetupTilesProps\n  extends Omit<React.ComponentProps<'div'>, 'onSelect' | 'children'> {\n  /** Presets in the app's family order — the grid keeps it verbatim. */\n  presets: ProviderSetupTileData[]\n  /** Preset keys already configured (renders the `configuredLabel` badge). */\n  configured?: string[]\n  /** Key of a tile the app's paste-prefix match suggests (highlight only —\n   * never a \"recommended\" ranking; all tiles stay equal weight). */\n  suggestedKey?: string\n  /** Fires with the preset key of the activated tile. */\n  onSelect: (key: string) => void\n  /** Extra grid cell (e.g. the \"Manual / custom\" tile) — app-composed. */\n  children?: React.ReactNode\n  label?: string\n  localLabel?: string\n  configuredLabel?: string\n  /** Visually-hidden text marking the suggested tile. */\n  suggestedLabel?: string\n}\n\n/** Neutral, equal-weight provider picker grid — step one of the family's\n * one-click setup (plan 26 §6): tiles in family order, no \"recommended\"\n * anywhere, local presets visible, disabled presets explain themselves. */\nexport const ProviderSetupTiles = React.forwardRef<\n  HTMLDivElement,\n  ProviderSetupTilesProps\n>(function ProviderSetupTiles(\n  {\n    presets,\n    configured,\n    suggestedKey,\n    onSelect,\n    children,\n    label = 'Choose a provider',\n    localLabel = 'Local',\n    configuredLabel = 'Set up',\n    suggestedLabel = 'Suggested for your pasted key',\n    className,\n    ...props\n  },\n  ref,\n) {\n  const configuredSet = new Set(configured)\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={label}\n      data-as=\"provider-setup-tiles\"\n      className={cn(\n        'grid grid-cols-2 gap-2 sm:grid-cols-3',\n        className,\n      )}\n      {...props}\n    >\n      {presets.map((preset) => {\n        const isConfigured = configuredSet.has(preset.key)\n        const isSuggested = suggestedKey === preset.key\n        return (\n          <button\n            key={preset.key}\n            type=\"button\"\n            data-preset={preset.key}\n            data-suggested={isSuggested || undefined}\n            aria-disabled={preset.disabled || undefined}\n            disabled={preset.disabled}\n            onClick={() => {\n              if (!preset.disabled) onSelect(preset.key)\n            }}\n            className={cn(\n              'flex h-auto cursor-pointer flex-col items-center gap-2 rounded-[var(--as-radius)] border px-3 py-4 text-sm font-medium text-[var(--as-fg)] transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50',\n              isSuggested\n                ? 'border-[var(--as-focus-ring)] bg-[var(--as-muted)]'\n                : 'border-[var(--as-border)] bg-[var(--as-surface)] hover:bg-[var(--as-muted)]',\n            )}\n          >\n            <ProviderLogo preset={preset.key} />\n            <span className=\"w-full truncate text-center\">{preset.name}</span>\n            {preset.local ? (\n              <span className=\"text-xs font-normal text-[var(--as-muted-fg)]\">\n                {localLabel}\n              </span>\n            ) : null}\n            {preset.disabled && preset.disabledReason ? (\n              <span className=\"text-xs font-normal text-[var(--as-muted-fg)]\">\n                {preset.disabledReason}\n              </span>\n            ) : null}\n            {isConfigured ? (\n              <span className=\"inline-flex items-center gap-1 text-xs font-normal text-[var(--as-success)]\">\n                <Check className=\"size-3\" aria-hidden />\n                {configuredLabel}\n              </span>\n            ) : null}\n            {isSuggested ? (\n              <span className=\"sr-only\">{suggestedLabel}</span>\n            ) : null}\n          </button>\n        )\n      })}\n      {children ? <div className=\"contents\">{children}</div> : null}\n    </div>\n  )\n})\n\n/** The \"manual / custom\" tile apps append as `children` of the grid. */\nexport const ProviderSetupManualTile = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<'button'>\n>(function ProviderSetupManualTile(\n  { children, className, ...props },\n  ref,\n) {\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-as=\"provider-setup-manual-tile\"\n      className={cn(\n        'flex h-auto cursor-pointer flex-col items-center gap-2 rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] px-3 py-4 text-sm font-medium text-[var(--as-fg)] transition-colors hover:bg-[var(--as-muted)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"inline-flex size-5 shrink-0 items-center justify-center text-[var(--as-muted-fg)]\">\n        <Settings2 className=\"size-5\" aria-hidden />\n      </span>\n      {children}\n    </button>\n  )\n})\n"]}

package/dist/chunk-6G7H6YP6.js

@@ -0,0 +1,180 @@
+import { CopyButton } from './chunk-XFYCNCPS.js';
+import { Input } from './chunk-GQDW6BBO.js';
+import { Button } from './chunk-4WBBF5LH.js';
+import { cn } from './chunk-RVVXVTH3.js';
+import * as React from 'react';
+import { ExternalLink } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SETUP_ERROR_CODES = [
+  "invalid_key",
+  "insufficient_credit",
+  "new_user_quota",
+  "region_unavailable",
+  "timeout",
+  "local_not_running",
+  "unknown"
+];
+var DEFAULT_SETUP_ERROR_COPY = {
+  invalid_key: "The API key was rejected \u2014 check it and try again.",
+  insufficient_credit: "The account has no credit or quota left for this key.",
+  new_user_quota: "The provider hit a rate or quota limit \u2014 try again later.",
+  region_unavailable: "This provider or model is not available in your region.",
+  timeout: "The provider took too long to answer \u2014 try again.",
+  local_not_running: "Could not reach the local engine \u2014 make sure it is running.",
+  unknown: "The provider reported an unknown error."
+};
+var ProviderSetupForm = React.forwardRef(function ProviderSetupForm2({
+  preset,
+  value,
+  error,
+  testing = false,
+  onSubmit,
+  onCancel,
+  onChange,
+  errorLabels,
+  suspectedVendorHint = "This looks like a {vendor} API key.",
+  onCopyStep,
+  onOpenKeyUrl,
+  advancedExtra,
+  checklistLabel = "Setup steps",
+  copyLabel = "Copy",
+  getKeyLabel = "Get an API key",
+  nameLabel = "Connection name",
+  apiKeyLabel = "API key",
+  keyPlaceholder = "sk-\u2026",
+  noKeyLabel = "Runs on your machine \u2014 no API key needed.",
+  advancedLabel = "Advanced",
+  baseUrlLabel = "API base URL",
+  baseUrlHint,
+  submitLabel = "Connect",
+  cancelLabel = "Back",
+  className,
+  ...props
+}, ref) {
+  const stepText = (step) => step.replaceAll("{url}", preset.keyUrl ?? "");
+  const errorCopy = error ? errorLabels?.[error.code] ?? DEFAULT_SETUP_ERROR_COPY[error.code] ?? errorLabels?.unknown ?? DEFAULT_SETUP_ERROR_COPY.unknown : null;
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      ref,
+      "data-as": "provider-setup-form",
+      className: cn("flex w-full flex-col gap-3", className),
+      onSubmit: (event) => {
+        event.preventDefault();
+        if (!testing) onSubmit(value);
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-[var(--as-fg)]", children: preset.name }),
+        preset.steps && preset.steps.length > 0 ? /* @__PURE__ */ jsx(
+          "ol",
+          {
+            "aria-label": checklistLabel,
+            className: "list-inside list-decimal space-y-1 text-sm text-[var(--as-muted-fg)]",
+            children: preset.steps.map((step, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-start justify-between gap-2", children: [
+              /* @__PURE__ */ jsx("span", { children: stepText(step) }),
+              /* @__PURE__ */ jsx(
+                CopyButton,
+                {
+                  value: step,
+                  label: copyLabel,
+                  size: 14,
+                  className: "mt-0.5 size-6 shrink-0",
+                  onClick: () => onCopyStep?.(step)
+                }
+              )
+            ] }, index))
+          }
+        ) : null,
+        preset.keyUrl ? onOpenKeyUrl ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => onOpenKeyUrl(preset.keyUrl),
+            children: [
+              /* @__PURE__ */ jsx(ExternalLink, { "aria-hidden": true }),
+              getKeyLabel
+            ]
+          }
+        ) }) : /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: preset.keyUrl,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "inline-flex w-fit items-center gap-1 text-sm font-medium text-[var(--as-primary)] underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]",
+            children: [
+              /* @__PURE__ */ jsx(ExternalLink, { className: "size-3.5", "aria-hidden": true }),
+              getKeyLabel
+            ]
+          }
+        ) : null,
+        preset.freeTierNote ? /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--as-muted-fg)]", children: preset.freeTierNote }) : null,
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: nameLabel,
+            value: value.name,
+            placeholder: preset.name,
+            onChange: (event) => onChange({ ...value, name: event.target.value })
+          }
+        ),
+        preset.local ? /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--as-muted-fg)]", children: noKeyLabel }) : /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: apiKeyLabel,
+            type: "password",
+            autoComplete: "new-password",
+            placeholder: keyPlaceholder,
+            value: value.apiKey,
+            onChange: (event) => onChange({ ...value, apiKey: event.target.value })
+          }
+        ),
+        /* @__PURE__ */ jsxs("details", { className: "rounded-[var(--as-radius)] border border-[var(--as-border)] px-3 py-2", children: [
+          /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-sm font-medium text-[var(--as-fg)]", children: advancedLabel }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 pt-2", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: baseUrlLabel,
+                value: value.baseUrl ?? "",
+                readOnly: preset.fixedBase,
+                className: "font-mono data-[readonly]:cursor-default data-[readonly]:opacity-80",
+                onChange: (event) => onChange({ ...value, baseUrl: event.target.value })
+              }
+            ),
+            !preset.fixedBase && baseUrlHint ? /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--as-muted-fg)]", children: baseUrlHint }) : null,
+            advancedExtra
+          ] })
+        ] }),
+        error && errorCopy ? /* @__PURE__ */ jsxs("div", { role: "alert", className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--as-danger)]", children: errorCopy }),
+          error.suspectedVendor ? /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--as-muted-fg)]", children: suspectedVendorHint.replaceAll(
+            "{vendor}",
+            error.suspectedVendor
+          ) }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+          onCancel ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onCancel, children: cancelLabel }) : null,
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              size: "sm",
+              loading: testing,
+              disabled: testing || !preset.local && value.apiKey.trim() === "",
+              children: submitLabel
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+
+export { DEFAULT_SETUP_ERROR_COPY, ProviderSetupForm, SETUP_ERROR_CODES };
+//# sourceMappingURL=chunk-6G7H6YP6.js.map
+//# sourceMappingURL=chunk-6G7H6YP6.js.map

package/dist/chunk-6G7H6YP6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/provider-setup-form/ProviderSetupForm.tsx"],"names":["ProviderSetupForm"],"mappings":"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","file":"chunk-6G7H6YP6.js","sourcesContent":["import * as React from 'react'\nimport { ExternalLink } from 'lucide-react'\nimport { cn } from '../../lib/utils'\nimport { Button } from '../button/Button'\nimport { CopyButton } from '../copy-button/CopyButton'\nimport { Input } from '../input/Input'\n\n/** The shared §15 error-routing enum (family contract — apps key their i18n\n * off exactly these codes). */\nexport const SETUP_ERROR_CODES = [\n  'invalid_key',\n  'insufficient_credit',\n  'new_user_quota',\n  'region_unavailable',\n  'timeout',\n  'local_not_running',\n  'unknown',\n] as const\n\nexport type SetupErrorCode = (typeof SETUP_ERROR_CODES)[number]\n\n/** English fallback copy per code — apps inject translated labels via\n * `errorLabels` (the library ships no i18n engine, ADR-006). */\nexport const DEFAULT_SETUP_ERROR_COPY: Record<SetupErrorCode, string> = {\n  invalid_key: 'The API key was rejected — check it and try again.',\n  insufficient_credit: 'The account has no credit or quota left for this key.',\n  new_user_quota: 'The provider hit a rate or quota limit — try again later.',\n  region_unavailable: 'This provider or model is not available in your region.',\n  timeout: 'The provider took too long to answer — try again.',\n  local_not_running: 'Could not reach the local engine — make sure it is running.',\n  unknown: 'The provider reported an unknown error.',\n}\n\n/** Guided-setup preset slice (app data; snake_case API fields map app-side). */\nexport interface ProviderSetupFormPreset {\n  name: string\n  keyUrl?: string\n  steps?: string[]\n  freeTierNote?: string\n  fixedBase?: boolean\n  baseUrl: string\n  /** Keyless local preset — renders `noKeyLabel` instead of the key field. */\n  local?: boolean\n}\n\nexport interface ProviderSetupFormValue {\n  name: string\n  apiKey: string\n  baseUrl?: string\n}\n\n/** Classified setup failure (§15 error routing) — copy comes from\n * `errorLabels`, keyed off the code. */\nexport interface ProviderSetupFormError {\n  code: SetupErrorCode | string\n  suspectedVendor?: string | null\n}\n\nexport interface ProviderSetupFormProps\n  extends Omit<React.ComponentProps<'form'>, 'onChange' | 'onSubmit'> {\n  preset: ProviderSetupFormPreset\n  /** Controlled field values. */\n  value: ProviderSetupFormValue\n  error?: ProviderSetupFormError | null\n  /** Validation/connection test in flight — disables + marks the submit. */\n  testing?: boolean\n  onSubmit: (value: ProviderSetupFormValue) => void\n  onCancel?: () => void\n  onChange: (value: ProviderSetupFormValue) => void\n  /** Translated error copy per §15 code (`{vendor}` interpolates in the hint). */\n  errorLabels?: Partial<Record<string, string>>\n  suspectedVendorHint?: string\n  /** Notified when a checklist step is copied (Electron apps mirror the copy\n   * through their IPC clipboard; the browser write always happens). */\n  onCopyStep?: (step: string) => void\n  /** Opens the key page — render an anchor by default; Electron apps pass\n   * their `openExternal` bridge to get a button instead. */\n  onOpenKeyUrl?: (url: string) => void\n  /** Extra app content inside the Advanced disclosure (hosting toggle,\n   * country select — study/health pattern). */\n  advancedExtra?: React.ReactNode\n  checklistLabel?: string\n  copyLabel?: string\n  getKeyLabel?: string\n  nameLabel?: string\n  apiKeyLabel?: string\n  keyPlaceholder?: string\n  noKeyLabel?: string\n  advancedLabel?: string\n  baseUrlLabel?: string\n  baseUrlHint?: string\n  submitLabel?: string\n  cancelLabel?: string\n}\n\n/** Guided one-click setup form (plan 26 §6): vendor checklist with copy\n * buttons and key link, connection name, write-only API key\n * (`autoComplete=\"new-password\"`), and an Advanced disclosure whose base URL\n * is read-only for fixed-endpoint presets. Validation, secrets and IPC are\n * the app's business (ADR-006) — the form reports `onSubmit`. */\nexport const ProviderSetupForm = React.forwardRef<\n  HTMLFormElement,\n  ProviderSetupFormProps\n>(function ProviderSetupForm(\n  {\n    preset,\n    value,\n    error,\n    testing = false,\n    onSubmit,\n    onCancel,\n    onChange,\n    errorLabels,\n    suspectedVendorHint = 'This looks like a {vendor} API key.',\n    onCopyStep,\n    onOpenKeyUrl,\n    advancedExtra,\n    checklistLabel = 'Setup steps',\n    copyLabel = 'Copy',\n    getKeyLabel = 'Get an API key',\n    nameLabel = 'Connection name',\n    apiKeyLabel = 'API key',\n    keyPlaceholder = 'sk-…',\n    noKeyLabel = 'Runs on your machine — no API key needed.',\n    advancedLabel = 'Advanced',\n    baseUrlLabel = 'API base URL',\n    baseUrlHint,\n    submitLabel = 'Connect',\n    cancelLabel = 'Back',\n    className,\n    ...props\n  },\n  ref,\n) {\n  const stepText = (step: string): string =>\n    step.replaceAll('{url}', preset.keyUrl ?? '')\n\n  const errorCopy = error\n    ? (errorLabels?.[error.code] ??\n      DEFAULT_SETUP_ERROR_COPY[error.code as SetupErrorCode] ??\n      errorLabels?.unknown ??\n      DEFAULT_SETUP_ERROR_COPY.unknown)\n    : null\n\n  return (\n    <form\n      ref={ref}\n      data-as=\"provider-setup-form\"\n      className={cn('flex w-full flex-col gap-3', className)}\n      onSubmit={(event) => {\n        event.preventDefault()\n        if (!testing) onSubmit(value)\n      }}\n      {...props}\n    >\n      <h3 className=\"text-sm font-semibold text-[var(--as-fg)]\">{preset.name}</h3>\n\n      {preset.steps && preset.steps.length > 0 ? (\n        <ol\n          aria-label={checklistLabel}\n          className=\"list-inside list-decimal space-y-1 text-sm text-[var(--as-muted-fg)]\"\n        >\n          {preset.steps.map((step, index) => (\n            <li key={index} className=\"flex items-start justify-between gap-2\">\n              <span>{stepText(step)}</span>\n              <CopyButton\n                value={step}\n                label={copyLabel}\n                size={14}\n                className=\"mt-0.5 size-6 shrink-0\"\n                onClick={() => onCopyStep?.(step)}\n              />\n            </li>\n          ))}\n        </ol>\n      ) : null}\n\n      {preset.keyUrl ? onOpenKeyUrl ? (\n        <div>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => onOpenKeyUrl(preset.keyUrl!)}\n          >\n            <ExternalLink aria-hidden />\n            {getKeyLabel}\n          </Button>\n        </div>\n      ) : (\n        <a\n          href={preset.keyUrl}\n          target=\"_blank\"\n          rel=\"noreferrer\"\n          className=\"inline-flex w-fit items-center gap-1 text-sm font-medium text-[var(--as-primary)] underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]\"\n        >\n          <ExternalLink className=\"size-3.5\" aria-hidden />\n          {getKeyLabel}\n        </a>\n      ) : null}\n\n      {preset.freeTierNote ? (\n        <p className=\"text-xs text-[var(--as-muted-fg)]\">{preset.freeTierNote}</p>\n      ) : null}\n\n      <Input\n        label={nameLabel}\n        value={value.name}\n        placeholder={preset.name}\n        onChange={(event) => onChange({ ...value, name: event.target.value })}\n      />\n\n      {preset.local ? (\n        <p className=\"text-sm text-[var(--as-muted-fg)]\">{noKeyLabel}</p>\n      ) : (\n        <Input\n          label={apiKeyLabel}\n          type=\"password\"\n          autoComplete=\"new-password\"\n          placeholder={keyPlaceholder}\n          value={value.apiKey}\n          onChange={(event) => onChange({ ...value, apiKey: event.target.value })}\n        />\n      )}\n\n      <details className=\"rounded-[var(--as-radius)] border border-[var(--as-border)] px-3 py-2\">\n        <summary className=\"cursor-pointer text-sm font-medium text-[var(--as-fg)]\">\n          {advancedLabel}\n        </summary>\n        <div className=\"flex flex-col gap-1 pt-2\">\n          <Input\n            label={baseUrlLabel}\n            value={value.baseUrl ?? ''}\n            readOnly={preset.fixedBase}\n            className=\"font-mono data-[readonly]:cursor-default data-[readonly]:opacity-80\"\n            onChange={(event) =>\n              onChange({ ...value, baseUrl: event.target.value })\n            }\n          />\n          {!preset.fixedBase && baseUrlHint ? (\n            <p className=\"text-xs text-[var(--as-muted-fg)]\">{baseUrlHint}</p>\n          ) : null}\n          {advancedExtra}\n        </div>\n      </details>\n\n      {error && errorCopy ? (\n        <div role=\"alert\" className=\"space-y-1\">\n          <p className=\"text-sm font-medium text-[var(--as-danger)]\">\n            {errorCopy}\n          </p>\n          {error.suspectedVendor ? (\n            <p className=\"text-sm text-[var(--as-muted-fg)]\">\n              {suspectedVendorHint.replaceAll(\n                '{vendor}',\n                error.suspectedVendor,\n              )}\n            </p>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"flex items-center justify-end gap-2\">\n        {onCancel ? (\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onCancel}>\n            {cancelLabel}\n          </Button>\n        ) : null}\n        <Button\n          type=\"submit\"\n          size=\"sm\"\n          loading={testing}\n          disabled={testing || (!preset.local && value.apiKey.trim() === '')}\n        >\n          {submitLabel}\n        </Button>\n      </div>\n    </form>\n  )\n})\n"]}

package/dist/chunk-7IP3JP3Z.js

@@ -0,0 +1,54 @@
+import { cn } from './chunk-RVVXVTH3.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var ICON_PATHS = {
+  gemini: "M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81",
+  openrouter: "M16.778 1.844v1.919q-.569-.026-1.138-.032-.708-.008-1.415.037c-1.93.126-4.023.728-6.149 2.237-2.911 2.066-2.731 1.95-4.14 2.75-.396.223-1.342.574-2.185.798-.841.225-1.753.333-1.751.333v4.229s.768.108 1.61.333c.842.224 1.789.575 2.185.799 1.41.798 1.228.683 4.14 2.75 2.126 1.509 4.22 2.11 6.148 2.236.88.058 1.716.041 2.555.005v1.918l7.222-4.168-7.222-4.17v2.176c-.86.038-1.611.065-2.278.021-1.364-.09-2.417-.357-3.979-1.465-2.244-1.593-2.866-2.027-3.68-2.508.889-.518 1.449-.906 3.822-2.59 1.56-1.109 2.614-1.377 3.978-1.466.667-.044 1.418-.017 2.278.02v2.176L24 6.014Z",
+  anthropic: "M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z",
+  mistral: "M17.143 3.429v3.428h-3.429v3.429h-3.428V6.857H6.857V3.43H3.43v13.714H0v3.428h10.286v-3.428H6.857v-3.429h3.429v3.429h3.429v-3.429h3.428v3.429h-3.428v3.428H24v-3.428h-3.43V3.429z",
+  deepseek: "M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45",
+  ollama: "M16.361 10.26a.894.894 0 0 0-.558.47l-.072.148.001.207c0 .193.004.217.059.353.076.193.152.312.291.448.24.238.51.3.872.205a.86.86 0 0 0 .517-.436.752.752 0 0 0 .08-.498c-.064-.453-.33-.782-.724-.897a1.06 1.06 0 0 0-.466 0zm-9.203.005c-.305.096-.533.32-.65.639a1.187 1.187 0 0 0-.06.52c.057.309.31.59.598.667.362.095.632.033.872-.205.14-.136.215-.255.291-.448.055-.136.059-.16.059-.353l.001-.207-.072-.148a.894.894 0 0 0-.565-.472 1.02 1.02 0 0 0-.474.007zm4.184 2c-.131.071-.223.25-.195.383.031.143.157.288.353.407.105.063.112.072.117.136.004.038-.01.146-.029.243-.02.094-.036.194-.036.222.002.074.07.195.143.253.064.052.076.054.255.059.164.005.198.001.264-.03.169-.082.212-.234.15-.525-.052-.243-.042-.28.087-.355.137-.08.281-.219.324-.314a.365.365 0 0 0-.175-.48.394.394 0 0 0-.181-.033c-.126 0-.207.03-.355.124l-.085.053-.053-.032c-.219-.13-.259-.145-.391-.143a.396.396 0 0 0-.193.032zm.39-2.195c-.373.036-.475.05-.654.086-.291.06-.68.195-.951.328-.94.46-1.589 1.226-1.787 2.114-.04.176-.045.234-.045.53 0 .294.005.357.043.524.264 1.16 1.332 2.017 2.714 2.173.3.033 1.596.033 1.896 0 1.11-.125 2.064-.727 2.493-1.571.114-.226.169-.372.22-.602.039-.167.044-.23.044-.523 0-.297-.005-.355-.045-.531-.288-1.29-1.539-2.304-3.072-2.497a6.9 6.9 0 0 0-.855-.031zm.645.937a3.3 3.3 0 0 1 1.44.514c.223.148.537.458.671.662.166.251.26.508.303.82.02.143.01.251-.043.482-.08.345-.332.705-.672.957a3.1 3.1 0 0 1-.689.348c-.382.122-.632.144-1.525.138-.582-.006-.686-.01-.853-.042-.57-.107-1.022-.334-1.35-.68-.264-.28-.385-.535-.45-.946-.03-.192.025-.509.137-.776.136-.326.488-.73.836-.963.403-.269.934-.46 1.422-.512.187-.02.586-.02.773-.002zm-5.503-11a1.65 1.65 0 0 0-.683.298C5.617.74 5.173 1.666 4.985 2.819c-.07.436-.119 1.04-.119 1.503 0 .544.064 1.24.155 1.721.02.107.031.202.023.208a8 8 0 0 1-.187.152 5.3 5.3 0 0 0-.949 1.02 5.5 5.5 0 0 0-.94 2.339 6.6 6.6 0 0 0-.023 1.357c.091.78.325 1.438.727 2.04l.13.195-.037.064c-.269.452-.498 1.105-.605 1.732-.084.496-.095.629-.095 1.294 0 .67.009.803.088 1.266.095.555.288 1.143.503 1.534.071.128.243.393.264.407.007.003-.014.067-.046.141a7.4 7.4 0 0 0-.548 1.873c-.062.417-.071.552-.071.991 0 .56.031.832.148 1.279L3.42 24h1.478l-.05-.091c-.297-.552-.325-1.575-.068-2.597.117-.472.25-.819.498-1.296l.148-.29v-.177c0-.165-.003-.184-.057-.293a.9.9 0 0 0-.194-.25 1.74 1.74 0 0 1-.385-.543c-.424-.92-.506-2.286-.208-3.451.124-.486.329-.918.544-1.154a.79.79 0 0 0 .223-.531c0-.195-.07-.355-.224-.522a3.1 3.1 0 0 1-.817-1.729c-.14-.96.114-2.005.69-2.834.563-.814 1.353-1.336 2.237-1.475.199-.033.57-.028.776.01.226.04.367.028.512-.041.179-.085.268-.19.374-.431.093-.215.165-.333.36-.576.234-.29.46-.489.822-.729.413-.27.884-.467 1.352-.561.17-.035.25-.04.569-.04.319 0 .398.005.569.04a4.07 4.07 0 0 1 1.914.997c.117.109.398.457.488.602.034.057.095.177.132.267.105.241.195.346.374.43.14.068.286.082.503.045.343-.058.607-.053.943.016 1.144.23 2.14 1.173 2.581 2.437.385 1.108.276 2.267-.296 3.153-.097.15-.193.27-.333.419-.301.322-.301.722-.001 1.053.493.539.801 1.866.708 3.036-.062.772-.26 1.463-.533 1.854a2 2 0 0 1-.224.258.9.9 0 0 0-.194.25c-.054.109-.057.128-.057.293v.178l.148.29c.248.476.38.823.498 1.295.253 1.008.231 2.01-.059 2.581a.8.8 0 0 0-.044.098c0 .006.329.009.732.009h.73l.02-.074.036-.134c.019-.076.057-.3.088-.516.029-.217.029-1.016 0-1.258-.11-.875-.295-1.57-.597-2.226-.032-.074-.053-.138-.046-.141.008-.005.057-.074.108-.152.376-.569.607-1.284.724-2.228.031-.26.031-1.378 0-1.628-.083-.645-.182-1.082-.348-1.525a6 6 0 0 0-.329-.7l-.038-.064.131-.194c.402-.604.636-1.262.727-2.04a6.6 6.6 0 0 0-.024-1.358 5.5 5.5 0 0 0-.939-2.339 5.3 5.3 0 0 0-.95-1.02 8 8 0 0 1-.186-.152.7.7 0 0 1 .023-.208c.208-1.087.201-2.443-.017-3.503-.19-.924-.535-1.658-.98-2.082-.354-.338-.716-.482-1.15-.455-.996.059-1.8 1.205-2.116 3.01a6.8 6.8 0 0 0-.097.726c0 .036-.007.066-.015.066a1 1 0 0 1-.149-.078A4.9 4.9 0 0 0 12 3.03c-.832 0-1.687.243-2.456.698a1 1 0 0 1-.148.078c-.008 0-.015-.03-.015-.066a6.7 6.7 0 0 0-.097-.725C8.997 1.392 8.337.319 7.46.048a2 2 0 0 0-.585-.041zm.293 1.402c.248.197.523.759.682 1.388.03.113.06.244.069.292.007.047.026.152.041.233.067.365.098.76.102 1.24l.002.475-.12.175-.118.178h-.278c-.324 0-.646.041-.954.124l-.238.06c-.033.007-.038-.003-.057-.144a8.4 8.4 0 0 1 .016-2.323c.124-.788.413-1.501.696-1.711.067-.05.079-.049.157.013zm9.825-.012c.17.126.358.46.498.888.28.854.36 2.028.212 3.145-.019.14-.024.151-.057.144l-.238-.06a3.7 3.7 0 0 0-.954-.124h-.278l-.119-.178-.119-.175.002-.474c.004-.669.066-1.19.214-1.772.157-.623.434-1.185.68-1.382.078-.062.09-.063.159-.012z"
+};
+var ProviderLogo = React.forwardRef(
+  function ProviderLogo2({ preset, size = 20, className, style, ...props }, ref) {
+    const path = ICON_PATHS[preset];
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        "data-as": "provider-logo",
+        "data-preset": preset,
+        "aria-hidden": "true",
+        className: cn(
+          "inline-flex shrink-0 items-center justify-center text-[var(--as-fg)]",
+          className
+        ),
+        style: { width: size, height: size, ...style },
+        ...props,
+        children: path ? /* @__PURE__ */ jsx(
+          "svg",
+          {
+            viewBox: "0 0 24 24",
+            width: size,
+            height: size,
+            fill: "currentColor",
+            focusable: "false",
+            children: /* @__PURE__ */ jsx("path", { d: path })
+          }
+        ) : /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "flex h-full w-full items-center justify-center rounded-full border border-[var(--as-border)] font-semibold text-[var(--as-muted-fg)]",
+            style: { fontSize: Math.max(8, Math.round(size / 2)) },
+            children: preset.charAt(0).toUpperCase()
+          }
+        )
+      }
+    );
+  }
+);
+
+export { ProviderLogo };
+//# sourceMappingURL=chunk-7IP3JP3Z.js.map
+//# sourceMappingURL=chunk-7IP3JP3Z.js.map

package/dist/chunk-7IP3JP3Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/provider-logo/ProviderLogo.tsx"],"names":["ProviderLogo"],"mappings":";;;;AASA,IAAM,UAAA,GAAqC;AAAA,EACzC,MAAA,EACE,8RAAA;AAAA,EACF,UAAA,EACE,4jBAAA;AAAA,EACF,SAAA,EACE,0KAAA;AAAA,EACF,OAAA,EACE,kLAAA;AAAA,EACF,QAAA,EACE,w7DAAA;AAAA,EACF,MAAA,EACE;AACJ,CAAA;AAcO,IAAM,YAAA,GAAqB,KAAA,CAAA,UAAA;AAAA,EAChC,SAASA,aAAAA,CAAa,EAAE,MAAA,EAAQ,IAAA,GAAO,EAAA,EAAI,SAAA,EAAW,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC5E,IAAA,MAAM,IAAA,GAAO,WAAW,MAAM,CAAA;AAC9B,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAQ,eAAA;AAAA,QACR,aAAA,EAAa,MAAA;AAAA,QACb,aAAA,EAAY,MAAA;AAAA,QACZ,SAAA,EAAW,EAAA;AAAA,UACT,sEAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAO,EAAE,KAAA,EAAO,MAAM,MAAA,EAAQ,IAAA,EAAM,GAAG,KAAA,EAAM;AAAA,QAC5C,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,IAAA,mBACC,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,WAAA;AAAA,YACR,KAAA,EAAO,IAAA;AAAA,YACP,MAAA,EAAQ,IAAA;AAAA,YACR,IAAA,EAAK,cAAA;AAAA,YACL,SAAA,EAAU,OAAA;AAAA,YAEV,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,IAAA,EAAM;AAAA;AAAA,SACjB,mBAEA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,sIAAA;AAAA,YACV,KAAA,EAAO,EAAE,QAAA,EAAU,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,IAAA,GAAO,CAAC,CAAC,CAAA,EAAE;AAAA,YAEpD,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,CAAE,WAAA;AAAY;AAAA;AAChC;AAAA,KAEJ;AAAA,EAEJ;AACF","file":"chunk-7IP3JP3Z.js","sourcesContent":["import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\n/**\n * Simple-icons path data keyed by preset key (inline — no runtime\n * dependency). The openai and groq marks were removed upstream by their\n * brands, so those keys (and any unknown key) intentionally fall back to the\n * monogram.\n */\nconst ICON_PATHS: Record<string, string> = {\n  gemini:\n    'M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81',\n  openrouter:\n    'M16.778 1.844v1.919q-.569-.026-1.138-.032-.708-.008-1.415.037c-1.93.126-4.023.728-6.149 2.237-2.911 2.066-2.731 1.95-4.14 2.75-.396.223-1.342.574-2.185.798-.841.225-1.753.333-1.751.333v4.229s.768.108 1.61.333c.842.224 1.789.575 2.185.799 1.41.798 1.228.683 4.14 2.75 2.126 1.509 4.22 2.11 6.148 2.236.88.058 1.716.041 2.555.005v1.918l7.222-4.168-7.222-4.17v2.176c-.86.038-1.611.065-2.278.021-1.364-.09-2.417-.357-3.979-1.465-2.244-1.593-2.866-2.027-3.68-2.508.889-.518 1.449-.906 3.822-2.59 1.56-1.109 2.614-1.377 3.978-1.466.667-.044 1.418-.017 2.278.02v2.176L24 6.014Z',\n  anthropic:\n    'M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z',\n  mistral:\n    'M17.143 3.429v3.428h-3.429v3.429h-3.428V6.857H6.857V3.43H3.43v13.714H0v3.428h10.286v-3.428H6.857v-3.429h3.429v3.429h3.429v-3.429h3.428v3.429h-3.428v3.428H24v-3.428h-3.43V3.429z',\n  deepseek:\n    'M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45',\n  ollama:\n    'M16.361 10.26a.894.894 0 0 0-.558.47l-.072.148.001.207c0 .193.004.217.059.353.076.193.152.312.291.448.24.238.51.3.872.205a.86.86 0 0 0 .517-.436.752.752 0 0 0 .08-.498c-.064-.453-.33-.782-.724-.897a1.06 1.06 0 0 0-.466 0zm-9.203.005c-.305.096-.533.32-.65.639a1.187 1.187 0 0 0-.06.52c.057.309.31.59.598.667.362.095.632.033.872-.205.14-.136.215-.255.291-.448.055-.136.059-.16.059-.353l.001-.207-.072-.148a.894.894 0 0 0-.565-.472 1.02 1.02 0 0 0-.474.007zm4.184 2c-.131.071-.223.25-.195.383.031.143.157.288.353.407.105.063.112.072.117.136.004.038-.01.146-.029.243-.02.094-.036.194-.036.222.002.074.07.195.143.253.064.052.076.054.255.059.164.005.198.001.264-.03.169-.082.212-.234.15-.525-.052-.243-.042-.28.087-.355.137-.08.281-.219.324-.314a.365.365 0 0 0-.175-.48.394.394 0 0 0-.181-.033c-.126 0-.207.03-.355.124l-.085.053-.053-.032c-.219-.13-.259-.145-.391-.143a.396.396 0 0 0-.193.032zm.39-2.195c-.373.036-.475.05-.654.086-.291.06-.68.195-.951.328-.94.46-1.589 1.226-1.787 2.114-.04.176-.045.234-.045.53 0 .294.005.357.043.524.264 1.16 1.332 2.017 2.714 2.173.3.033 1.596.033 1.896 0 1.11-.125 2.064-.727 2.493-1.571.114-.226.169-.372.22-.602.039-.167.044-.23.044-.523 0-.297-.005-.355-.045-.531-.288-1.29-1.539-2.304-3.072-2.497a6.9 6.9 0 0 0-.855-.031zm.645.937a3.3 3.3 0 0 1 1.44.514c.223.148.537.458.671.662.166.251.26.508.303.82.02.143.01.251-.043.482-.08.345-.332.705-.672.957a3.1 3.1 0 0 1-.689.348c-.382.122-.632.144-1.525.138-.582-.006-.686-.01-.853-.042-.57-.107-1.022-.334-1.35-.68-.264-.28-.385-.535-.45-.946-.03-.192.025-.509.137-.776.136-.326.488-.73.836-.963.403-.269.934-.46 1.422-.512.187-.02.586-.02.773-.002zm-5.503-11a1.65 1.65 0 0 0-.683.298C5.617.74 5.173 1.666 4.985 2.819c-.07.436-.119 1.04-.119 1.503 0 .544.064 1.24.155 1.721.02.107.031.202.023.208a8 8 0 0 1-.187.152 5.3 5.3 0 0 0-.949 1.02 5.5 5.5 0 0 0-.94 2.339 6.6 6.6 0 0 0-.023 1.357c.091.78.325 1.438.727 2.04l.13.195-.037.064c-.269.452-.498 1.105-.605 1.732-.084.496-.095.629-.095 1.294 0 .67.009.803.088 1.266.095.555.288 1.143.503 1.534.071.128.243.393.264.407.007.003-.014.067-.046.141a7.4 7.4 0 0 0-.548 1.873c-.062.417-.071.552-.071.991 0 .56.031.832.148 1.279L3.42 24h1.478l-.05-.091c-.297-.552-.325-1.575-.068-2.597.117-.472.25-.819.498-1.296l.148-.29v-.177c0-.165-.003-.184-.057-.293a.9.9 0 0 0-.194-.25 1.74 1.74 0 0 1-.385-.543c-.424-.92-.506-2.286-.208-3.451.124-.486.329-.918.544-1.154a.79.79 0 0 0 .223-.531c0-.195-.07-.355-.224-.522a3.1 3.1 0 0 1-.817-1.729c-.14-.96.114-2.005.69-2.834.563-.814 1.353-1.336 2.237-1.475.199-.033.57-.028.776.01.226.04.367.028.512-.041.179-.085.268-.19.374-.431.093-.215.165-.333.36-.576.234-.29.46-.489.822-.729.413-.27.884-.467 1.352-.561.17-.035.25-.04.569-.04.319 0 .398.005.569.04a4.07 4.07 0 0 1 1.914.997c.117.109.398.457.488.602.034.057.095.177.132.267.105.241.195.346.374.43.14.068.286.082.503.045.343-.058.607-.053.943.016 1.144.23 2.14 1.173 2.581 2.437.385 1.108.276 2.267-.296 3.153-.097.15-.193.27-.333.419-.301.322-.301.722-.001 1.053.493.539.801 1.866.708 3.036-.062.772-.26 1.463-.533 1.854a2 2 0 0 1-.224.258.9.9 0 0 0-.194.25c-.054.109-.057.128-.057.293v.178l.148.29c.248.476.38.823.498 1.295.253 1.008.231 2.01-.059 2.581a.8.8 0 0 0-.044.098c0 .006.329.009.732.009h.73l.02-.074.036-.134c.019-.076.057-.3.088-.516.029-.217.029-1.016 0-1.258-.11-.875-.295-1.57-.597-2.226-.032-.074-.053-.138-.046-.141.008-.005.057-.074.108-.152.376-.569.607-1.284.724-2.228.031-.26.031-1.378 0-1.628-.083-.645-.182-1.082-.348-1.525a6 6 0 0 0-.329-.7l-.038-.064.131-.194c.402-.604.636-1.262.727-2.04a6.6 6.6 0 0 0-.024-1.358 5.5 5.5 0 0 0-.939-2.339 5.3 5.3 0 0 0-.95-1.02 8 8 0 0 1-.186-.152.7.7 0 0 1 .023-.208c.208-1.087.201-2.443-.017-3.503-.19-.924-.535-1.658-.98-2.082-.354-.338-.716-.482-1.15-.455-.996.059-1.8 1.205-2.116 3.01a6.8 6.8 0 0 0-.097.726c0 .036-.007.066-.015.066a1 1 0 0 1-.149-.078A4.9 4.9 0 0 0 12 3.03c-.832 0-1.687.243-2.456.698a1 1 0 0 1-.148.078c-.008 0-.015-.03-.015-.066a6.7 6.7 0 0 0-.097-.725C8.997 1.392 8.337.319 7.46.048a2 2 0 0 0-.585-.041zm.293 1.402c.248.197.523.759.682 1.388.03.113.06.244.069.292.007.047.026.152.041.233.067.365.098.76.102 1.24l.002.475-.12.175-.118.178h-.278c-.324 0-.646.041-.954.124l-.238.06c-.033.007-.038-.003-.057-.144a8.4 8.4 0 0 1 .016-2.323c.124-.788.413-1.501.696-1.711.067-.05.079-.049.157.013zm9.825-.012c.17.126.358.46.498.888.28.854.36 2.028.212 3.145-.019.14-.024.151-.057.144l-.238-.06a3.7 3.7 0 0 0-.954-.124h-.278l-.119-.178-.119-.175.002-.474c.004-.669.066-1.19.214-1.772.157-.623.434-1.185.68-1.382.078-.062.09-.063.159-.012z',\n}\n\nexport interface ProviderLogoProps extends React.ComponentProps<'span'> {\n  /** Preset key (`'openai'`, `'gemini'`, …) — unknown/unshipped marks fall\n   * back to a monogram of the key's first letter. */\n  preset: string\n  /** Square icon size in px. */\n  size?: number\n}\n\n/** Provider mark for setup tiles and rows: simple-icons path data keyed by\n * preset key, monogram fallback (openai/groq marks are gone upstream),\n * `currentColor` so it inherits app identity. Decorative by default\n * (`aria-hidden`) — name the tile/button it lives in. */\nexport const ProviderLogo = React.forwardRef<HTMLSpanElement, ProviderLogoProps>(\n  function ProviderLogo({ preset, size = 20, className, style, ...props }, ref) {\n    const path = ICON_PATHS[preset]\n    return (\n      <span\n        ref={ref}\n        data-as=\"provider-logo\"\n        data-preset={preset}\n        aria-hidden=\"true\"\n        className={cn(\n          'inline-flex shrink-0 items-center justify-center text-[var(--as-fg)]',\n          className,\n        )}\n        style={{ width: size, height: size, ...style }}\n        {...props}\n      >\n        {path ? (\n          <svg\n            viewBox=\"0 0 24 24\"\n            width={size}\n            height={size}\n            fill=\"currentColor\"\n            focusable=\"false\"\n          >\n            <path d={path} />\n          </svg>\n        ) : (\n          <span\n            className=\"flex h-full w-full items-center justify-center rounded-full border border-[var(--as-border)] font-semibold text-[var(--as-muted-fg)]\"\n            style={{ fontSize: Math.max(8, Math.round(size / 2)) }}\n          >\n            {preset.charAt(0).toUpperCase()}\n          </span>\n        )}\n      </span>\n    )\n  },\n)\n"]}

package/dist/chunk-FQXVZVA5.js

@@ -0,0 +1,68 @@
+import { cn } from './chunk-RVVXVTH3.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SwitchRow = React.forwardRef(
+  function SwitchRow2({
+    label,
+    checked,
+    onCheckedChange,
+    currentValue,
+    disabled = false,
+    className,
+    onClick,
+    ...props
+  }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        disabled,
+        "data-as": "switch-row",
+        "data-state": checked ? "checked" : "unchecked",
+        onClick: (event) => {
+          onClick?.(event);
+          if (event.defaultPrevented) return;
+          onCheckedChange(!checked);
+        },
+        className: cn(
+          "flex w-full cursor-pointer items-center justify-between gap-3 rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] px-3 py-2 text-left text-sm text-[var(--as-fg)] transition-colors hover:bg-[var(--as-muted)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)] disabled:pointer-events-none disabled:opacity-50",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: label }),
+            currentValue != null && currentValue !== "" ? /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-[var(--as-muted-fg)]", children: currentValue }) : null
+          ] }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "relative h-5 w-9 shrink-0 rounded-full transition-colors duration-150",
+                checked ? "bg-[var(--as-primary)]" : "bg-[var(--as-border)]"
+              ),
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "absolute top-0.5 h-4 w-4 rounded-full bg-[var(--as-surface-raised)] shadow transition-all duration-150",
+                    checked ? "left-[1.125rem]" : "left-0.5"
+                  )
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+
+export { SwitchRow };
+//# sourceMappingURL=chunk-FQXVZVA5.js.map
+//# sourceMappingURL=chunk-FQXVZVA5.js.map

package/dist/chunk-FQXVZVA5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/switch-row/SwitchRow.tsx"],"names":["SwitchRow"],"mappings":";;;;AAmBO,IAAM,SAAA,GAAkB,KAAA,CAAA,UAAA;AAAA,EAC7B,SAASA,UAAAA,CACP;AAAA,IACE,KAAA;AAAA,IACA,OAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,cAAA,EAAc,OAAA;AAAA,QACd,QAAA;AAAA,QACA,SAAA,EAAQ,YAAA;AAAA,QACR,YAAA,EAAY,UAAU,SAAA,GAAY,WAAA;AAAA,QAClC,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,UAAA,OAAA,GAAU,KAAK,CAAA;AACf,UAAA,IAAI,MAAM,gBAAA,EAAkB;AAC5B,UAAA,eAAA,CAAgB,CAAC,OAAO,CAAA;AAAA,QAC1B,CAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,oYAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+BAAA,EACd,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EAAwB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,YAC7C,YAAA,IAAgB,QAAQ,YAAA,KAAiB,EAAA,uBACvC,MAAA,EAAA,EAAK,SAAA,EAAU,4CAAA,EACb,QAAA,EAAA,YAAA,EACH,CAAA,GACE;AAAA,WAAA,EACN,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,aAAA,EAAY,MAAA;AAAA,cACZ,SAAA,EAAW,EAAA;AAAA,gBACT,uEAAA;AAAA,gBACA,UAAU,wBAAA,GAA2B;AAAA,eACvC;AAAA,cAEA,QAAA,kBAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,wGAAA;AAAA,oBACA,UAAU,iBAAA,GAAoB;AAAA;AAChC;AAAA;AACF;AAAA;AACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF","file":"chunk-FQXVZVA5.js","sourcesContent":["import * as React from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface SwitchRowProps\n  extends Omit<React.ComponentProps<'button'>, 'onChange'> {\n  /** Visible row label — doubles as the switch's accessible name. */\n  label: React.ReactNode\n  /** Controlled on/off state. */\n  checked: boolean\n  /** Controlled toggle. */\n  onCheckedChange: (checked: boolean) => void\n  /** Sub-line under the label — apps pass the current value (\"now: gpt-5\"). */\n  currentValue?: React.ReactNode\n  disabled?: boolean\n}\n\n/** Labeled `role=\"switch\"` row with an animated knob — the standalone\n * settings toggle the family's setup surfaces (desktop/study/health)\n * previously hand-rolled. */\nexport const SwitchRow = React.forwardRef<HTMLButtonElement, SwitchRowProps>(\n  function SwitchRow(\n    {\n      label,\n      checked,\n      onCheckedChange,\n      currentValue,\n      disabled = false,\n      className,\n      onClick,\n      ...props\n    },\n    ref,\n  ) {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={checked}\n        disabled={disabled}\n        data-as=\"switch-row\"\n        data-state={checked ? 'checked' : 'unchecked'}\n        onClick={(event) => {\n          onClick?.(event)\n          if (event.defaultPrevented) return\n          onCheckedChange(!checked)\n        }}\n        className={cn(\n          'flex w-full cursor-pointer items-center justify-between gap-3 rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] px-3 py-2 text-left text-sm text-[var(--as-fg)] transition-colors hover:bg-[var(--as-muted)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)] disabled:pointer-events-none disabled:opacity-50',\n          className,\n        )}\n        {...props}\n      >\n        <span className=\"flex min-w-0 flex-col gap-0.5\">\n          <span className=\"truncate font-medium\">{label}</span>\n          {currentValue != null && currentValue !== '' ? (\n            <span className=\"truncate text-xs text-[var(--as-muted-fg)]\">\n              {currentValue}\n            </span>\n          ) : null}\n        </span>\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            'relative h-5 w-9 shrink-0 rounded-full transition-colors duration-150',\n            checked ? 'bg-[var(--as-primary)]' : 'bg-[var(--as-border)]',\n          )}\n        >\n          <span\n            className={cn(\n              'absolute top-0.5 h-4 w-4 rounded-full bg-[var(--as-surface-raised)] shadow transition-all duration-150',\n              checked ? 'left-[1.125rem]' : 'left-0.5',\n            )}\n          />\n        </span>\n      </button>\n    )\n  },\n)\n"]}