@usetheo/ui 0.13.2 → 0.14.0

package/dist/chunk-ETTL6XGU.js

@@ -1,139 +0,0 @@
-"use client";
-import { isDev } from './chunk-ML7WLNIK.js';
-import { cn } from './chunk-EWDN56AS.js';
-import { forwardRef, useState, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-function toDate(value) {
-  const d = value instanceof Date ? value : new Date(value);
-  return Number.isNaN(d.getTime()) ? null : d;
-}
-var SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1e3;
-var UNITS = [
-  { unit: "year", ms: 365 * 24 * 60 * 60 * 1e3 },
-  { unit: "month", ms: 30 * 24 * 60 * 60 * 1e3 },
-  { unit: "day", ms: 24 * 60 * 60 * 1e3 },
-  { unit: "hour", ms: 60 * 60 * 1e3 },
-  { unit: "minute", ms: 60 * 1e3 }
-];
-function safeRelativeFormatter(locale) {
-  try {
-    return new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
-  } catch {
-    if (isDev()) {
-      console.warn(`<Timestamp locale="${locale}">: invalid locale tag, falling back to default.`);
-    }
-    try {
-      return new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
-    } catch {
-      return null;
-    }
-  }
-}
-function safeAbsoluteFormat(date, locale, withYear) {
-  try {
-    return date.toLocaleDateString(locale, {
-      month: "short",
-      day: "numeric",
-      ...withYear ? { year: "numeric" } : {}
-    });
-  } catch {
-    return date.toLocaleDateString(void 0, {
-      month: "short",
-      day: "numeric",
-      ...withYear ? { year: "numeric" } : {}
-    });
-  }
-}
-function formatRelative(date, now, locale) {
-  const diffMs = date.getTime() - now.getTime();
-  const absMs = Math.abs(diffMs);
-  if (absMs < 6e4) return "just now";
-  if (diffMs < 0 && absMs > SEVEN_DAYS_MS) {
-    const sameYear = date.getFullYear() === now.getFullYear();
-    return safeAbsoluteFormat(date, locale, !sameYear);
-  }
-  const rtf = safeRelativeFormatter(locale);
-  if (rtf === null) {
-    return safeAbsoluteFormat(date, locale, date.getFullYear() !== now.getFullYear());
-  }
-  for (const { unit, ms } of UNITS) {
-    if (absMs >= ms) {
-      return rtf.format(Math.round(diffMs / ms), unit);
-    }
-  }
-  return "just now";
-}
-function formatAbsolute(date, locale) {
-  try {
-    return date.toLocaleString(locale, {
-      year: "numeric",
-      month: "short",
-      day: "numeric",
-      hour: "2-digit",
-      minute: "2-digit"
-    });
-  } catch {
-    return date.toLocaleString(void 0, {
-      year: "numeric",
-      month: "short",
-      day: "numeric",
-      hour: "2-digit",
-      minute: "2-digit"
-    });
-  }
-}
-var Timestamp = forwardRef(
-  ({
-    className,
-    value,
-    format = "relative",
-    refreshInterval = 6e4,
-    locale,
-    noTooltip,
-    ...props
-  }, ref) => {
-    const date = toDate(value);
-    const [now, setNow] = useState(() => /* @__PURE__ */ new Date());
-    useEffect(() => {
-      if (format !== "relative" || refreshInterval === 0 || date === null) return;
-      const id = setInterval(() => setNow(/* @__PURE__ */ new Date()), refreshInterval);
-      return () => clearInterval(id);
-    }, [format, refreshInterval, date]);
-    if (date === null) {
-      return /* @__PURE__ */ jsx(
-        "time",
-        {
-          "data-slot": "timestamp",
-          ref,
-          className: cn(className),
-          suppressHydrationWarning: true,
-          ...props
-        }
-      );
-    }
-    const iso = date.toISOString();
-    const absolute = formatAbsolute(date, locale);
-    const relative = formatRelative(date, now, locale);
-    const visibleText = format === "absolute" ? absolute : format === "both" ? `${absolute} (${relative})` : relative;
-    return /* @__PURE__ */ jsx(
-      "time",
-      {
-        "data-slot": "timestamp",
-        ref,
-        dateTime: iso,
-        title: noTooltip ? void 0 : absolute,
-        "aria-label": absolute,
-        suppressHydrationWarning: true,
-        className: cn(className),
-        ...props,
-        children: visibleText
-      }
-    );
-  }
-);
-Timestamp.displayName = "Timestamp";
-
-export { Timestamp };
-//# sourceMappingURL=chunk-ETTL6XGU.js.map
-//# sourceMappingURL=chunk-ETTL6XGU.js.map

package/dist/chunk-ETTL6XGU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/timestamp/timestamp.tsx"],"names":[],"mappings":"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","file":"chunk-ETTL6XGU.js","sourcesContent":["\"use client\";\n\nimport { forwardRef, useEffect, useState } from \"react\";\nimport type { TimeHTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { isDev } from \"../../../lib/env.js\";\n\n/**\n * Timestamp — accessible relative/absolute time primitive.\n *\n * Renders a semantic `<time datetime>` element. Format modes:\n *   - `relative` (default) — \"just now\", \"5 minutes ago\", \"2 hours ago\",\n *     \"Dec 5\" (>7d), \"Dec 5, 2024\" (different year)\n *   - `absolute` — full localized date+time\n *   - `both` — \"Dec 5, 2026 (2 hours ago)\"\n *\n * Uses zero-dep `Intl.RelativeTimeFormat`. The tooltip on hover is the\n * HTML `title` attribute (not the `<Tooltip>` component) — keeps this\n * file a true primitive without sibling-primitive imports.\n *\n * Auto-refreshes via `setInterval` (default 60_000ms); pass\n * `refreshInterval={0}` to disable. `aria-label` always carries the\n * absolute time so screen readers read \"May 23, 2026 14:32 — posted\n * 2 hours ago\".\n *\n * @param value Source date — ISO string, Date object, or **Unix ms**\n *              (NOT seconds). Passing seconds renders ~1970.\n */\nexport interface TimestampProps extends Omit<TimeHTMLAttributes<HTMLTimeElement>, \"children\"> {\n  value: string | Date | number;\n  format?: \"relative\" | \"absolute\" | \"both\";\n  /** Auto-refresh interval when format=relative. Default 60000. 0 disables. */\n  refreshInterval?: number;\n  /** Locale for absolute formatting + Intl.RelativeTimeFormat. Default browser locale. */\n  locale?: string;\n  /** When true, omit the `title` tooltip. */\n  noTooltip?: boolean;\n}\n\nfunction toDate(value: string | Date | number): Date | null {\n  const d = value instanceof Date ? value : new Date(value);\n  return Number.isNaN(d.getTime()) ? null : d;\n}\n\nconst SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1000;\nconst UNITS: Array<{ unit: Intl.RelativeTimeFormatUnit; ms: number }> = [\n  { unit: \"year\", ms: 365 * 24 * 60 * 60 * 1000 },\n  { unit: \"month\", ms: 30 * 24 * 60 * 60 * 1000 },\n  { unit: \"day\", ms: 24 * 60 * 60 * 1000 },\n  { unit: \"hour\", ms: 60 * 60 * 1000 },\n  { unit: \"minute\", ms: 60 * 1000 },\n];\n\nfunction safeRelativeFormatter(locale: string | undefined): Intl.RelativeTimeFormat | null {\n  try {\n    return new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" });\n  } catch {\n    // EC-8: invalid locale tag — fall back to default locale.\n    if (isDev()) {\n      // biome-ignore lint/suspicious/noConsole: dev-only diagnostic.\n      console.warn(`<Timestamp locale=\"${locale}\">: invalid locale tag, falling back to default.`);\n    }\n    try {\n      return new Intl.RelativeTimeFormat(undefined, { numeric: \"auto\" });\n    } catch {\n      return null;\n    }\n  }\n}\n\nfunction safeAbsoluteFormat(date: Date, locale: string | undefined, withYear: boolean): string {\n  try {\n    return date.toLocaleDateString(locale, {\n      month: \"short\",\n      day: \"numeric\",\n      ...(withYear ? { year: \"numeric\" } : {}),\n    });\n  } catch {\n    return date.toLocaleDateString(undefined, {\n      month: \"short\",\n      day: \"numeric\",\n      ...(withYear ? { year: \"numeric\" } : {}),\n    });\n  }\n}\n\nfunction formatRelative(date: Date, now: Date, locale: string | undefined): string {\n  const diffMs = date.getTime() - now.getTime();\n  const absMs = Math.abs(diffMs);\n\n  if (absMs < 60_000) return \"just now\";\n\n  if (diffMs < 0 && absMs > SEVEN_DAYS_MS) {\n    const sameYear = date.getFullYear() === now.getFullYear();\n    return safeAbsoluteFormat(date, locale, !sameYear);\n  }\n\n  const rtf = safeRelativeFormatter(locale);\n  if (rtf === null) {\n    return safeAbsoluteFormat(date, locale, date.getFullYear() !== now.getFullYear());\n  }\n\n  for (const { unit, ms } of UNITS) {\n    if (absMs >= ms) {\n      return rtf.format(Math.round(diffMs / ms), unit);\n    }\n  }\n  return \"just now\";\n}\n\nfunction formatAbsolute(date: Date, locale: string | undefined): string {\n  try {\n    return date.toLocaleString(locale, {\n      year: \"numeric\",\n      month: \"short\",\n      day: \"numeric\",\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    });\n  } catch {\n    return date.toLocaleString(undefined, {\n      year: \"numeric\",\n      month: \"short\",\n      day: \"numeric\",\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    });\n  }\n}\n\nconst Timestamp = forwardRef<HTMLTimeElement, TimestampProps>(\n  (\n    {\n      className,\n      value,\n      format = \"relative\",\n      refreshInterval = 60_000,\n      locale,\n      noTooltip,\n      ...props\n    },\n    ref,\n  ) => {\n    const date = toDate(value);\n    const [now, setNow] = useState<Date>(() => new Date());\n\n    useEffect(() => {\n      if (format !== \"relative\" || refreshInterval === 0 || date === null) return;\n      const id = setInterval(() => setNow(new Date()), refreshInterval);\n      return () => clearInterval(id);\n    }, [format, refreshInterval, date]);\n\n    if (date === null) {\n      return (\n        <time\n          data-slot=\"timestamp\"\n          ref={ref}\n          className={cn(className)}\n          suppressHydrationWarning\n          {...props}\n        />\n      );\n    }\n\n    const iso = date.toISOString();\n    const absolute = formatAbsolute(date, locale);\n    const relative = formatRelative(date, now, locale);\n    const visibleText =\n      format === \"absolute\" ? absolute : format === \"both\" ? `${absolute} (${relative})` : relative;\n\n    return (\n      <time\n        data-slot=\"timestamp\"\n        ref={ref}\n        dateTime={iso}\n        title={noTooltip ? undefined : absolute}\n        aria-label={absolute}\n        suppressHydrationWarning\n        className={cn(className)}\n        {...props}\n      >\n        {visibleText}\n      </time>\n    );\n  },\n);\nTimestamp.displayName = \"Timestamp\";\n\nexport { Timestamp };\n"]}

package/dist/chunk-EWDN56AS.js

@@ -1,24 +0,0 @@
-import { clsx } from 'clsx';
-import { extendTailwindMerge } from 'tailwind-merge';
-
-// src/lib/cn.ts
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        { text: ["display-2xl", "display-xl", "display-lg", "display-md"] },
-        { text: ["headline", "title-lg", "title-md"] },
-        { text: ["body-lg", "body-md", "body-sm"] },
-        { text: ["label", "label-caps"] },
-        { text: ["code-md", "code-sm"] }
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export { cn };
-//# sourceMappingURL=chunk-EWDN56AS.js.map
-//# sourceMappingURL=chunk-EWDN56AS.js.map

package/dist/chunk-EWDN56AS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/cn.ts"],"names":[],"mappings":";;;;AAcA,IAAM,UAAU,mBAAA,CAAoB;AAAA,EAClC,MAAA,EAAQ;AAAA,IACN,WAAA,EAAa;AAAA,MACX,WAAA,EAAa;AAAA,QACX,EAAE,IAAA,EAAM,CAAC,eAAe,YAAA,EAAc,YAAA,EAAc,YAAY,CAAA,EAAE;AAAA,QAClE,EAAE,IAAA,EAAM,CAAC,UAAA,EAAY,UAAA,EAAY,UAAU,CAAA,EAAE;AAAA,QAC7C,EAAE,IAAA,EAAM,CAAC,SAAA,EAAW,SAAA,EAAW,SAAS,CAAA,EAAE;AAAA,QAC1C,EAAE,IAAA,EAAM,CAAC,OAAA,EAAS,YAAY,CAAA,EAAE;AAAA,QAChC,EAAE,IAAA,EAAM,CAAC,SAAA,EAAW,SAAS,CAAA;AAAE;AACjC;AACF;AAEJ,CAAC,CAAA;AAMM,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-EWDN56AS.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\n/**\n * Custom tailwind-merge instance taught about the Violet Forge typescale.\n *\n * Vanilla `tailwind-merge` groups every `text-*` class together — so\n * `text-label` (a font-size from the typescale) and `text-accent`\n * (a foreground color) clash and the last wins. With cva variants that\n * keep size + color on independent dimensions, this collapsed one of\n * them. Extending the `font-size` group with the typescale tokens\n * declared in `src/styles/tailwind-preset.ts` keeps size + color\n * independent during merge.\n */\nconst twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      \"font-size\": [\n        { text: [\"display-2xl\", \"display-xl\", \"display-lg\", \"display-md\"] },\n        { text: [\"headline\", \"title-lg\", \"title-md\"] },\n        { text: [\"body-lg\", \"body-md\", \"body-sm\"] },\n        { text: [\"label\", \"label-caps\"] },\n        { text: [\"code-md\", \"code-sm\"] },\n      ],\n    },\n  },\n});\n\n/**\n * Merge Tailwind classes with conflict resolution.\n * Standard utility across all @theokit/ui components.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/chunk-FELH4AAQ.js

@@ -1,90 +0,0 @@
-import { cn } from './chunk-EWDN56AS.js';
-import { CircleX, Circle, CheckCircle2, Loader2, CircleDashed } from 'lucide-react';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var STATUS_ICON = {
-  pending: CircleDashed,
-  running: Loader2,
-  done: CheckCircle2,
-  skipped: Circle,
-  failed: CircleX
-};
-var STATUS_COLOR = {
-  pending: "text-muted-foreground",
-  running: "text-primary",
-  done: "text-success",
-  skipped: "text-muted-foreground/60",
-  failed: "text-destructive"
-};
-var LABEL_STYLE = {
-  pending: "text-foreground",
-  running: "text-foreground",
-  done: "text-foreground line-through decoration-muted-foreground/40",
-  skipped: "text-muted-foreground line-through",
-  failed: "text-destructive"
-};
-var TaskNode = forwardRef(
-  ({ className, node, depth = 0, ...props }, ref) => {
-    const Icon = STATUS_ICON[node.status];
-    return /* @__PURE__ */ jsxs(
-      "li",
-      {
-        "data-slot": "task-node",
-        ref,
-        className: cn("grid gap-1", className),
-        style: { marginLeft: `${depth * 1.25}rem` },
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[auto_1fr] items-baseline gap-2", children: [
-            /* @__PURE__ */ jsx(
-              Icon,
-              {
-                "aria-hidden": "true",
-                className: cn(
-                  "mt-0.5 size-3.5 shrink-0",
-                  STATUS_COLOR[node.status],
-                  node.status === "running" && "animate-spin"
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx("p", { className: cn("text-body-sm", LABEL_STYLE[node.status]), children: node.label }),
-              node.detail ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: node.detail }) : null
-            ] })
-          ] }),
-          node.children && node.children.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "grid gap-1 border-border/30 border-l pl-2", children: node.children.map((child) => /* @__PURE__ */ jsx(TaskNode, { node: child, depth: depth + 1 }, child.id)) }) : null
-        ]
-      }
-    );
-  }
-);
-TaskNode.displayName = "TaskNode";
-var TaskPlan = forwardRef(
-  ({ className, nodes, title = "Plan", summary, ...props }, ref) => {
-    const auto = nodes.length;
-    const done = nodes.filter((n) => n.status === "done").length;
-    const computedSummary = summary ?? (auto > 0 ? `${done} of ${auto} done` : "no steps");
-    return /* @__PURE__ */ jsxs(
-      "section",
-      {
-        "data-slot": "task-plan",
-        ref,
-        className: cn("rounded-xl border border-border bg-card p-4", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("header", { className: "mb-3 flex items-baseline justify-between gap-3", children: [
-            title ? /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }) : /* @__PURE__ */ jsx("span", {}),
-            /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground tabular-nums", children: computedSummary })
-          ] }),
-          /* @__PURE__ */ jsx("ul", { className: "grid gap-1.5", children: nodes.map((node) => /* @__PURE__ */ jsx(TaskNode, { node }, node.id)) })
-        ]
-      }
-    );
-  }
-);
-TaskPlan.displayName = "TaskPlan";
-
-export { TaskNode, TaskPlan };
-//# sourceMappingURL=chunk-FELH4AAQ.js.map
-//# sourceMappingURL=chunk-FELH4AAQ.js.map

