@usetheo/ui 0.12.0 → 0.13.1

package/dist/chunk-4EH6F54D.js

@@ -0,0 +1,69 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var INTENT_FILL = {
+  default: "bg-primary",
+  success: "bg-success",
+  warning: "bg-warning",
+  destructive: "bg-destructive"
+};
+var Progress = forwardRef(
+  ({
+    className,
+    value = 0,
+    max = 100,
+    intent = "default",
+    height = "h-1",
+    indeterminate = false,
+    ...props
+  }, ref) => {
+    const clampedMax = Math.max(0, max);
+    const clampedValue = Math.min(clampedMax, Math.max(0, value));
+    const percent = clampedMax > 0 ? clampedValue / clampedMax * 100 : 0;
+    const fillClass = INTENT_FILL[intent];
+    return (
+      // biome-ignore lint/a11y/useFocusableInteractive: WAI-ARIA `progressbar` is a status role (https://www.w3.org/TR/wai-aria-1.2/#progressbar) — NOT supposed to be focusable; screen readers announce updates without keyboard navigation.
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "progress",
+          ref,
+          role: "progressbar",
+          "aria-valuemin": 0,
+          "aria-valuemax": clampedMax,
+          "aria-valuenow": indeterminate ? void 0 : clampedValue,
+          "aria-busy": indeterminate ? true : void 0,
+          className: cn("relative w-full overflow-hidden rounded-full bg-muted", height, className),
+          ...props,
+          children: indeterminate ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "absolute inset-y-0 left-0 w-1/3 rounded-full",
+                "animate-[progress-indeterminate_1.4s_ease-in-out_infinite] motion-reduce:animate-none",
+                "motion-reduce:w-full motion-reduce:opacity-50",
+                fillClass
+              )
+            }
+          ) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "h-full rounded-full transition-[width] duration-base ease-out-soft",
+                "motion-reduce:transition-none",
+                fillClass
+              ),
+              style: { width: `${percent}%` }
+            }
+          )
+        }
+      )
+    );
+  }
+);
+Progress.displayName = "Progress";
+
+export { Progress };
+//# sourceMappingURL=chunk-4EH6F54D.js.map
+//# sourceMappingURL=chunk-4EH6F54D.js.map

package/dist/chunk-4EH6F54D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/progress/progress.tsx"],"names":[],"mappings":";;;;AA+CA,IAAM,WAAA,GAAoE;AAAA,EACxE,OAAA,EAAS,YAAA;AAAA,EACT,OAAA,EAAS,YAAA;AAAA,EACT,OAAA,EAAS,YAAA;AAAA,EACT,WAAA,EAAa;AACf,CAAA;AAEA,IAAM,QAAA,GAAW,UAAA;AAAA,EACf,CACE;AAAA,IACE,SAAA;AAAA,IACA,KAAA,GAAQ,CAAA;AAAA,IACR,GAAA,GAAM,GAAA;AAAA,IACN,MAAA,GAAS,SAAA;AAAA,IACT,MAAA,GAAS,KAAA;AAAA,IACT,aAAA,GAAgB,KAAA;AAAA,IAChB,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,GAAG,CAAA;AAClC,IAAA,MAAM,YAAA,GAAe,KAAK,GAAA,CAAI,UAAA,EAAY,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,CAAC,CAAA;AAC5D,IAAA,MAAM,OAAA,GAAU,UAAA,GAAa,CAAA,GAAK,YAAA,GAAe,aAAc,GAAA,GAAM,CAAA;AACrE,IAAA,MAAM,SAAA,GAAY,YAAY,MAAM,CAAA;AAEpC,IAAA;AAAA;AAAA,sBAEE,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,WAAA,EAAU,UAAA;AAAA,UACV,GAAA;AAAA,UACA,IAAA,EAAK,aAAA;AAAA,UACL,eAAA,EAAe,CAAA;AAAA,UACf,eAAA,EAAe,UAAA;AAAA,UACf,eAAA,EAAe,gBAAgB,MAAA,GAAY,YAAA;AAAA,UAC3C,WAAA,EAAW,gBAAgB,IAAA,GAAO,MAAA;AAAA,UAClC,SAAA,EAAW,EAAA,CAAG,uDAAA,EAAyD,MAAA,EAAQ,SAAS,CAAA;AAAA,UACvF,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA,aAAA,mBACC,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,8CAAA;AAAA,gBACA,uFAAA;AAAA,gBACA,+CAAA;AAAA,gBACA;AAAA;AACF;AAAA,WACF,mBAEA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,oEAAA;AAAA,gBACA,+BAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA;AAAI;AAAA;AAChC;AAAA;AAEJ;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-4EH6F54D.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Progress — accessible progress bar primitive.\n *\n * Built on `<div role=\"progressbar\">` (NOT native `<progress>`) so Tailwind\n * classes can style the track + fill cross-browser (Chrome/Safari/Firefox\n * shadow-DOM hooks for `<progress>` diverge). Matches Radix / shadcn /\n * Mantine convention.\n *\n * Variants:\n *   - intent: `default` | `success` | `warning` | `destructive` — controls fill color\n *   - height: `h-1` (4px, default) | `h-1.5` | `h-2` | `h-3`\n *   - indeterminate: animated bar, no value (e.g. \"uploading…\", \"building…\")\n *\n * Composition:\n *   <Progress value={42} max={100} intent=\"success\" aria-label=\"Upload\" />\n *   <Progress indeterminate aria-label=\"Building\" />\n *\n * A11y:\n *   - role=\"progressbar\"\n *   - aria-valuenow / aria-valuemin / aria-valuemax (determinate)\n *   - aria-busy=\"true\" when indeterminate\n *   - Respects `prefers-reduced-motion` (no animation when set)\n *\n * Used by `<UsageMeter>` to render each metric's fill bar, but ships as a\n * standalone primitive for direct consumer use (deploy phase, file upload,\n * build progress, quota fill).\n */\n\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, \"role\"> {\n  /** Current value (0..max). Values outside the range are clamped. */\n  value?: number;\n  /** Maximum value. Defaults to 100. */\n  max?: number;\n  /** Visual intent — controls fill color. */\n  intent?: \"default\" | \"success\" | \"warning\" | \"destructive\";\n  /** Bar height in tailwind units. Defaults to `\"h-1\"` (4px). */\n  height?: \"h-1\" | \"h-1.5\" | \"h-2\" | \"h-3\";\n  /** When true, animated bar with no value. Omits `aria-valuenow`, adds `aria-busy`. */\n  indeterminate?: boolean;\n  /** Accessible label. Required if not preceded by an `aria-labelledby` element. */\n  \"aria-label\"?: string;\n}\n\nconst INTENT_FILL: Record<NonNullable<ProgressProps[\"intent\"]>, string> = {\n  default: \"bg-primary\",\n  success: \"bg-success\",\n  warning: \"bg-warning\",\n  destructive: \"bg-destructive\",\n};\n\nconst Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      className,\n      value = 0,\n      max = 100,\n      intent = \"default\",\n      height = \"h-1\",\n      indeterminate = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const clampedMax = Math.max(0, max);\n    const clampedValue = Math.min(clampedMax, Math.max(0, value));\n    const percent = clampedMax > 0 ? (clampedValue / clampedMax) * 100 : 0;\n    const fillClass = INTENT_FILL[intent];\n\n    return (\n      // biome-ignore lint/a11y/useFocusableInteractive: WAI-ARIA `progressbar` is a status role (https://www.w3.org/TR/wai-aria-1.2/#progressbar) — NOT supposed to be focusable; screen readers announce updates without keyboard navigation.\n      <div\n        data-slot=\"progress\"\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuemin={0}\n        aria-valuemax={clampedMax}\n        aria-valuenow={indeterminate ? undefined : clampedValue}\n        aria-busy={indeterminate ? true : undefined}\n        className={cn(\"relative w-full overflow-hidden rounded-full bg-muted\", height, className)}\n        {...props}\n      >\n        {indeterminate ? (\n          <div\n            className={cn(\n              \"absolute inset-y-0 left-0 w-1/3 rounded-full\",\n              \"animate-[progress-indeterminate_1.4s_ease-in-out_infinite] motion-reduce:animate-none\",\n              \"motion-reduce:w-full motion-reduce:opacity-50\",\n              fillClass,\n            )}\n          />\n        ) : (\n          <div\n            className={cn(\n              \"h-full rounded-full transition-[width] duration-base ease-out-soft\",\n              \"motion-reduce:transition-none\",\n              fillClass,\n            )}\n            style={{ width: `${percent}%` }}\n          />\n        )}\n      </div>\n    );\n  },\n);\nProgress.displayName = \"Progress\";\n\nexport { Progress };\n"]}

