@usetheo/ui 0.13.0 → 0.13.2

package/dist/chunk-47IPOYLQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/agent-composer/agent-composer.tsx"],"names":[],"mappings":"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","file":"chunk-47IPOYLQ.js","sourcesContent":["\"use client\";\n\nimport { useMemo, useState } from \"react\";\nimport type { ComponentProps, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport {\n  type MentionItem,\n  MentionMenu,\n  type MentionTrigger,\n} from \"../../primitives/mention-menu/index.js\";\nimport { ChatComposer } from \"../chat-composer/chat-composer.js\";\n\n/**\n * AgentComposer — ChatComposer + slash-command / @file / #memory triggers.\n *\n * Wraps ChatComposer and watches the value for three trigger characters:\n *   `/` → slash commands (`/clear`, `/help`, …)\n *   `@` → file references (`@src/components/Foo.tsx`)\n *   `#` → memory entries (`#alignment-grid`)\n *\n * Detection is string-based — no textarea ref required. A trigger is active\n * iff the value ends with a token of the form `[\\s|^]([/@#])[^\\s]*` (i.e. a\n * trigger char preceded by start-of-string or whitespace, with no space\n * after).\n *\n * The consumer provides the candidate items per trigger. On selection the\n * trailing token is replaced with the chosen value plus a trailing space.\n */\n\ntype ItemsProvider = (query: string) => MentionItem[];\n\ninterface AgentComposerProps extends ComponentProps<typeof ChatComposer> {\n  /** Items shown when `/` is the active trigger. */\n  commands?: MentionItem[] | ItemsProvider;\n  /** Items shown when `@` is the active trigger. */\n  files?: MentionItem[] | ItemsProvider;\n  /** Items shown when `#` is the active trigger. */\n  memories?: MentionItem[] | ItemsProvider;\n  /**\n   * What text gets inserted when an item is picked. Defaults to\n   * `${trigger}${item.label}` (assumes `label` is a string). Override to\n   * insert a token different from the visible label (e.g. include path,\n   * id, …).\n   */\n  resolveInsertText?: (item: MentionItem, trigger: MentionTrigger) => string;\n  /** Optional slot for the empty-state copy per trigger. */\n  emptyLabels?: Partial<Record<MentionTrigger, ReactNode>>;\n  /** Outer wrapper className (the relative positioning anchor for the menu). */\n  containerClassName?: string;\n}\n\nconst TRIGGER_CHARS: ReadonlyArray<MentionTrigger> = [\"/\", \"@\", \"#\"];\n\nconst TRIGGER_RE = /(^|\\s)([/@#])([^\\s]*)$/;\n\ninterface DetectedTrigger {\n  trigger: MentionTrigger;\n  query: string;\n  /** Index in the value where the trigger char starts. */\n  start: number;\n}\n\nfunction detectTrigger(value: string): DetectedTrigger | null {\n  const match = value.match(TRIGGER_RE);\n  if (!match) return null;\n  const leading = match[1] ?? \"\";\n  const triggerChar = match[2] as MentionTrigger;\n  const query = match[3] ?? \"\";\n  if (!TRIGGER_CHARS.includes(triggerChar)) return null;\n  // start = position of the trigger char itself\n  const start = (match.index ?? 0) + leading.length;\n  return { trigger: triggerChar, query, start };\n}\n\nfunction resolveItems(\n  source: MentionItem[] | ItemsProvider | undefined,\n  query: string,\n): MentionItem[] {\n  if (!source) return [];\n  if (typeof source === \"function\") return source(query);\n  if (!query) return source;\n  const q = query.toLowerCase();\n  return source.filter((item) => {\n    const haystack = `${typeof item.label === \"string\" ? item.label : \"\"} ${\n      typeof item.description === \"string\" ? item.description : \"\"\n    }`.toLowerCase();\n    return haystack.includes(q);\n  });\n}\n\nfunction defaultInsertText(item: MentionItem, trigger: MentionTrigger): string {\n  const label = typeof item.label === \"string\" ? item.label : \"\";\n  // If the visible label already starts with the trigger char (e.g. \"/clear\"),\n  // use it as-is so we don't end up with \"//clear\".\n  if (label.startsWith(trigger)) return label;\n  return `${trigger}${label}`;\n}\n\nexport function AgentComposer({\n  value,\n  onValueChange,\n  commands,\n  files,\n  memories,\n  resolveInsertText = defaultInsertText,\n  emptyLabels,\n  containerClassName,\n  className,\n  textareaProps,\n  ...chatComposerProps\n}: AgentComposerProps) {\n  // Trigger detection + manual dismiss state.\n  // We honour `dismissed` so the user can Esc the menu and keep typing after\n  // a trigger char without the menu re-appearing.\n  const [dismissedAt, setDismissedAt] = useState<number | null>(null);\n\n  const detected = useMemo(() => detectTrigger(value), [value]);\n  const isDismissed = detected !== null && dismissedAt === detected.start;\n  const activeTrigger = isDismissed ? null : (detected?.trigger ?? null);\n  const query = isDismissed ? \"\" : (detected?.query ?? \"\");\n\n  const items = useMemo(() => {\n    if (!activeTrigger || !detected) return [];\n    if (activeTrigger === \"/\") return resolveItems(commands, query);\n    if (activeTrigger === \"@\") return resolveItems(files, query);\n    if (activeTrigger === \"#\") return resolveItems(memories, query);\n    return [];\n  }, [activeTrigger, detected, commands, files, memories, query]);\n\n  const handleSelect = (item: MentionItem) => {\n    if (!detected) return;\n    const before = value.slice(0, detected.start);\n    const insert = resolveInsertText(item, detected.trigger);\n    onValueChange(`${before}${insert} `);\n    setDismissedAt(null);\n  };\n\n  const handleClose = () => {\n    if (detected) setDismissedAt(detected.start);\n  };\n\n  const interceptKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (activeTrigger) {\n      // Let MentionMenu's global key handler take Arrow/Enter/Esc.\n      if ([\"ArrowDown\", \"ArrowUp\", \"Enter\", \"Escape\"].includes(e.key)) {\n        if (e.key === \"Enter\") e.preventDefault(); // also prevent form submit\n        return;\n      }\n    }\n    // Mirror ChatComposer's default Enter-to-submit when menu is closed.\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      (e.currentTarget.form as HTMLFormElement | null)?.requestSubmit();\n    }\n    textareaProps?.onKeyDown?.(e);\n  };\n\n  return (\n    <div data-slot=\"agent-composer\" className={cn(\"relative\", containerClassName)}>\n      <MentionMenu\n        open={!!activeTrigger && items !== null}\n        trigger={(activeTrigger ?? \"/\") as MentionTrigger}\n        items={items}\n        onSelect={handleSelect}\n        onClose={handleClose}\n        emptyLabel={activeTrigger ? emptyLabels?.[activeTrigger] : undefined}\n      />\n      <ChatComposer\n        value={value}\n        onValueChange={(next) => {\n          // If user clears the trigger token, drop the dismissed marker too.\n          if (!detectTrigger(next)) setDismissedAt(null);\n          onValueChange(next);\n        }}\n        className={className}\n        textareaProps={{\n          ...textareaProps,\n          onKeyDown: interceptKeyDown,\n        }}\n        {...chatComposerProps}\n      />\n    </div>\n  );\n}\n"]}

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-4XYFJIRC.js