package/dist/chunk-FELH4AAQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/task-plan/task-plan.tsx"],"names":[],"mappings":"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","file":"chunk-FELH4AAQ.js","sourcesContent":["import { CheckCircle2, Circle, CircleDashed, CircleX, Loader2 } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type PlanNodeStatus = \"pending\" | \"running\" | \"done\" | \"skipped\" | \"failed\";\n\nexport interface PlanNode {\n  id: string;\n  label: string;\n  status: PlanNodeStatus;\n  /** Optional details / sub-explanation. */\n  detail?: string;\n  /** Sub-nodes (rendered indented). */\n  children?: PlanNode[];\n}\n\nconst STATUS_ICON = {\n  pending: CircleDashed,\n  running: Loader2,\n  done: CheckCircle2,\n  skipped: Circle,\n  failed: CircleX,\n} as const;\n\nconst STATUS_COLOR: Record<PlanNodeStatus, string> = {\n  pending: \"text-muted-foreground\",\n  running: \"text-primary\",\n  done: \"text-success\",\n  skipped: \"text-muted-foreground/60\",\n  failed: \"text-destructive\",\n};\n\nconst LABEL_STYLE: Record<PlanNodeStatus, string> = {\n  pending: \"text-foreground\",\n  running: \"text-foreground\",\n  done: \"text-foreground line-through decoration-muted-foreground/40\",\n  skipped: \"text-muted-foreground line-through\",\n  failed: \"text-destructive\",\n};\n\ninterface TaskNodeProps extends HTMLAttributes<HTMLLIElement> {\n  node: PlanNode;\n  depth?: number;\n}\n\n/**\n * TaskNode — single row in a task plan. Renders its own children recursively\n * with increasing indentation.\n */\nconst TaskNode = forwardRef<HTMLLIElement, TaskNodeProps>(\n  ({ className, node, depth = 0, ...props }, ref) => {\n    const Icon = STATUS_ICON[node.status];\n    return (\n      <li\n        data-slot=\"task-node\"\n        ref={ref}\n        className={cn(\"grid gap-1\", className)}\n        style={{ marginLeft: `${depth * 1.25}rem` }}\n        {...props}\n      >\n        <div className=\"grid grid-cols-[auto_1fr] items-baseline gap-2\">\n          <Icon\n            aria-hidden=\"true\"\n            className={cn(\n              \"mt-0.5 size-3.5 shrink-0\",\n              STATUS_COLOR[node.status],\n              node.status === \"running\" && \"animate-spin\",\n            )}\n          />\n          <div className=\"min-w-0\">\n            <p className={cn(\"text-body-sm\", LABEL_STYLE[node.status])}>{node.label}</p>\n            {node.detail ? (\n              <p className=\"text-body-sm text-muted-foreground\">{node.detail}</p>\n            ) : null}\n          </div>\n        </div>\n        {node.children && node.children.length > 0 ? (\n          <ul className=\"grid gap-1 border-border/30 border-l pl-2\">\n            {node.children.map((child) => (\n              <TaskNode key={child.id} node={child} depth={depth + 1} />\n            ))}\n          </ul>\n        ) : null}\n      </li>\n    );\n  },\n);\nTaskNode.displayName = \"TaskNode\";\n\ninterface TaskPlanProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  nodes: PlanNode[];\n  /** Header title. */\n  title?: ReactNode;\n  /** Summary line shown next to the title (e.g. \"3 of 7 done\"). */\n  summary?: ReactNode;\n}\n\n/**\n * TaskPlan — hierarchical task plan, à la Claude \"plan mode\".\n *\n * The agent emits a structured plan; the user sees each step progress from\n * pending → running → done (or failed/skipped). Children render with one\n * extra indent level and a left border to suggest hierarchy.\n */\nconst TaskPlan = forwardRef<HTMLElement, TaskPlanProps>(\n  ({ className, nodes, title = \"Plan\", summary, ...props }, ref) => {\n    const auto = nodes.length;\n    const done = nodes.filter((n) => n.status === \"done\").length;\n    const computedSummary = summary ?? (auto > 0 ? `${done} of ${auto} done` : \"no steps\");\n    return (\n      <section\n        data-slot=\"task-plan\"\n        ref={ref}\n        className={cn(\"rounded-xl border border-border bg-card p-4\", className)}\n        {...props}\n      >\n        <header className=\"mb-3 flex items-baseline justify-between gap-3\">\n          {title ? (\n            <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n          ) : (\n            <span />\n          )}\n          <span className=\"font-mono text-label text-muted-foreground tabular-nums\">\n            {computedSummary}\n          </span>\n        </header>\n        <ul className=\"grid gap-1.5\">\n          {nodes.map((node) => (\n            <TaskNode key={node.id} node={node} />\n          ))}\n        </ul>\n      </section>\n    );\n  },\n);\nTaskPlan.displayName = \"TaskPlan\";\n\nexport { TaskNode, TaskPlan };\n"]}