package/dist/chunk-4EKF4EIE.js

@@ -0,0 +1,140 @@
+// src/lib/sdk-tools-adapters/sdk-tools-adapters.ts
+function parseResult(result) {
+  let obj = result;
+  if (typeof result === "string") {
+    try {
+      obj = JSON.parse(result);
+    } catch {
+      return void 0;
+    }
+  }
+  if (typeof obj !== "object" || obj === null) return void 0;
+  const rec = obj;
+  return rec.ok === true ? rec : void 0;
+}
+function basename(path) {
+  const trimmed = path.replace(/\/+$/, "");
+  const slash = trimmed.lastIndexOf("/");
+  return slash >= 0 ? trimmed.slice(slash + 1) : trimmed;
+}
+function extension(path) {
+  const name = basename(path);
+  const dot = name.lastIndexOf(".");
+  return dot > 0 ? name.slice(dot + 1) : void 0;
+}
+var HUNK_HEADER = /^@@ -(\d+)(?:,\d+)? \+(\d+)(?:,\d+)? @@/;
+var GIT_HEADER_PATH = /^diff --git a\/(.+?) b\//;
+var PLUS_PATH = /^\+\+\+ b\/(.+)$/;
+function parseUnifiedDiff(diff, path) {
+  const lines = diff.split(/\r?\n/);
+  const hunks = [];
+  let derivedPath = path;
+  let added = 0;
+  let removed = 0;
+  let current;
+  let oldNo = 0;
+  let newNo = 0;
+  for (const line of lines) {
+    if (line.startsWith("diff --git ")) {
+      if (hunks.length > 0) break;
+      current = void 0;
+      const g = GIT_HEADER_PATH.exec(line);
+      if (g?.[1] && derivedPath === void 0) derivedPath = g[1];
+      continue;
+    }
+    const header = HUNK_HEADER.exec(line);
+    if (header) {
+      oldNo = Number(header[1]);
+      newNo = Number(header[2]);
+      current = { id: `hunk-${hunks.length}`, header: line, lines: [] };
+      hunks.push(current);
+      continue;
+    }
+    if (!current) {
+      if (derivedPath === void 0) {
+        const g = PLUS_PATH.exec(line);
+        if (g?.[1]) derivedPath = g[1];
+      }
+      continue;
+    }
+    const kind = lineKind(line);
+    if (kind === void 0) continue;
+    const content = line.slice(1);
+    const entry = { kind, content };
+    if (kind === "added") {
+      entry.newNumber = newNo++;
+      added++;
+    } else if (kind === "removed") {
+      entry.oldNumber = oldNo++;
+      removed++;
+    } else {
+      entry.oldNumber = oldNo++;
+      entry.newNumber = newNo++;
+    }
+    current.lines.push(entry);
+  }
+  return { path: derivedPath ?? "", stats: { added, removed }, hunks };
+}
+function lineKind(line) {
+  if (line.startsWith("+")) return "added";
+  if (line.startsWith("-")) return "removed";
+  if (line.startsWith(" ")) return "unchanged";
+  return void 0;
+}
+function adaptReadFileResult(result, path) {
+  const r = parseResult(result);
+  if (r === void 0 || typeof r.content !== "string") return null;
+  return { code: r.content, language: path ? extension(path) : void 0 };
+}
+function adaptShellResult(result) {
+  const r = parseResult(result);
+  if (r === void 0) return null;
+  const lines = [];
+  const push = (text, kind) => {
+    if (text.length === 0) return;
+    for (const [i, content] of text.split(/\r?\n/).entries()) {
+      lines.push({ id: `${kind}-${i}`, kind, content });
+    }
+  };
+  if (typeof r.stdout === "string") push(r.stdout, "stdout");
+  if (typeof r.stderr === "string") push(r.stderr, "stderr");
+  const exit = typeof r.exit_code === "number" ? r.exit_code : 0;
+  lines.push({
+    id: "exit",
+    kind: exit === 0 ? "ok" : "stderr",
+    content: `exit ${exit}`
+  });
+  return lines;
+}
+function adaptListDirResult(result) {
+  const r = parseResult(result);
+  if (r === void 0 || !Array.isArray(r.entries)) return null;
+  const rows = r.entries.filter(
+    (e) => typeof e === "object" && e !== null
+  );
+  const keys = /* @__PURE__ */ new Set();
+  for (const row of rows) {
+    for (const key of Object.keys(row)) keys.add(key);
+  }
+  if (keys.size === 0) {
+    keys.add("name");
+    keys.add("type");
+  }
+  return { columns: [...keys].map((key) => ({ key, label: key })), rows };
+}
+function adaptApplyPatchResult(result) {
+  const r = parseResult(result);
+  if (r === void 0 || !Array.isArray(r.files_patched)) return null;
+  const files = r.files_patched.filter((p) => typeof p === "string").map((p) => ({ id: p, name: basename(p) }));
+  return { files };
+}
+function adaptGitDiffResult(result, path) {
+  const r = parseResult(result);
+  if (r === void 0 || typeof r.diff !== "string") return null;
+  const parsed = parseUnifiedDiff(r.diff, path);
+  return parsed.hunks.length > 0 ? parsed : null;
+}
+
+export { adaptApplyPatchResult, adaptGitDiffResult, adaptListDirResult, adaptReadFileResult, adaptShellResult, parseResult, parseUnifiedDiff };
+//# sourceMappingURL=chunk-4EKF4EIE.js.map
+//# sourceMappingURL=chunk-4EKF4EIE.js.map