@@ -0,0 +1,65 @@
+"use client";
+import { BadgeWithDot } from './chunk-624AATQZ.js';
+import { Button } from './chunk-25KBUQEQ.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef, useId } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ConfirmPrompt = forwardRef(
+  ({
+    className,
+    question,
+    description,
+    badge,
+    variant = "primary",
+    confirmLabel = "Confirm",
+    cancelLabel = "Cancel",
+    onConfirm,
+    onCancel,
+    ...props
+  }, ref) => {
+    const baseId = useId();
+    const questionId = `${baseId}-question`;
+    const isDestructive = variant === "destructive";
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "confirm-prompt",
+        ref,
+        role: isDestructive ? "alertdialog" : void 0,
+        "aria-labelledby": questionId,
+        className: cn(
+          "grid w-full gap-4 rounded-xl border border-border bg-card p-5 text-card-foreground shadow-md",
+          "transition-shadow duration-base ease-out-soft",
+          isDestructive && "border-destructive/40 bg-destructive/5",
+          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: isDestructive ? "destructive" : "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("footer", { className: "flex items-center justify-end gap-2", children: [
+            /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: onCancel, children: cancelLabel }),
+            /* @__PURE__ */ jsx(Button, { size: "sm", variant: isDestructive ? "destructive" : "primary", onClick: onConfirm, children: confirmLabel })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ConfirmPrompt.displayName = "ConfirmPrompt";
+
+export { ConfirmPrompt };
+//# sourceMappingURL=chunk-4XYFJIRC.js.map
+//# sourceMappingURL=chunk-4XYFJIRC.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/confirm-prompt/confirm-prompt.tsx"],"names":[],"mappings":";;;;;;AAsCA,IAAM,aAAA,GAAgB,UAAA;AAAA,EACpB,CACE;AAAA,IACE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,YAAA,GAAe,SAAA;AAAA,IACf,WAAA,GAAc,QAAA;AAAA,IACd,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,SAAS,KAAA,EAAM;AACrB,IAAA,MAAM,UAAA,GAAa,GAAG,MAAM,CAAA,SAAA,CAAA;AAC5B,IAAA,MAAM,gBAAgB,OAAA,KAAY,aAAA;AAElC,IAAA,uBACE,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,gBAAA;AAAA,QACV,GAAA;AAAA,QACA,IAAA,EAAM,gBAAgB,aAAA,GAAgB,MAAA;AAAA,QACtC,iBAAA,EAAiB,UAAA;AAAA,QACjB,SAAA,EAAW,EAAA;AAAA,UACT,8FAAA;AAAA,UACA,+CAAA;AAAA,UACA,aAAA,IAAiB,wCAAA;AAAA,UACjB;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,wCAAA,EAChB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,EAAA,EAAI,UAAA,EAAY,SAAA,EAAU,6DAC3B,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,YACC,SAAS,IAAA,mBACR,GAAA;AAAA,cAAC,YAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,gBAAgB,aAAA,GAAgB,SAAA;AAAA,gBACzC,IAAA,EAAK,IAAA;AAAA,gBACL,SAAA,EAAU,UAAA;AAAA,gBAET,QAAA,EAAA;AAAA;AAAA,aACH,GACE;AAAA,WAAA,EACN,CAAA;AAAA,UACC,eAAe,IAAA,mBACd,GAAA,CAAC,OAAE,SAAA,EAAU,oCAAA,EAAsC,uBAAY,CAAA,GAC7D,IAAA;AAAA,0BAEJ,IAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,qCAAA,EAChB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,UAAO,IAAA,EAAK,IAAA,EAAK,SAAQ,WAAA,EAAY,OAAA,EAAS,UAC5C,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,4BACA,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,gBAAgB,aAAA,GAAgB,SAAA,EAAW,OAAA,EAAS,SAAA,EAC5E,QAAA,EAAA,YAAA,EACH;AAAA,WAAA,EACF;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-4XYFJIRC.js","sourcesContent":["\"use client\";\n\nimport { forwardRef, useId } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { Badge } from \"../../primitives/badge/index.js\";\nimport { Button } from \"../../primitives/button/index.js\";\n\n/**\n * ConfirmPrompt — binary yes/no \"ask the user\" card for agent surfaces.\n *\n * The simplest member of the prompt family: a question with an optional header\n * chip and two actions. Use `variant=\"destructive\"` for dangerous confirmations\n * (delete, drop, force-push) — it tones the confirm button red and exposes the\n * card as an `alertdialog` so assistive tech announces the stakes.\n *\n * Renders one question at a time — sequencing is the consumer's responsibility.\n */\n\nexport interface ConfirmPromptProps extends Omit<HTMLAttributes<HTMLElement>, \"onSelect\"> {\n  /** The question being asked. */\n  question: ReactNode;\n  /** Optional secondary line under the question. */\n  description?: ReactNode;\n  /** Optional short header chip (rendered as a Badge). */\n  badge?: ReactNode;\n  /** Tone of the confirm action. `destructive` also exposes role=alertdialog. */\n  variant?: \"primary\" | \"destructive\";\n  /** Confirm button label. Defaults to \"Confirm\". */\n  confirmLabel?: ReactNode;\n  /** Cancel button label. Defaults to \"Cancel\". Omit `onCancel` to hide it. */\n  cancelLabel?: ReactNode;\n  /** Pressing Confirm. */\n  onConfirm?: () => void;\n  /** Pressing Cancel. */\n  onCancel?: () => void;\n}\n\nconst ConfirmPrompt = forwardRef<HTMLElement, ConfirmPromptProps>(\n  (\n    {\n      className,\n      question,\n      description,\n      badge,\n      variant = \"primary\",\n      confirmLabel = \"Confirm\",\n      cancelLabel = \"Cancel\",\n      onConfirm,\n      onCancel,\n      ...props\n    },\n    ref,\n  ) => {\n    const baseId = useId();\n    const questionId = `${baseId}-question`;\n    const isDestructive = variant === \"destructive\";\n\n    return (\n      <section\n        data-slot=\"confirm-prompt\"\n        ref={ref}\n        role={isDestructive ? \"alertdialog\" : undefined}\n        aria-labelledby={questionId}\n        className={cn(\n          \"grid w-full gap-4 rounded-xl border border-border bg-card p-5 text-card-foreground shadow-md\",\n          \"transition-shadow duration-base ease-out-soft\",\n          isDestructive && \"border-destructive/40 bg-destructive/5\",\n          className,\n        )}\n        {...props}\n      >\n        <header className=\"flex items-start justify-between gap-3\">\n          <h3 id={questionId} className=\"font-display text-foreground text-title-md tracking-tight\">\n            {question}\n          </h3>\n          {badge != null ? (\n            <Badge\n              variant={isDestructive ? \"destructive\" : \"primary\"}\n              size=\"sm\"\n              className=\"shrink-0\"\n            >\n              {badge}\n            </Badge>\n          ) : null}\n        </header>\n        {description != null ? (\n          <p className=\"text-body-sm text-muted-foreground\">{description}</p>\n        ) : null}\n\n        <footer className=\"flex items-center justify-end gap-2\">\n          <Button size=\"sm\" variant=\"secondary\" onClick={onCancel}>\n            {cancelLabel}\n          </Button>\n          <Button size=\"sm\" variant={isDestructive ? \"destructive\" : \"primary\"} onClick={onConfirm}>\n            {confirmLabel}\n          </Button>\n        </footer>\n      </section>\n    );\n  },\n);\nConfirmPrompt.displayName = \"ConfirmPrompt\";\n\nexport { ConfirmPrompt };\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-5YX76GH6.js