package/dist/chunk-FJZKA2LV.js

@@ -1,165 +0,0 @@
-import { cn } from './chunk-EWDN56AS.js';
-import { ChevronRight } from 'lucide-react';
-import { forwardRef, Fragment } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var Root = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "header",
-    {
-      "data-slot": "top-nav",
-      ref,
-      className: cn(
-        "flex h-16 items-center justify-between gap-4 border-border/40 border-b bg-card px-6",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Root.displayName = "TopNav";
-var Left = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "top-nav-left",
-      ref,
-      className: cn("flex flex-1 items-center gap-3", className),
-      ...props
-    }
-  )
-);
-Left.displayName = "TopNav.Left";
-var Center = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "top-nav-center",
-      ref,
-      className: cn("hidden flex-1 justify-center md:flex", className),
-      ...props
-    }
-  )
-);
-Center.displayName = "TopNav.Center";
-var Right = forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "top-nav-right",
-      ref,
-      className: cn("flex flex-1 items-center justify-end gap-2", className),
-      ...props
-    }
-  )
-);
-Right.displayName = "TopNav.Right";
-var Breadcrumbs = forwardRef(
-  ({ className, items, ...props }, ref) => /* @__PURE__ */ jsx(
-    "nav",
-    {
-      "data-slot": "top-nav-breadcrumbs",
-      ref,
-      "aria-label": "Breadcrumb",
-      className: cn("flex items-center gap-1.5 text-body-sm", className),
-      ...props,
-      children: items.map((item, idx) => {
-        const isLast = idx === items.length - 1;
-        const key = typeof item.label === "string" ? item.label : idx;
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          item.href && !isLast ? /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: item.href,
-              className: "font-sans text-muted-foreground transition-colors hover:text-foreground",
-              children: item.label
-            }
-          ) : /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "font-sans",
-                isLast ? "font-medium text-foreground" : "text-muted-foreground"
-              ),
-              "aria-current": isLast ? "page" : void 0,
-              children: item.label
-            }
-          ),
-          !isLast ? /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 text-muted-foreground", "aria-hidden": "true" }) : null
-        ] }, key);
-      })
-    }
-  )
-);
-Breadcrumbs.displayName = "TopNav.Breadcrumbs";
-var ModeSwitcher = forwardRef(
-  ({ className, value, options, onChange, ariaLabel = "Mode", ...props }, ref) => {
-    const handleKeyDown = (e) => {
-      if (!onChange || options.length === 0) return;
-      const idx = options.findIndex((o) => o.value === value);
-      const current = idx >= 0 ? idx : 0;
-      let nextIdx = null;
-      if (e.key === "ArrowRight" || e.key === "ArrowDown") {
-        nextIdx = (current + 1) % options.length;
-      } else if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
-        nextIdx = (current - 1 + options.length) % options.length;
-      } else if (e.key === "Home") {
-        nextIdx = 0;
-      } else if (e.key === "End") {
-        nextIdx = options.length - 1;
-      }
-      if (nextIdx === null) return;
-      e.preventDefault();
-      const target = options[nextIdx];
-      if (target) onChange(target.value);
-    };
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-slot": "top-nav-mode-switcher",
-        ref,
-        role: "radiogroup",
-        "aria-label": ariaLabel,
-        onKeyDown: handleKeyDown,
-        className: cn(
-          "inline-flex items-center rounded-lg border border-border/60 bg-muted p-1",
-          className
-        ),
-        ...props,
-        children: options.map((opt) => {
-          const isActive = opt.value === value;
-          return /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              role: "radio",
-              "aria-checked": isActive,
-              tabIndex: isActive ? 0 : -1,
-              onClick: () => onChange?.(opt.value),
-              className: cn(
-                "rounded-md px-3 py-1.5 font-medium font-sans text-body-sm",
-                "transition-all duration-base ease-out-soft",
-                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                isActive ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
-              ),
-              children: opt.label
-            },
-            opt.value
-          );
-        })
-      }
-    );
-  }
-);
-ModeSwitcher.displayName = "TopNav.ModeSwitcher";
-var TopNav = /* @__PURE__ */ Object.assign(Root, {
-  Left,
-  Center,
-  Right,
-  Breadcrumbs,
-  ModeSwitcher
-});
-
-export { TopNav };
-//# sourceMappingURL=chunk-FJZKA2LV.js.map
-//# sourceMappingURL=chunk-FJZKA2LV.js.map