package/dist/chunk-4EKF4EIE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/sdk-tools-adapters/sdk-tools-adapters.ts"],"names":[],"mappings":"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","file":"chunk-4EKF4EIE.js","sourcesContent":["import type { CreatedFile } from \"../../components/primitives/created-files-card/index.js\";\n/**\n * `@theokit/ui/sdk-tools-adapters` (M5-4) — pure converters from\n * `@theokit/sdk-tools` tool results into theo-ui rich-primitive props.\n *\n * Each adapter takes a tool's result (a JSON STRING or an already-parsed object\n * of shape `{ ok: true, ... }`) and returns the matching primitive's props, or\n * `null` when the result is an error / wrong shape / unparseable — so the caller\n * keeps the `<ToolCallPart>` fallback (ADR D1). The adapters are PURE and import\n * NOTHING from `@theokit/sdk-tools` at runtime (ADR D2) — consumers of this\n * subpath gain zero new runtime dependency. The contract test (dev-only) imports\n * the real factories to guard against result-shape drift.\n */\nimport type { DiffHunk, DiffLine } from \"../../components/primitives/diff-viewer/index.js\";\nimport type { TerminalLine } from \"../../components/primitives/terminal-panel/index.js\";\n\n/* ─── result narrowing ───────────────────────────────────────────────── */\n\n/**\n * Narrow a tool result (string or object) to its `{ ok: true, ... }` payload.\n * Returns `undefined` for `{ ok: false }`, non-`ok` objects, non-JSON strings,\n * or non-objects. Never throws.\n */\nexport function parseResult(result: unknown): Record<string, unknown> | undefined {\n  let obj: unknown = result;\n  if (typeof result === \"string\") {\n    try {\n      obj = JSON.parse(result);\n    } catch {\n      return undefined;\n    }\n  }\n  if (typeof obj !== \"object\" || obj === null) return undefined;\n  const rec = obj as Record<string, unknown>;\n  return rec.ok === true ? rec : undefined;\n}\n\nfunction basename(path: string): string {\n  const trimmed = path.replace(/\\/+$/, \"\");\n  const slash = trimmed.lastIndexOf(\"/\");\n  return slash >= 0 ? trimmed.slice(slash + 1) : trimmed;\n}\n\nfunction extension(path: string): string | undefined {\n  const name = basename(path);\n  const dot = name.lastIndexOf(\".\");\n  return dot > 0 ? name.slice(dot + 1) : undefined;\n}\n\n/* ─── unified-diff parser (ADR D3) ───────────────────────────────────── */\n\nconst HUNK_HEADER = /^@@ -(\\d+)(?:,\\d+)? \\+(\\d+)(?:,\\d+)? @@/;\nconst GIT_HEADER_PATH = /^diff --git a\\/(.+?) b\\//;\nconst PLUS_PATH = /^\\+\\+\\+ b\\/(.+)$/;\n\nexport interface ParsedDiff {\n  path: string;\n  stats: { added: number; removed: number };\n  hunks: DiffHunk[];\n}\n\n/**\n * Parse a unified-diff string (as produced by `git diff`) into the bespoke\n * `DiffHunk[]` shape `<DiffViewer>` consumes. Single-file scope: the common\n * format git_diff emits. Returns zero hunks when the input has no hunk headers\n * (the caller then degrades to `<ToolCallPart>`).\n */\nexport function parseUnifiedDiff(diff: string, path?: string): ParsedDiff {\n  const lines = diff.split(/\\r?\\n/);\n  const hunks: DiffHunk[] = [];\n  let derivedPath = path;\n  let added = 0;\n  let removed = 0;\n  let current: DiffHunk | undefined;\n  let oldNo = 0;\n  let newNo = 0;\n\n  for (const line of lines) {\n    // A new `diff --git` header starts a new file. `<DiffViewer>` renders a\n    // single file, so we parse the FIRST file only and stop at the second\n    // (rather than conflating multiple files' hunks under one path). The header\n    // also closes the current hunk so the file preamble (`index`/`---`/`+++`)\n    // that follows is never mis-read as content.\n    if (line.startsWith(\"diff --git \")) {\n      if (hunks.length > 0) break;\n      current = undefined;\n      const g = GIT_HEADER_PATH.exec(line);\n      if (g?.[1] && derivedPath === undefined) derivedPath = g[1];\n      continue;\n    }\n    const header = HUNK_HEADER.exec(line);\n    if (header) {\n      oldNo = Number(header[1]);\n      newNo = Number(header[2]);\n      current = { id: `hunk-${hunks.length}`, header: line, lines: [] };\n      hunks.push(current);\n      continue;\n    }\n    if (!current) {\n      // Pre-hunk preamble (`index`/`--- a/`/`+++ b/`): never content. Derive the\n      // path from `+++ b/<path>` when the git header was absent or path-less.\n      if (derivedPath === undefined) {\n        const g = PLUS_PATH.exec(line);\n        if (g?.[1]) derivedPath = g[1];\n      }\n      continue;\n    }\n    const kind = lineKind(line);\n    if (kind === undefined) continue; // \"\\", etc.\n    const content = line.slice(1);\n    const entry: DiffLine = { kind, content };\n    if (kind === \"added\") {\n      entry.newNumber = newNo++;\n      added++;\n    } else if (kind === \"removed\") {\n      entry.oldNumber = oldNo++;\n      removed++;\n    } else {\n      entry.oldNumber = oldNo++;\n      entry.newNumber = newNo++;\n    }\n    current.lines.push(entry);\n  }\n\n  return { path: derivedPath ?? \"\", stats: { added, removed }, hunks };\n}\n\nfunction lineKind(line: string): \"added\" | \"removed\" | \"unchanged\" | undefined {\n  if (line.startsWith(\"+\")) return \"added\";\n  if (line.startsWith(\"-\")) return \"removed\";\n  if (line.startsWith(\" \")) return \"unchanged\";\n  return undefined;\n}\n\n/* ─── adapters ───────────────────────────────────────────────────────── */\n\nexport interface CodeBlockAdapterProps {\n  code: string;\n  language: string | undefined;\n}\n\n/** `read_file` `{ok,content}` → `<CodeBlock>` props. */\nexport function adaptReadFileResult(result: unknown, path?: string): CodeBlockAdapterProps | null {\n  const r = parseResult(result);\n  if (r === undefined || typeof r.content !== \"string\") return null;\n  return { code: r.content, language: path ? extension(path) : undefined };\n}\n\n/** `shell_exec` `{ok,stdout,stderr,exit_code}` → `<TerminalPanel>` lines. */\nexport function adaptShellResult(result: unknown): TerminalLine[] | null {\n  const r = parseResult(result);\n  if (r === undefined) return null;\n  const lines: TerminalLine[] = [];\n  const push = (text: string, kind: TerminalLine[\"kind\"]) => {\n    if (text.length === 0) return;\n    for (const [i, content] of text.split(/\\r?\\n/).entries()) {\n      lines.push({ id: `${kind}-${i}`, kind, content });\n    }\n  };\n  if (typeof r.stdout === \"string\") push(r.stdout, \"stdout\");\n  if (typeof r.stderr === \"string\") push(r.stderr, \"stderr\");\n  const exit = typeof r.exit_code === \"number\" ? r.exit_code : 0;\n  lines.push({\n    id: \"exit\",\n    kind: exit === 0 ? \"ok\" : \"stderr\",\n    content: `exit ${exit}`,\n  });\n  return lines;\n}\n\nexport interface DataTableAdapterProps {\n  columns: Array<{ key: string; label: string }>;\n  rows: Array<Record<string, unknown>>;\n}\n\n/** `list_dir` `{ok,entries}` → `<DataTable>` columns + rows. */\nexport function adaptListDirResult(result: unknown): DataTableAdapterProps | null {\n  const r = parseResult(result);\n  if (r === undefined || !Array.isArray(r.entries)) return null;\n  const rows = r.entries.filter(\n    (e): e is Record<string, unknown> => typeof e === \"object\" && e !== null,\n  );\n  // Union keys across ALL rows so heterogeneous entries (e.g. files with `size`,\n  // dirs without) never drop a column present only in a later row.\n  const keys = new Set<string>();\n  for (const row of rows) {\n    for (const key of Object.keys(row)) keys.add(key);\n  }\n  if (keys.size === 0) {\n    keys.add(\"name\");\n    keys.add(\"type\");\n  }\n  return { columns: [...keys].map((key) => ({ key, label: key })), rows };\n}\n\nexport interface CreatedFilesAdapterProps {\n  files: CreatedFile[];\n}\n\n/** `apply_patch` `{ok,files_patched}` → `<CreatedFilesCard>` files. */\nexport function adaptApplyPatchResult(result: unknown): CreatedFilesAdapterProps | null {\n  const r = parseResult(result);\n  if (r === undefined || !Array.isArray(r.files_patched)) return null;\n  const files = r.files_patched\n    .filter((p): p is string => typeof p === \"string\")\n    .map((p) => ({ id: p, name: basename(p) }));\n  return { files };\n}\n\n/** `git_diff` `{ok,diff}` → `<DiffViewer>` props, or `null` when no hunks. */\nexport function adaptGitDiffResult(result: unknown, path?: string): ParsedDiff | null {\n  const r = parseResult(result);\n  if (r === undefined || typeof r.diff !== \"string\") return null;\n  const parsed = parseUnifiedDiff(r.diff, path);\n  return parsed.hunks.length > 0 ? parsed : null;\n}\n"]}