@@ -0,0 +1,70 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Bot, Terminal, Loader2, CheckCircle2 } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var sourceIcon = {
+  agent: Bot,
+  bash: Terminal,
+  tool: Bot
+};
+var sourceLabel = {
+  agent: "Agent",
+  bash: "Bash",
+  tool: "Tool"
+};
+var RunningTasksPanel = forwardRef(
+  ({ className, tasks, ...props }, ref) => {
+    const running = tasks.filter((t) => t.status === "running");
+    const completed = tasks.filter((t) => t.status !== "running");
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "running-tasks-panel",
+        ref,
+        className: cn("rounded-xl border border-border bg-card p-4", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Group, { title: "Running", empty: "Nothing running", items: running }),
+          completed.length > 0 ? /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(Group, { title: "Completed", empty: "\u2014", items: completed }) }) : null
+        ]
+      }
+    );
+  }
+);
+RunningTasksPanel.displayName = "RunningTasksPanel";
+function Group({
+  title,
+  empty,
+  items
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h4", { className: "mb-2 font-sans text-label-caps text-muted-foreground uppercase tracking-wider", children: title }),
+    items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: empty }) : /* @__PURE__ */ jsx("ul", { className: "grid gap-1", children: items.map((task) => {
+      const SourceIcon = sourceIcon[task.source];
+      return /* @__PURE__ */ jsxs(
+        "li",
+        {
+          className: "flex items-center gap-2 rounded-md px-2 py-1.5 text-body-sm",
+          children: [
+            task.status === "running" ? /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin text-primary", "aria-label": "running" }) : task.status === "completed" ? /* @__PURE__ */ jsx(CheckCircle2, { className: "size-3.5 text-success", "aria-label": "completed" }) : /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-destructive", "aria-label": "failed" }),
+            /* @__PURE__ */ jsx(
+              SourceIcon,
+              {
+                className: "size-3.5 shrink-0 text-muted-foreground",
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: task.label }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground uppercase", children: sourceLabel[task.source] })
+          ]
+        },
+        task.id
+      );
+    }) })
+  ] });
+}
+
+export { RunningTasksPanel };
+//# sourceMappingURL=chunk-5YX76GH6.js.map
+//# sourceMappingURL=chunk-5YX76GH6.js.map