package/dist/chunk-FJZKA2LV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/topnav/topnav.tsx"],"names":[],"mappings":";;;;;AAoBA,IAAM,IAAA,GAAO,UAAA;AAAA,EACX,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,SAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,qFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,IAAA,CAAK,WAAA,GAAc,QAAA;AAEnB,IAAM,IAAA,GAAO,UAAA;AAAA,EACX,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,gCAAA,EAAkC,SAAS,CAAA;AAAA,MACxD,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,IAAA,CAAK,WAAA,GAAc,aAAA;AAEnB,IAAM,MAAA,GAAS,UAAA;AAAA,EACb,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,sCAAA,EAAwC,SAAS,CAAA;AAAA,MAC9D,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,MAAA,CAAO,WAAA,GAAc,eAAA;AAErB,IAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,4CAAA,EAA8C,SAAS,CAAA;AAAA,MACpE,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,KAAA,CAAM,WAAA,GAAc,cAAA;AAWpB,IAAM,WAAA,GAAc,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,OAAO,GAAG,KAAA,IAAS,GAAA,qBAC/B,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,GAAA;AAAA,MACA,YAAA,EAAW,YAAA;AAAA,MACX,SAAA,EAAW,EAAA,CAAG,wCAAA,EAA0C,SAAS,CAAA;AAAA,MAChE,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,GAAA,KAAQ;AACxB,QAAA,MAAM,MAAA,GAAS,GAAA,KAAQ,KAAA,CAAM,MAAA,GAAS,CAAA;AACtC,QAAA,MAAM,MAAM,OAAO,IAAA,CAAK,KAAA,KAAU,QAAA,GAAW,KAAK,KAAA,GAAQ,GAAA;AAC1D,QAAA,4BACG,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,IAAA,IAAQ,CAAC,MAAA,mBACb,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,SAAA,EAAU,yEAAA;AAAA,cAET,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,WACR,mBAEA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,WAAA;AAAA,gBACA,SAAS,6BAAA,GAAgC;AAAA,eAC3C;AAAA,cACA,cAAA,EAAc,SAAS,MAAA,GAAS,MAAA;AAAA,cAE/B,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,WACR;AAAA,UAED,CAAC,yBACA,GAAA,CAAC,YAAA,EAAA,EAAa,WAAU,gCAAA,EAAiC,aAAA,EAAY,QAAO,CAAA,GAC1E;AAAA,SAAA,EAAA,EArBS,GAsBf,CAAA;AAAA,MAEJ,CAAC;AAAA;AAAA;AAGP,CAAA;AACA,WAAA,CAAY,WAAA,GAAc,oBAAA;AA2B1B,IAAM,YAAA,GAAe,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,OAAA,EAAS,QAAA,EAAU,SAAA,GAAY,MAAA,EAAQ,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC9E,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAqC;AAC1D,MAAA,IAAI,CAAC,QAAA,IAAY,OAAA,CAAQ,MAAA,KAAW,CAAA,EAAG;AACvC,MAAA,MAAM,MAAM,OAAA,CAAQ,SAAA,CAAU,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,KAAK,CAAA;AACtD,MAAA,MAAM,OAAA,GAAU,GAAA,IAAO,CAAA,GAAI,GAAA,GAAM,CAAA;AACjC,MAAA,IAAI,OAAA,GAAyB,IAAA;AAC7B,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,YAAA,IAAgB,CAAA,CAAE,QAAQ,WAAA,EAAa;AACnD,QAAA,OAAA,GAAA,CAAW,OAAA,GAAU,KAAK,OAAA,CAAQ,MAAA;AAAA,MACpC,WAAW,CAAA,CAAE,GAAA,KAAQ,WAAA,IAAe,CAAA,CAAE,QAAQ,SAAA,EAAW;AACvD,QAAA,OAAA,GAAA,CAAW,OAAA,GAAU,CAAA,GAAI,OAAA,CAAQ,MAAA,IAAU,OAAA,CAAQ,MAAA;AAAA,MACrD,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,MAAA,EAAQ;AAC3B,QAAA,OAAA,GAAU,CAAA;AAAA,MACZ,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO;AAC1B,QAAA,OAAA,GAAU,QAAQ,MAAA,GAAS,CAAA;AAAA,MAC7B;AACA,MAAA,IAAI,YAAY,IAAA,EAAM;AACtB,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,MAAM,MAAA,GAAS,QAAQ,OAAO,CAAA;AAC9B,MAAA,IAAI,MAAA,EAAQ,QAAA,CAAS,MAAA,CAAO,KAAK,CAAA;AAAA,IACnC,CAAA;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,uBAAA;AAAA,QACV,GAAA;AAAA,QACA,IAAA,EAAK,YAAA;AAAA,QACL,YAAA,EAAY,SAAA;AAAA,QACZ,SAAA,EAAW,aAAA;AAAA,QACX,SAAA,EAAW,EAAA;AAAA,UACT,0EAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,GAAA,KAAQ;AACpB,UAAA,MAAM,QAAA,GAAW,IAAI,KAAA,KAAU,KAAA;AAC/B,UAAA,uBACE,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,QAAA;AAAA,cAEL,IAAA,EAAK,OAAA;AAAA,cACL,cAAA,EAAc,QAAA;AAAA,cACd,QAAA,EAAU,WAAW,CAAA,GAAI,EAAA;AAAA,cACzB,OAAA,EAAS,MAAM,QAAA,GAAW,GAAA,CAAI,KAAK,CAAA;AAAA,cACnC,SAAA,EAAW,EAAA;AAAA,gBACT,2DAAA;AAAA,gBACA,4CAAA;AAAA,gBACA,yEAAA;AAAA,gBACA,WACI,mCAAA,GACA;AAAA,eACN;AAAA,cAEC,QAAA,EAAA,GAAA,CAAI;AAAA,aAAA;AAAA,YAhBA,GAAA,CAAI;AAAA,WAiBX;AAAA,QAEJ,CAAC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AACA,YAAA,CAAa,WAAA,GAAc,qBAAA;AAE3B,IAAM,MAAA,mBAAuB,MAAA,CAAO,MAAA,CAAO,IAAA,EAAM;AAAA,EAC/C,IAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAC","file":"chunk-FJZKA2LV.js","sourcesContent":["import { ChevronRight } from \"lucide-react\";\nimport { Fragment, forwardRef } from \"react\";\nimport type { HTMLAttributes, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * TopNav — horizontal app bar (64px).\n *\n * Composition:\n *   <TopNav>\n *     <TopNav.Left>\n *       <TopNav.Breadcrumbs items={[{label: \"acme\"}, {label: \"api\"}]} />\n *     </TopNav.Left>\n *     <TopNav.Center>…segmented switcher…</TopNav.Center>\n *     <TopNav.Right>…actions…</TopNav.Right>\n *   </TopNav>\n *\n * Variant — hairline bottom border. No glass/blur (anti-glass guideline).\n */\n\nconst Root = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  ({ className, ...props }, ref) => (\n    <header\n      data-slot=\"top-nav\"\n      ref={ref}\n      className={cn(\n        \"flex h-16 items-center justify-between gap-4 border-border/40 border-b bg-card px-6\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nRoot.displayName = \"TopNav\";\n\nconst Left = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      data-slot=\"top-nav-left\"\n      ref={ref}\n      className={cn(\"flex flex-1 items-center gap-3\", className)}\n      {...props}\n    />\n  ),\n);\nLeft.displayName = \"TopNav.Left\";\n\nconst Center = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      data-slot=\"top-nav-center\"\n      ref={ref}\n      className={cn(\"hidden flex-1 justify-center md:flex\", className)}\n      {...props}\n    />\n  ),\n);\nCenter.displayName = \"TopNav.Center\";\n\nconst Right = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      data-slot=\"top-nav-right\"\n      ref={ref}\n      className={cn(\"flex flex-1 items-center justify-end gap-2\", className)}\n      {...props}\n    />\n  ),\n);\nRight.displayName = \"TopNav.Right\";\n\ninterface BreadcrumbItem {\n  label: ReactNode;\n  href?: string;\n}\n\ninterface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n  items: BreadcrumbItem[];\n}\n\nconst Breadcrumbs = forwardRef<HTMLElement, BreadcrumbsProps>(\n  ({ className, items, ...props }, ref) => (\n    <nav\n      data-slot=\"top-nav-breadcrumbs\"\n      ref={ref}\n      aria-label=\"Breadcrumb\"\n      className={cn(\"flex items-center gap-1.5 text-body-sm\", className)}\n      {...props}\n    >\n      {items.map((item, idx) => {\n        const isLast = idx === items.length - 1;\n        const key = typeof item.label === \"string\" ? item.label : idx;\n        return (\n          <Fragment key={key}>\n            {item.href && !isLast ? (\n              <a\n                href={item.href}\n                className=\"font-sans text-muted-foreground transition-colors hover:text-foreground\"\n              >\n                {item.label}\n              </a>\n            ) : (\n              <span\n                className={cn(\n                  \"font-sans\",\n                  isLast ? \"font-medium text-foreground\" : \"text-muted-foreground\",\n                )}\n                aria-current={isLast ? \"page\" : undefined}\n              >\n                {item.label}\n              </span>\n            )}\n            {!isLast ? (\n              <ChevronRight className=\"size-3.5 text-muted-foreground\" aria-hidden=\"true\" />\n            ) : null}\n          </Fragment>\n        );\n      })}\n    </nav>\n  ),\n);\nBreadcrumbs.displayName = \"TopNav.Breadcrumbs\";\n\ninterface ModeSwitcherOption {\n  value: string;\n  label: ReactNode;\n}\n\ninterface ModeSwitcherProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  value: string;\n  options: ModeSwitcherOption[];\n  onChange?: (value: string) => void;\n  /**\n   * Accessible label for the radiogroup. Defaults to \"Mode\".\n   */\n  ariaLabel?: string;\n}\n\n/**\n * TopNav.ModeSwitcher — segmented control (Chat / Code / Infra).\n *\n * ARIA semantics: `role=\"radiogroup\"` + `role=\"radio\"` per option, with roving\n * tabindex and full keyboard navigation (Arrow keys + Home/End). Per WAI-ARIA\n * radiogroup pattern, exactly one option has `tabIndex=0` (the active one) and\n * the rest have `tabIndex=-1`, so Tab moves in and Tab moves out.\n *\n * Stateless: pass `value` + `onChange`.\n */\nconst ModeSwitcher = forwardRef<HTMLDivElement, ModeSwitcherProps>(\n  ({ className, value, options, onChange, ariaLabel = \"Mode\", ...props }, ref) => {\n    const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n      if (!onChange || options.length === 0) return;\n      const idx = options.findIndex((o) => o.value === value);\n      const current = idx >= 0 ? idx : 0;\n      let nextIdx: number | null = null;\n      if (e.key === \"ArrowRight\" || e.key === \"ArrowDown\") {\n        nextIdx = (current + 1) % options.length;\n      } else if (e.key === \"ArrowLeft\" || e.key === \"ArrowUp\") {\n        nextIdx = (current - 1 + options.length) % options.length;\n      } else if (e.key === \"Home\") {\n        nextIdx = 0;\n      } else if (e.key === \"End\") {\n        nextIdx = options.length - 1;\n      }\n      if (nextIdx === null) return;\n      e.preventDefault();\n      const target = options[nextIdx];\n      if (target) onChange(target.value);\n    };\n\n    return (\n      <div\n        data-slot=\"top-nav-mode-switcher\"\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={ariaLabel}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"inline-flex items-center rounded-lg border border-border/60 bg-muted p-1\",\n          className,\n        )}\n        {...props}\n      >\n        {options.map((opt) => {\n          const isActive = opt.value === value;\n          return (\n            <button\n              key={opt.value}\n              type=\"button\"\n              // biome-ignore lint/a11y/useSemanticElements: WAI-ARIA radiogroup pattern requires role=\"radio\" on buttons for segmented controls\n              role=\"radio\"\n              aria-checked={isActive}\n              tabIndex={isActive ? 0 : -1}\n              onClick={() => onChange?.(opt.value)}\n              className={cn(\n                \"rounded-md px-3 py-1.5 font-medium font-sans text-body-sm\",\n                \"transition-all duration-base ease-out-soft\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                isActive\n                  ? \"bg-card text-foreground shadow-sm\"\n                  : \"text-muted-foreground hover:text-foreground\",\n              )}\n            >\n              {opt.label}\n            </button>\n          );\n        })}\n      </div>\n    );\n  },\n);\nModeSwitcher.displayName = \"TopNav.ModeSwitcher\";\n\nconst TopNav = /*#__PURE__*/ Object.assign(Root, {\n  Left,\n  Center,\n  Right,\n  Breadcrumbs,\n  ModeSwitcher,\n});\n\nexport { TopNav };\n"]}