package/dist/chunk-4SMYNLTA.js

@@ -0,0 +1,83 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Settings2, Eye, Lock } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ENABLEMENT_LABEL = {
+  enabled: "Allowed",
+  ask: "Ask before use",
+  denied: "Denied"
+};
+var ENABLEMENT_CLASS = {
+  enabled: "bg-success/15 text-success border-success/40",
+  ask: "bg-warning/15 text-warning border-warning/40",
+  denied: "bg-destructive/15 text-destructive border-destructive/40"
+};
+var cycle = (cur) => cur === "enabled" ? "ask" : cur === "ask" ? "denied" : "enabled";
+var ToolsList = forwardRef(
+  ({ className, tools, title = "Tools", onEnablementChange, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-slot": "tools-list",
+      ref,
+      className: cn("rounded-xl border bg-card", className),
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between border-border/40 border-b px-4 py-3", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }),
+          /* @__PURE__ */ jsxs("span", { className: "font-mono text-label text-muted-foreground", children: [
+            tools.length,
+            " ",
+            tools.length === 1 ? "tool" : "tools"
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border/30", children: tools.map((tool) => {
+          const Icon = tool.icon ?? Settings2;
+          const state = tool.enablement ?? "enabled";
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: "grid grid-cols-[auto_1fr_auto] items-start gap-3 px-4 py-3",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "mt-0.5 grid size-8 place-items-center rounded-md bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx(Icon, { className: "size-4", "aria-hidden": "true" }) }),
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                    /* @__PURE__ */ jsx("span", { className: "font-medium font-mono text-body-sm text-foreground", children: tool.name }),
+                    tool.source ? /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground uppercase tracking-wider", children: tool.source }) : null,
+                    tool.badge ? /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1 rounded-full bg-accent/15 px-2 py-0.5 font-mono text-accent text-label uppercase", children: tool.badge }) : null
+                  ] }),
+                  tool.description ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-body-sm text-muted-foreground", children: tool.description }) : null
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onEnablementChange?.(tool.id, cycle(state)),
+                    className: cn(
+                      "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1",
+                      "font-mono text-label uppercase tracking-wider transition-colors",
+                      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                      ENABLEMENT_CLASS[state],
+                      !onEnablementChange && "pointer-events-none"
+                    ),
+                    "aria-label": `Cycle enablement for ${tool.name}`,
+                    children: [
+                      state === "enabled" ? /* @__PURE__ */ jsx(Eye, { className: "size-3", "aria-hidden": "true" }) : state === "ask" ? /* @__PURE__ */ jsx(Settings2, { className: "size-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Lock, { className: "size-3", "aria-hidden": "true" }),
+                      ENABLEMENT_LABEL[state]
+                    ]
+                  }
+                )
+              ]
+            },
+            tool.id
+          );
+        }) })
+      ]
+    }
+  )
+);
+ToolsList.displayName = "ToolsList";
+
+export { ToolsList };
+//# sourceMappingURL=chunk-4SMYNLTA.js.map
+//# sourceMappingURL=chunk-4SMYNLTA.js.map