package/dist/chunk-5YX76GH6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/running-tasks-panel/running-tasks-panel.tsx"],"names":[],"mappings":"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","file":"chunk-5YX76GH6.js","sourcesContent":["import { Bot, CheckCircle2, Loader2, Terminal } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type TaskSource = \"agent\" | \"bash\" | \"tool\";\nexport type RunningTaskStatus = \"running\" | \"completed\" | \"failed\";\n\nexport interface RunningTaskItem {\n  id: string;\n  label: ReactNode;\n  source: TaskSource;\n  status: RunningTaskStatus;\n}\n\ninterface RunningTasksPanelProps extends HTMLAttributes<HTMLElement> {\n  tasks: RunningTaskItem[];\n}\n\nconst sourceIcon = {\n  agent: Bot,\n  bash: Terminal,\n  tool: Bot,\n} as const;\nconst sourceLabel: Record<TaskSource, string> = {\n  agent: \"Agent\",\n  bash: \"Bash\",\n  tool: \"Tool\",\n};\n\n/**\n * RunningTasksPanel — split list of Running vs Completed tasks.\n *\n * Used in the Code workspace right rail to give operational visibility into\n * what the agent is executing (foreground/background) vs what already finished.\n */\nconst RunningTasksPanel = forwardRef<HTMLElement, RunningTasksPanelProps>(\n  ({ className, tasks, ...props }, ref) => {\n    const running = tasks.filter((t) => t.status === \"running\");\n    const completed = tasks.filter((t) => t.status !== \"running\");\n    return (\n      <section\n        data-slot=\"running-tasks-panel\"\n        ref={ref}\n        className={cn(\"rounded-xl border border-border bg-card p-4\", className)}\n        {...props}\n      >\n        <Group title=\"Running\" empty=\"Nothing running\" items={running} />\n        {completed.length > 0 ? (\n          <div className=\"mt-4\">\n            <Group title=\"Completed\" empty=\"—\" items={completed} />\n          </div>\n        ) : null}\n      </section>\n    );\n  },\n);\nRunningTasksPanel.displayName = \"RunningTasksPanel\";\n\nfunction Group({\n  title,\n  empty,\n  items,\n}: {\n  title: string;\n  empty: ReactNode;\n  items: RunningTaskItem[];\n}) {\n  return (\n    <div>\n      <h4 className=\"mb-2 font-sans text-label-caps text-muted-foreground uppercase tracking-wider\">\n        {title}\n      </h4>\n      {items.length === 0 ? (\n        <p className=\"text-body-sm text-muted-foreground\">{empty}</p>\n      ) : (\n        <ul className=\"grid gap-1\">\n          {items.map((task) => {\n            const SourceIcon = sourceIcon[task.source];\n            return (\n              <li\n                key={task.id}\n                className=\"flex items-center gap-2 rounded-md px-2 py-1.5 text-body-sm\"\n              >\n                {task.status === \"running\" ? (\n                  <Loader2 className=\"size-3.5 animate-spin text-primary\" aria-label=\"running\" />\n                ) : task.status === \"completed\" ? (\n                  <CheckCircle2 className=\"size-3.5 text-success\" aria-label=\"completed\" />\n                ) : (\n                  <span className=\"size-2 rounded-full bg-destructive\" aria-label=\"failed\" />\n                )}\n                <SourceIcon\n                  className=\"size-3.5 shrink-0 text-muted-foreground\"\n                  aria-hidden=\"true\"\n                />\n                <span className=\"flex-1 truncate\">{task.label}</span>\n                <span className=\"font-mono text-label text-muted-foreground uppercase\">\n                  {sourceLabel[task.source]}\n                </span>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nexport { RunningTasksPanel };\n"]}