package/dist/chunk-FM72LBCJ.js

@@ -1,102 +0,0 @@
-"use client";
-import { Textarea } from './chunk-ESJUISWY.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 TextPrompt = forwardRef(
-  ({
-    className,
-    question,
-    description,
-    badge,
-    value,
-    defaultValue,
-    onValueChange,
-    placeholder,
-    multiline = false,
-    rows = 3,
-    required = false,
-    confirmLabel = "Confirm",
-    cancelLabel = "Cancel",
-    onConfirm,
-    onCancel,
-    ...props
-  }, ref) => {
-    const baseId = useId();
-    const questionId = `${baseId}-question`;
-    const fieldId = `${baseId}-field`;
-    const [internalValue, setInternalValue] = useState(defaultValue ?? "");
-    const text = value !== void 0 ? value : internalValue;
-    const setText = (next) => {
-      if (value === void 0) setInternalValue(next);
-      onValueChange?.(next);
-    };
-    const confirmDisabled = required && text.trim().length === 0;
-    const confirm = () => {
-      if (confirmDisabled) return;
-      onConfirm?.({ text });
-    };
-    return /* @__PURE__ */ jsxs(
-      "section",
-      {
-        "data-slot": "text-prompt",
-        ref,
-        "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",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("header", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ jsx(
-              Label,
-              {
-                htmlFor: fieldId,
-                id: questionId,
-                required,
-                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,
-          multiline ? /* @__PURE__ */ jsx(
-            Textarea,
-            {
-              id: fieldId,
-              rows,
-              placeholder,
-              value: text,
-              onChange: (event) => setText(event.target.value)
-            }
-          ) : /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: fieldId,
-              placeholder,
-              value: text,
-              onChange: (event) => setText(event.target.value)
-            }
-          ),
-          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: confirmDisabled, onClick: confirm, children: confirmLabel }) : null
-          ] }) : null
-        ]
-      }
-    );
-  }
-);
-TextPrompt.displayName = "TextPrompt";
-
-export { TextPrompt };
-//# sourceMappingURL=chunk-FM72LBCJ.js.map
-//# sourceMappingURL=chunk-FM72LBCJ.js.map