package/dist/chunk-4SMYNLTA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/tools-list/tools-list.tsx"],"names":[],"mappings":"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","file":"chunk-4SMYNLTA.js","sourcesContent":["import { Eye, Lock, Settings2 } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\nexport type ToolEnablement = \"enabled\" | \"ask\" | \"denied\";\n\nexport interface ToolEntry {\n  id: string;\n  name: string;\n  description?: ReactNode;\n  icon?: IconComponent;\n  enablement?: ToolEnablement;\n  /**\n   * Source of the tool: built-in, plugin/skill, or MCP server name.\n   */\n  source?: string;\n  /** Optional badge text (e.g. \"destructive\", \"experimental\"). */\n  badge?: ReactNode;\n}\n\ninterface ToolsListProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\" | \"onChange\"> {\n  tools: ToolEntry[];\n  /** Title above the list. */\n  title?: ReactNode;\n  /**\n   * Fires when the consumer toggles a tool's enablement state.\n   * Cycle: enabled → ask → denied → enabled.\n   */\n  onEnablementChange?: (id: string, next: ToolEnablement) => void;\n}\n\nconst ENABLEMENT_LABEL: Record<ToolEnablement, string> = {\n  enabled: \"Allowed\",\n  ask: \"Ask before use\",\n  denied: \"Denied\",\n};\n\nconst ENABLEMENT_CLASS: Record<ToolEnablement, string> = {\n  enabled: \"bg-success/15 text-success border-success/40\",\n  ask: \"bg-warning/15 text-warning border-warning/40\",\n  denied: \"bg-destructive/15 text-destructive border-destructive/40\",\n};\n\nconst cycle = (cur: ToolEnablement): ToolEnablement =>\n  cur === \"enabled\" ? \"ask\" : cur === \"ask\" ? \"denied\" : \"enabled\";\n\n/**\n * ToolsList — surface every tool the agent could call, with its enablement\n * state. Click the chip to cycle: Allowed → Ask → Denied.\n */\nconst ToolsList = forwardRef<HTMLDivElement, ToolsListProps>(\n  ({ className, tools, title = \"Tools\", onEnablementChange, ...props }, ref) => (\n    <section\n      data-slot=\"tools-list\"\n      ref={ref}\n      className={cn(\"rounded-xl border bg-card\", className)}\n      {...props}\n    >\n      {title ? (\n        <header className=\"flex items-center justify-between border-border/40 border-b px-4 py-3\">\n          <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n          <span className=\"font-mono text-label text-muted-foreground\">\n            {tools.length} {tools.length === 1 ? \"tool\" : \"tools\"}\n          </span>\n        </header>\n      ) : null}\n      <ul className=\"divide-y divide-border/30\">\n        {tools.map((tool) => {\n          const Icon = tool.icon ?? Settings2;\n          const state = tool.enablement ?? \"enabled\";\n          return (\n            <li\n              key={tool.id}\n              className=\"grid grid-cols-[auto_1fr_auto] items-start gap-3 px-4 py-3\"\n            >\n              <span className=\"mt-0.5 grid size-8 place-items-center rounded-md bg-muted text-muted-foreground\">\n                <Icon className=\"size-4\" aria-hidden=\"true\" />\n              </span>\n              <div className=\"min-w-0\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <span className=\"font-medium font-mono text-body-sm text-foreground\">\n                    {tool.name}\n                  </span>\n                  {tool.source ? (\n                    <span className=\"font-mono text-label text-muted-foreground uppercase tracking-wider\">\n                      {tool.source}\n                    </span>\n                  ) : null}\n                  {tool.badge ? (\n                    <span className=\"inline-flex items-center gap-1 rounded-full bg-accent/15 px-2 py-0.5 font-mono text-accent text-label uppercase\">\n                      {tool.badge}\n                    </span>\n                  ) : null}\n                </div>\n                {tool.description ? (\n                  <p className=\"mt-0.5 text-body-sm text-muted-foreground\">{tool.description}</p>\n                ) : null}\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => onEnablementChange?.(tool.id, cycle(state))}\n                className={cn(\n                  \"inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1\",\n                  \"font-mono text-label uppercase tracking-wider transition-colors\",\n                  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                  ENABLEMENT_CLASS[state],\n                  !onEnablementChange && \"pointer-events-none\",\n                )}\n                aria-label={`Cycle enablement for ${tool.name}`}\n              >\n                {state === \"enabled\" ? (\n                  <Eye className=\"size-3\" aria-hidden=\"true\" />\n                ) : state === \"ask\" ? (\n                  <Settings2 className=\"size-3\" aria-hidden=\"true\" />\n                ) : (\n                  <Lock className=\"size-3\" aria-hidden=\"true\" />\n                )}\n                {ENABLEMENT_LABEL[state]}\n              </button>\n            </li>\n          );\n        })}\n      </ul>\n    </section>\n  ),\n);\nToolsList.displayName = \"ToolsList\";\n\nexport { ToolsList };\n"]}