package/dist/chunk-624AATQZ.js

@@ -0,0 +1,77 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { cva } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var badgeVariants = cva(
+  [
+    "inline-flex items-center gap-1.5 rounded-full border",
+    "font-sans uppercase tracking-wider",
+    "transition-colors"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "border-border/40 bg-muted text-muted-foreground",
+        primary: "border-primary/30 bg-primary/10 text-primary",
+        accent: "border-accent/40 bg-accent/15 text-accent",
+        success: "border-success/40 bg-success/15 text-success",
+        warning: "border-warning/40 bg-warning/15 text-warning",
+        destructive: "border-destructive/40 bg-destructive/15 text-destructive",
+        outline: "border-border bg-transparent text-foreground"
+      },
+      size: {
+        sm: "px-2 py-0.5 text-label-caps",
+        md: "px-2.5 py-0.5 text-label",
+        lg: "px-3 py-1 text-body-md"
+      }
+    },
+    defaultVariants: { variant: "default", size: "md" }
+  }
+);
+var Badge = forwardRef(
+  ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      "data-size": size,
+      ref,
+      className: cn(badgeVariants({ variant, size }), className),
+      ...props
+    }
+  )
+);
+Badge.displayName = "Badge";
+var toneClass = {
+  primary: "bg-primary",
+  accent: "bg-accent",
+  success: "bg-success",
+  warning: "bg-warning",
+  destructive: "bg-destructive",
+  muted: "bg-muted-foreground"
+};
+var Dot = forwardRef(
+  ({ className, pulse = false, tone = "success", ...props }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "badge-dot",
+      ref,
+      "aria-hidden": "true",
+      className: cn(
+        "inline-block size-1.5 rounded-full",
+        toneClass[tone],
+        pulse && "animate-pulse-glow",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Dot.displayName = "Badge.Dot";
+var BadgeWithDot = Badge;
+BadgeWithDot.Dot = Dot;
+
+export { BadgeWithDot, badgeVariants };
+//# sourceMappingURL=chunk-624AATQZ.js.map
+//# sourceMappingURL=chunk-624AATQZ.js.map

package/dist/chunk-624AATQZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/badge/badge.tsx"],"names":[],"mappings":";;;;;AAoBA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB;AAAA,IACE,sDAAA;AAAA,IACA,oCAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,iDAAA;AAAA,QACT,OAAA,EAAS,8CAAA;AAAA,QACT,MAAA,EAAQ,2CAAA;AAAA,QACR,OAAA,EAAS,8CAAA;AAAA,QACT,OAAA,EAAS,8CAAA;AAAA,QACT,WAAA,EAAa,0DAAA;AAAA,QACb,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,OAAA,EAAS,SAAA,EAAW,MAAM,IAAA;AAAK;AAEtD;AAMA,IAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,MAAM,GAAG,KAAA,IAAS,GAAA,qBACvC,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,WAAA,EAAW,IAAA;AAAA,MACX,GAAA;AAAA,MACA,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACxD,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,KAAA,CAAM,WAAA,GAAc,OAAA;AAOpB,IAAM,SAAA,GAAgE;AAAA,EACpE,OAAA,EAAS,YAAA;AAAA,EACT,MAAA,EAAQ,WAAA;AAAA,EACR,OAAA,EAAS,YAAA;AAAA,EACT,OAAA,EAAS,YAAA;AAAA,EACT,WAAA,EAAa,gBAAA;AAAA,EACb,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,GAAA,GAAM,UAAA;AAAA,EACV,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,KAAA,EAAO,OAAO,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBACzD,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,GAAA;AAAA,MACA,aAAA,EAAY,MAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,oCAAA;AAAA,QACA,UAAU,IAAI,CAAA;AAAA,QACd,KAAA,IAAS,oBAAA;AAAA,QACT;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,GAAA,CAAI,WAAA,GAAc,WAAA;AAElB,IAAM,YAAA,GAAe;AACrB,YAAA,CAAa,GAAA,GAAM,GAAA","file":"chunk-624AATQZ.js","sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Badge — small status / tag indicator.\n *\n * Variants:\n *   - default     muted surface, hairline border\n *   - primary     violet outline + soft violet bg\n *   - accent      burnt sienna (celebration / pro / beta)\n *   - success     deploy succeeded\n *   - warning     attention needed\n *   - destructive failed\n *   - outline     transparent, just border\n *\n * Status dots are inlined via `<Badge.Dot />` for things like \"Building…\",\n * \"Running\", \"Failed\" rows in deployment lists.\n */\nconst badgeVariants = cva(\n  [\n    \"inline-flex items-center gap-1.5 rounded-full border\",\n    \"font-sans uppercase tracking-wider\",\n    \"transition-colors\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"border-border/40 bg-muted text-muted-foreground\",\n        primary: \"border-primary/30 bg-primary/10 text-primary\",\n        accent: \"border-accent/40 bg-accent/15 text-accent\",\n        success: \"border-success/40 bg-success/15 text-success\",\n        warning: \"border-warning/40 bg-warning/15 text-warning\",\n        destructive: \"border-destructive/40 bg-destructive/15 text-destructive\",\n        outline: \"border-border bg-transparent text-foreground\",\n      },\n      size: {\n        sm: \"px-2 py-0.5 text-label-caps\",\n        md: \"px-2.5 py-0.5 text-label\",\n        lg: \"px-3 py-1 text-body-md\",\n      },\n    },\n    defaultVariants: { variant: \"default\", size: \"md\" },\n  },\n);\n\nexport interface BadgeProps\n  extends HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {}\n\nconst Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, size, ...props }, ref) => (\n    <span\n      data-slot=\"badge\"\n      data-variant={variant}\n      data-size={size}\n      ref={ref}\n      className={cn(badgeVariants({ variant, size }), className)}\n      {...props}\n    />\n  ),\n);\nBadge.displayName = \"Badge\";\n\ninterface BadgeDotProps extends HTMLAttributes<HTMLSpanElement> {\n  pulse?: boolean;\n  tone?: \"primary\" | \"accent\" | \"success\" | \"warning\" | \"destructive\" | \"muted\";\n}\n\nconst toneClass: Record<NonNullable<BadgeDotProps[\"tone\"]>, string> = {\n  primary: \"bg-primary\",\n  accent: \"bg-accent\",\n  success: \"bg-success\",\n  warning: \"bg-warning\",\n  destructive: \"bg-destructive\",\n  muted: \"bg-muted-foreground\",\n};\n\nconst Dot = forwardRef<HTMLSpanElement, BadgeDotProps>(\n  ({ className, pulse = false, tone = \"success\", ...props }, ref) => (\n    <span\n      data-slot=\"badge-dot\"\n      ref={ref}\n      aria-hidden=\"true\"\n      className={cn(\n        \"inline-block size-1.5 rounded-full\",\n        toneClass[tone],\n        pulse && \"animate-pulse-glow\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDot.displayName = \"Badge.Dot\";\n\nconst BadgeWithDot = Badge as typeof Badge & { Dot: typeof Dot };\nBadgeWithDot.Dot = Dot;\n\nexport { BadgeWithDot as Badge, badgeVariants };\n"]}