package/dist/chunk-FM72LBCJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/composites/text-prompt/text-prompt.tsx"],"names":[],"mappings":";;;;;;;;;AA2DA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CACE;AAAA,IACE,SAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA,GAAY,KAAA;AAAA,IACZ,IAAA,GAAO,CAAA;AAAA,IACP,QAAA,GAAW,KAAA;AAAA,IACX,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,OAAA,GAAU,GAAG,MAAM,CAAA,MAAA,CAAA;AAEzB,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA,CAAS,gBAAgB,EAAE,CAAA;AACrE,IAAA,MAAM,IAAA,GAAO,KAAA,KAAU,MAAA,GAAY,KAAA,GAAQ,aAAA;AAE3C,IAAA,MAAM,OAAA,GAAU,CAAC,IAAA,KAAuB;AACtC,MAAA,IAAI,KAAA,KAAU,MAAA,EAAW,gBAAA,CAAiB,IAAI,CAAA;AAC9C,MAAA,aAAA,GAAgB,IAAI,CAAA;AAAA,IACtB,CAAA;AAEA,IAAA,MAAM,eAAA,GAAkB,QAAA,IAAY,IAAA,CAAK,IAAA,GAAO,MAAA,KAAW,CAAA;AAE3D,IAAA,MAAM,UAAU,MAAY;AAC1B,MAAA,IAAI,eAAA,EAAiB;AACrB,MAAA,SAAA,GAAY,EAAE,MAAM,CAAA;AAAA,IACtB,CAAA;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,aAAA;AAAA,QACV,GAAA;AAAA,QACA,iBAAA,EAAiB,UAAA;AAAA,QACjB,SAAA,EAAW,EAAA;AAAA,UACT,8FAAA;AAAA,UACA,+CAAA;AAAA,UACA;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;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,OAAA;AAAA,gBACT,EAAA,EAAI,UAAA;AAAA,gBACJ,QAAA;AAAA,gBACA,SAAA,EAAU,2DAAA;AAAA,gBAET,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YACC,KAAA,IAAS,IAAA,mBACR,GAAA,CAAC,YAAA,EAAA,EAAM,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,UAAA,EAC1C,QAAA,EAAA,KAAA,EACH,CAAA,GACE;AAAA,WAAA,EACN,CAAA;AAAA,UACC,eAAe,IAAA,mBACd,GAAA,CAAC,OAAE,SAAA,EAAU,oCAAA,EAAsC,uBAAY,CAAA,GAC7D,IAAA;AAAA,UAEH,SAAA,mBACC,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,OAAA;AAAA,cACJ,IAAA;AAAA,cACA,WAAA;AAAA,cACA,KAAA,EAAO,IAAA;AAAA,cACP,UAAU,CAAC,KAAA,KAAU,OAAA,CAAQ,KAAA,CAAM,OAAO,KAAK;AAAA;AAAA,WACjD,mBAEA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,OAAA;AAAA,cACJ,WAAA;AAAA,cACA,KAAA,EAAO,IAAA;AAAA,cACP,UAAU,CAAC,KAAA,KAAU,OAAA,CAAQ,KAAA,CAAM,OAAO,KAAK;AAAA;AAAA,WACjD;AAAA,UAGD,SAAA,IAAa,QAAA,mBACZ,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,qCAAA,EACf,QAAA,EAAA;AAAA,YAAA,QAAA,mBACC,GAAA,CAAC,UAAO,IAAA,EAAK,IAAA,EAAK,SAAQ,WAAA,EAAY,OAAA,EAAS,QAAA,EAC5C,QAAA,EAAA,WAAA,EACH,CAAA,GACE,IAAA;AAAA,YACH,SAAA,mBACC,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,QAAA,EAAU,eAAA,EAAiB,OAAA,EAAS,OAAA,EACrE,QAAA,EAAA,YAAA,EACH,CAAA,GACE;AAAA,WAAA,EACN,CAAA,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-FM72LBCJ.js","sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useState } 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\";\nimport { Input } from \"../../primitives/input/index.js\";\nimport { Label } from \"../../primitives/label/index.js\";\nimport { Textarea } from \"../../primitives/textarea/index.js\";\n\n/**\n * TextPrompt — free-text \"ask the user\" card for agent surfaces.\n *\n * The open-ended sibling of `ChoicePrompt`: a question with an optional header\n * chip and a single-line (`Input`) or multi-line (`Textarea`) field. Equivalent\n * to the \"Other\" affordance promoted to a question of its own.\n *\n * Renders one question at a time — sequencing is the consumer's responsibility.\n * Controlled (`value` + `onValueChange`) or uncontrolled (`defaultValue`).\n */\n\n/** Payload handed to `onConfirm`. */\nexport interface TextPromptResult {\n  /** The typed text. */\n  text: string;\n}\n\nexport interface TextPromptProps 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  /** Controlled text value. */\n  value?: string;\n  /** Initial text when uncontrolled. */\n  defaultValue?: string;\n  /** Fired with the text on every keystroke. */\n  onValueChange?: (text: string) => void;\n  /** Field placeholder. */\n  placeholder?: string;\n  /** Render a multi-line Textarea instead of a single-line Input. */\n  multiline?: boolean;\n  /** Rows for the Textarea when `multiline`. Default 3. */\n  rows?: number;\n  /** Require non-empty text before Confirm enables. */\n  required?: boolean;\n  /** Confirm button label. Defaults to \"Confirm\". Omit `onConfirm` to hide it. */\n  confirmLabel?: ReactNode;\n  /** Cancel button label. Defaults to \"Cancel\". Omit `onCancel` to hide it. */\n  cancelLabel?: ReactNode;\n  /** Pressing Confirm. Receives the typed text. */\n  onConfirm?: (result: TextPromptResult) => void;\n  /** Pressing Cancel. */\n  onCancel?: () => void;\n}\n\nconst TextPrompt = forwardRef<HTMLElement, TextPromptProps>(\n  (\n    {\n      className,\n      question,\n      description,\n      badge,\n      value,\n      defaultValue,\n      onValueChange,\n      placeholder,\n      multiline = false,\n      rows = 3,\n      required = false,\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 fieldId = `${baseId}-field`;\n\n    const [internalValue, setInternalValue] = useState(defaultValue ?? \"\");\n    const text = value !== undefined ? value : internalValue;\n\n    const setText = (next: string): void => {\n      if (value === undefined) setInternalValue(next);\n      onValueChange?.(next);\n    };\n\n    const confirmDisabled = required && text.trim().length === 0;\n\n    const confirm = (): void => {\n      if (confirmDisabled) return;\n      onConfirm?.({ text });\n    };\n\n    return (\n      <section\n        data-slot=\"text-prompt\"\n        ref={ref}\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          className,\n        )}\n        {...props}\n      >\n        <header className=\"flex items-start justify-between gap-3\">\n          <Label\n            htmlFor={fieldId}\n            id={questionId}\n            required={required}\n            className=\"font-display text-foreground text-title-md tracking-tight\"\n          >\n            {question}\n          </Label>\n          {badge != null ? (\n            <Badge variant=\"primary\" size=\"sm\" className=\"shrink-0\">\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        {multiline ? (\n          <Textarea\n            id={fieldId}\n            rows={rows}\n            placeholder={placeholder}\n            value={text}\n            onChange={(event) => setText(event.target.value)}\n          />\n        ) : (\n          <Input\n            id={fieldId}\n            placeholder={placeholder}\n            value={text}\n            onChange={(event) => setText(event.target.value)}\n          />\n        )}\n\n        {onConfirm || onCancel ? (\n          <footer className=\"flex items-center justify-end gap-2\">\n            {onCancel ? (\n              <Button size=\"sm\" variant=\"secondary\" onClick={onCancel}>\n                {cancelLabel}\n              </Button>\n            ) : null}\n            {onConfirm ? (\n              <Button size=\"sm\" variant=\"primary\" disabled={confirmDisabled} onClick={confirm}>\n                {confirmLabel}\n              </Button>\n            ) : null}\n          </footer>\n        ) : null}\n      </section>\n    );\n  },\n);\nTextPrompt.displayName = \"TextPrompt\";\n\nexport { TextPrompt };\n"]}