package/dist/chunk-4UBFLXS3.js

@@ -0,0 +1,35 @@
+import { BrowserControls } from './chunk-B2FL7KBJ.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PreviewPanel = forwardRef(
+  ({ className, url, onUrlChange, onBack, onForward, onReload, content, logsSlot, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-slot": "preview-panel",
+      ref,
+      className: cn("flex h-full flex-col overflow-hidden rounded-xl border bg-card", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          BrowserControls,
+          {
+            url,
+            ...onUrlChange ? { onUrlChange } : {},
+            ...onBack ? { onBack } : {},
+            ...onForward ? { onForward } : {},
+            ...onReload ? { onReload } : {}
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden bg-background", children: content }),
+        logsSlot ? /* @__PURE__ */ jsx("div", { className: "max-h-48 overflow-auto border-border/40 border-t bg-card", children: logsSlot }) : null
+      ]
+    }
+  )
+);
+PreviewPanel.displayName = "PreviewPanel";
+
+export { PreviewPanel };
+//# sourceMappingURL=chunk-4UBFLXS3.js.map
+//# sourceMappingURL=chunk-4UBFLXS3.js.map

package/dist/chunk-4UBFLXS3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/preview-panel/preview-panel.tsx"],"names":[],"mappings":";;;;;AA2BA,IAAM,YAAA,GAAe,UAAA;AAAA,EACnB,CACE,EAAE,SAAA,EAAW,GAAA,EAAK,WAAA,EAAa,MAAA,EAAQ,SAAA,EAAW,QAAA,EAAU,OAAA,EAAS,QAAA,EAAU,GAAG,KAAA,IAClF,GAAA,qBAEA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,gEAAA,EAAkE,SAAS,CAAA;AAAA,MACxF,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACC,GAAI,WAAA,GAAc,EAAE,WAAA,KAAgB,EAAC;AAAA,YACrC,GAAI,MAAA,GAAS,EAAE,MAAA,KAAW,EAAC;AAAA,YAC3B,GAAI,SAAA,GAAY,EAAE,SAAA,KAAc,EAAC;AAAA,YACjC,GAAI,QAAA,GAAW,EAAE,QAAA,KAAa;AAAC;AAAA,SAClC;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EAAwC,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,QAC9D,2BACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0DAAA,EAA4D,oBAAS,CAAA,GAClF;AAAA;AAAA;AAAA;AAGV;AACA,YAAA,CAAa,WAAA,GAAc,cAAA","file":"chunk-4UBFLXS3.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { BrowserControls } from \"../../primitives/browser-controls/index.js\";\n\ninterface PreviewPanelProps extends Omit<HTMLAttributes<HTMLElement>, \"content\"> {\n  url: string;\n  onUrlChange?: (next: string) => void;\n  onBack?: () => void;\n  onForward?: () => void;\n  onReload?: () => void;\n  /**\n   * Region rendered as the preview body. Typically an <iframe>.\n   */\n  content: ReactNode;\n  /**\n   * Optional logs section rendered below the preview (e.g. dev server output).\n   */\n  logsSlot?: ReactNode;\n}\n\n/**\n * PreviewPanel — browser preview with controls + integrated logs slot.\n *\n * The Code workspace shows live dev-server URL + HMR logs side-by-side; this\n * panel keeps both in a single card so the user doesn't switch contexts.\n */\nconst PreviewPanel = forwardRef<HTMLElement, PreviewPanelProps>(\n  (\n    { className, url, onUrlChange, onBack, onForward, onReload, content, logsSlot, ...props },\n    ref,\n  ) => (\n    <section\n      data-slot=\"preview-panel\"\n      ref={ref}\n      className={cn(\"flex h-full flex-col overflow-hidden rounded-xl border bg-card\", className)}\n      {...props}\n    >\n      <BrowserControls\n        url={url}\n        {...(onUrlChange ? { onUrlChange } : {})}\n        {...(onBack ? { onBack } : {})}\n        {...(onForward ? { onForward } : {})}\n        {...(onReload ? { onReload } : {})}\n      />\n      <div className=\"flex-1 overflow-hidden bg-background\">{content}</div>\n      {logsSlot ? (\n        <div className=\"max-h-48 overflow-auto border-border/40 border-t bg-card\">{logsSlot}</div>\n      ) : null}\n    </section>\n  ),\n);\nPreviewPanel.displayName = \"PreviewPanel\";\n\nexport { PreviewPanel };\n"]}

package/dist/chunk-52J7SDYH.js

@@ -0,0 +1,48 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Root = forwardRef(
+  ({ className, title = "Danger Zone", children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-slot": "danger-zone",
+      ref,
+      "aria-label": typeof title === "string" ? title : "Danger Zone",
+      className: cn("rounded-xl border border-destructive/30 bg-destructive/[0.02]", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "border-destructive/20 border-b px-5 py-3 font-sans text-destructive text-label-caps uppercase tracking-wider", children: title }),
+        children
+      ]
+    }
+  )
+);
+Root.displayName = "DangerZone";
+var Action = forwardRef(
+  ({ className, title, description, action, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "danger-zone-action",
+      ref,
+      className: cn(
+        "flex items-center justify-between gap-4 border-destructive/10 border-b px-5 py-4 last:border-b-0",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium font-sans text-body-sm text-foreground", children: title }),
+          /* @__PURE__ */ jsx("span", { className: "mt-0.5 font-sans text-label text-muted-foreground", children: description })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
+      ]
+    }
+  )
+);
+Action.displayName = "DangerZone.Action";
+var DangerZone = Object.assign(Root, { Action });
+
+export { DangerZone };
+//# sourceMappingURL=chunk-52J7SDYH.js.map
+//# sourceMappingURL=chunk-52J7SDYH.js.map

package/dist/chunk-52J7SDYH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/danger-zone/danger-zone.tsx"],"names":[],"mappings":";;;;AA+BA,IAAM,IAAA,GAAO,UAAA;AAAA,EACX,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,eAAe,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACzD,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,GAAA;AAAA,MACA,YAAA,EAAY,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,aAAA;AAAA,MAChD,SAAA,EAAW,EAAA,CAAG,+DAAA,EAAiE,SAAS,CAAA;AAAA,MACvF,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8GAAA,EACZ,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,QACC;AAAA;AAAA;AAAA;AAGP,CAAA;AACA,IAAA,CAAK,WAAA,GAAc,YAAA;AASnB,IAAM,MAAA,GAAS,UAAA;AAAA,EACb,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,aAAa,MAAA,EAAQ,GAAG,KAAA,EAAM,EAAG,GAAA,qBACpD,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,oBAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,kGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,eAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oDAAA,EAAsD,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BAC5E,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,WAAA,EAAY;AAAA,SAAA,EACnF,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA;AAAA;AAGxC,CAAA;AACA,MAAA,CAAO,WAAA,GAAc,mBAAA;AAGrB,IAAM,aAA6B,MAAA,CAAO,MAAA,CAAO,IAAA,EAAM,EAAE,QAAQ","file":"chunk-52J7SDYH.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * DangerZone — destructive-actions section primitive.\n *\n * Red-bordered container with a title bar and `DangerZone.Action` rows.\n * Each Action is laid out as title + description on the left, with a\n * consumer-provided action slot (typically a destructive Button) on\n * the right. Rows are separated by hairline dividers; the last row\n * has no bottom border via `last:border-b-0`.\n *\n * The consumer supplies the destructive button — this primitive never\n * imports `<Button>`, keeping it free of internal `@theokit/ui` deps\n * (true primitive).\n *\n * @example\n *   <DangerZone>\n *     <DangerZone.Action\n *       title=\"Delete project\"\n *       description=\"Permanently delete this project.\"\n *       action={<Button variant=\"destructive\">Delete</Button>}\n *     />\n *   </DangerZone>\n */\nexport interface DangerZoneProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  /** Section title. Default \"Danger Zone\". */\n  title?: ReactNode;\n}\n\nconst Root = forwardRef<HTMLElement, DangerZoneProps>(\n  ({ className, title = \"Danger Zone\", children, ...props }, ref) => (\n    <section\n      data-slot=\"danger-zone\"\n      ref={ref}\n      aria-label={typeof title === \"string\" ? title : \"Danger Zone\"}\n      className={cn(\"rounded-xl border border-destructive/30 bg-destructive/[0.02]\", className)}\n      {...props}\n    >\n      <div className=\"border-destructive/20 border-b px-5 py-3 font-sans text-destructive text-label-caps uppercase tracking-wider\">\n        {title}\n      </div>\n      {children}\n    </section>\n  ),\n);\nRoot.displayName = \"DangerZone\";\n\nexport interface DangerZoneActionProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title: ReactNode;\n  description: ReactNode;\n  /** Consumer-provided destructive button (or any ReactNode). */\n  action: ReactNode;\n}\n\nconst Action = forwardRef<HTMLDivElement, DangerZoneActionProps>(\n  ({ className, title, description, action, ...props }, ref) => (\n    <div\n      data-slot=\"danger-zone-action\"\n      ref={ref}\n      className={cn(\n        \"flex items-center justify-between gap-4 border-destructive/10 border-b px-5 py-4 last:border-b-0\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex flex-col\">\n        <span className=\"font-medium font-sans text-body-sm text-foreground\">{title}</span>\n        <span className=\"mt-0.5 font-sans text-label text-muted-foreground\">{description}</span>\n      </div>\n      <div className=\"shrink-0\">{action}</div>\n    </div>\n  ),\n);\nAction.displayName = \"DangerZone.Action\";\n\ntype DangerZoneRoot = typeof Root & { Action: typeof Action };\nconst DangerZone: DangerZoneRoot = Object.assign(Root, { Action });\n\nexport { DangerZone };\n"]}

package/dist/chunk-5XCTTXC3.js

@@ -0,0 +1,180 @@
+"use client";
+import { OTHER_OPTION_VALUE, isOtherValue, digitKeyToIndex } from './chunk-T2OKGV6M.js';
+import { RadioGroup } from './chunk-GC52HWIL.js';
+import { Input } from './chunk-BYUWQ6OP.js';
+import { Label } from './chunk-TY6NTWN5.js';
+import { BadgeWithDot } from './chunk-624AATQZ.js';
+import { Button } from './chunk-25KBUQEQ.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef, useId, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ChoicePrompt = forwardRef(
+  ({
+    className,
+    question,
+    description,
+    badge,
+    options,
+    value,
+    defaultValue,
+    onValueChange,
+    allowOther = false,
+    otherLabel = "Other",
+    otherPlaceholder = "Type your answer\u2026",
+    otherText,
+    onOtherTextChange,
+    enableKeyboardShortcuts = true,
+    showNumbers,
+    confirmLabel = "Confirm",
+    cancelLabel = "Cancel",
+    onConfirm,
+    onCancel,
+    ...props
+  }, ref) => {
+    const baseId = useId();
+    const questionId = `${baseId}-question`;
+    const optionId = (value_) => `${baseId}-opt-${value_}`;
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const selected = value !== void 0 ? value : internalValue;
+    const [internalOther, setInternalOther] = useState("");
+    const otherValue = otherText !== void 0 ? otherText : internalOther;
+    const numbersVisible = showNumbers ?? enableKeyboardShortcuts;
+    const hasPreview = options.some((option) => option.preview != null);
+    const selectedPreview = options.find((option) => option.value === selected)?.preview;
+    const select = (next) => {
+      if (value === void 0) setInternalValue(next);
+      onValueChange?.(next);
+    };
+    const setOther = (next) => {
+      if (otherText === void 0) setInternalOther(next);
+      onOtherTextChange?.(next);
+    };
+    const handleKeyDown = (event) => {
+      if (!enableKeyboardShortcuts) return;
+      const target = event.target;
+      if (target.tagName === "INPUT" || target.tagName === "TEXTAREA") return;
+      const index = digitKeyToIndex(event.key);
+      if (index === null || index >= options.length) return;
+      const option = options[index];
+      if (!option || option.disabled) return;
+      event.preventDefault();
+      select(option.value);
+    };
+    const confirm = () => {
+      if (!selected) return;
+      onConfirm?.(
+        isOtherValue(selected) ? { value: selected, otherText: otherValue } : { value: selected }
+      );
+    };
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "choice-prompt",
+        ref,
+        "aria-labelledby": questionId,
+        onKeyDown: handleKeyDown,
+        className: cn(
+          "grid w-full gap-4 rounded-xl border bg-card p-5 text-card-foreground shadow-md",
+          "transition-shadow duration-base ease-out-soft",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsx("h3", { id: questionId, className: "font-display text-foreground text-title-md tracking-tight", children: question }),
+            badge != null ? /* @__PURE__ */ jsx(BadgeWithDot, { variant: "primary", size: "sm", className: "shrink-0", children: badge }) : null
+          ] }),
+          description != null ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: description }) : null,
+          /* @__PURE__ */ jsxs("div", { className: cn("grid gap-5", hasPreview && "md:grid-cols-2"), children: [
+            /* @__PURE__ */ jsxs(
+              RadioGroup,
+              {
+                "aria-labelledby": questionId,
+                value: selected ?? "",
+                onValueChange: select,
+                className: "gap-2",
+                children: [
+                  options.map((option, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+                    /* @__PURE__ */ jsx(
+                      RadioGroup.Item,
+                      {
+                        value: option.value,
+                        id: optionId(option.value),
+                        disabled: option.disabled,
+                        className: "mt-0.5"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      Label,
+                      {
+                        htmlFor: optionId(option.value),
+                        className: "flex flex-1 cursor-pointer flex-col items-start gap-0.5",
+                        children: [
+                          /* @__PURE__ */ jsx("span", { className: "text-body-md text-foreground", children: option.label }),
+                          option.description != null ? /* @__PURE__ */ jsx("span", { className: "text-body-sm text-muted-foreground", children: option.description }) : null
+                        ]
+                      }
+                    ),
+                    numbersVisible && index < 9 ? /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        className: "mt-0.5 shrink-0 rounded border border-border bg-muted px-1.5 font-mono text-label text-muted-foreground",
+                        children: index + 1
+                      }
+                    ) : null
+                  ] }, option.value)),
+                  allowOther ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 border-border/40 border-t pt-2", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+                      /* @__PURE__ */ jsx(
+                        RadioGroup.Item,
+                        {
+                          value: OTHER_OPTION_VALUE,
+                          id: optionId(OTHER_OPTION_VALUE),
+                          className: "mt-0.5"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Label,
+                        {
+                          htmlFor: optionId(OTHER_OPTION_VALUE),
+                          className: "flex-1 cursor-pointer text-body-md",
+                          children: otherLabel
+                        }
+                      )
+                    ] }),
+                    isOtherValue(selected) ? /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        size: "sm",
+                        "aria-label": typeof otherLabel === "string" ? otherLabel : "Other",
+                        placeholder: otherPlaceholder,
+                        value: otherValue,
+                        onChange: (event) => setOther(event.target.value),
+                        className: "ml-7"
+                      }
+                    ) : null
+                  ] }) : null
+                ]
+              }
+            ),
+            hasPreview ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border/60 bg-muted/40 p-3", children: [
+              /* @__PURE__ */ jsx("p", { className: "mb-2 font-sans text-label-caps text-muted-foreground uppercase tracking-wider", children: "Preview" }),
+              selectedPreview != null ? /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap break-words font-mono text-code-sm text-foreground", children: selectedPreview }) : /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: "Select an option to preview." })
+            ] }) : null
+          ] }),
+          onConfirm || onCancel ? /* @__PURE__ */ jsxs("footer", { className: "flex items-center justify-end gap-2", children: [
+            onCancel ? /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: onCancel, children: cancelLabel }) : null,
+            onConfirm ? /* @__PURE__ */ jsx(Button, { size: "sm", variant: "primary", disabled: !selected, onClick: confirm, children: confirmLabel }) : null
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+ChoicePrompt.displayName = "ChoicePrompt";
+
+export { ChoicePrompt };
+//# sourceMappingURL=chunk-5XCTTXC3.js.map
+//# sourceMappingURL=chunk-5XCTTXC3.js.map