@theokit/ui 0.13.0

package/dist/chunk-OAKCXT35.js

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

package/dist/chunk-OAKCXT35.js.map

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

package/dist/chunk-OSD3U3HT.js

@@ -0,0 +1,54 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { RefreshCw, Maximize2, X } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ArtifactPreview = forwardRef(
+  ({ className, title, source, tabs, toolbar, onMaximize, onRefresh, onClose, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ref,
+      className: cn("flex h-full flex-col overflow-hidden rounded-xl border bg-card", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex items-center gap-3 border-border/40 border-b px-3 py-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-body-sm text-foreground", children: title }),
+            source ? /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-label text-muted-foreground", children: source }) : null
+          ] }),
+          toolbar ?? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            onRefresh ? /* @__PURE__ */ jsx(ToolbarButton, { onClick: onRefresh, "aria-label": "Refresh", children: /* @__PURE__ */ jsx(RefreshCw, { className: "size-3.5" }) }) : null,
+            onMaximize ? /* @__PURE__ */ jsx(ToolbarButton, { onClick: onMaximize, "aria-label": "Maximize", children: /* @__PURE__ */ jsx(Maximize2, { className: "size-3.5" }) }) : null,
+            onClose ? /* @__PURE__ */ jsx(ToolbarButton, { onClick: onClose, "aria-label": "Close preview", children: /* @__PURE__ */ jsx(X, { className: "size-3.5" }) }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children }),
+        tabs ? /* @__PURE__ */ jsx("footer", { className: "flex items-center gap-1 border-border/40 border-t px-2 py-1", children: tabs }) : null
+      ]
+    }
+  )
+);
+ArtifactPreview.displayName = "ArtifactPreview";
+function ToolbarButton({
+  onClick,
+  children,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-label": ariaLabel,
+      className: cn(
+        "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      ),
+      children
+    }
+  );
+}
+
+export { ArtifactPreview };
+//# sourceMappingURL=chunk-OSD3U3HT.js.map
+//# sourceMappingURL=chunk-OSD3U3HT.js.map

package/dist/chunk-OSD3U3HT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/artifact-preview/artifact-preview.tsx"],"names":[],"mappings":";;;;;AA4BA,IAAM,eAAA,GAAkB,UAAA;AAAA,EACtB,CACE,EAAE,SAAA,EAAW,KAAA,EAAO,QAAQ,IAAA,EAAM,OAAA,EAAS,UAAA,EAAY,SAAA,EAAW,OAAA,EAAS,QAAA,EAAU,GAAG,KAAA,IACxF,GAAA,qBAEA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,gEAAA,EAAkE,SAAS,CAAA;AAAA,MACxF,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,6DAAA,EAChB,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,YACvE,yBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,qDAAA,EAAuD,kBAAO,CAAA,GACzE;AAAA,WAAA,EACN,CAAA;AAAA,UACC,OAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,YAAA,SAAA,mBACC,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAS,SAAA,EAAW,YAAA,EAAW,SAAA,EAC5C,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,UAAA,EAAW,CAAA,EAClC,CAAA,GACE,IAAA;AAAA,YACH,UAAA,mBACC,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAS,UAAA,EAAY,YAAA,EAAW,UAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,UAAA,EAAW,CAAA,EAClC,CAAA,GACE,IAAA;AAAA,YACH,OAAA,mBACC,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAS,OAAA,EAAS,YAAA,EAAW,eAAA,EAC1C,QAAA,kBAAA,GAAA,CAAC,CAAA,EAAA,EAAE,SAAA,EAAU,UAAA,EAAW,CAAA,EAC1B,CAAA,GACE;AAAA,WAAA,EACN;AAAA,SAAA,EAEJ,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EAAwB,QAAA,EAAS,CAAA;AAAA,QAC/C,uBACC,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,6DAAA,EACf,gBACH,CAAA,GACE;AAAA;AAAA;AAAA;AAGV;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,SAAS,aAAA,CAAc;AAAA,EACrB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA,EAAc;AAChB,CAAA,EAIG;AACD,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,+FAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-OSD3U3HT.js","sourcesContent":["import { Maximize2, RefreshCw, X } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\ninterface ArtifactPreviewProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title: ReactNode;\n  /** Optional source/destination label (e.g. \"Google Drive\", \"Local · ~/reports\"). */\n  source?: ReactNode;\n  /**\n   * Tabs at the bottom of the artifact (e.g. \"Expense Report | Currency Summary\").\n   * Caller controls the active state externally.\n   */\n  tabs?: ReactNode;\n  /** Top toolbar actions. Defaults to refresh + maximize + close. */\n  toolbar?: ReactNode;\n  onMaximize?: () => void;\n  onRefresh?: () => void;\n  onClose?: () => void;\n}\n\n/**\n * ArtifactPreview — shell for previewing a generated artifact (XLSX, PDF, image…).\n *\n * Renders a toolbar + content slot + optional bottom tabs. The actual preview\n * (spreadsheet, PDF embed, image) is the caller's `children`, so this stays\n * dependency-free.\n */\nconst ArtifactPreview = forwardRef<HTMLElement, ArtifactPreviewProps>(\n  (\n    { className, title, source, tabs, toolbar, onMaximize, onRefresh, onClose, children, ...props },\n    ref,\n  ) => (\n    <section\n      ref={ref}\n      className={cn(\"flex h-full flex-col overflow-hidden rounded-xl border bg-card\", className)}\n      {...props}\n    >\n      <header className=\"flex items-center gap-3 border-border/40 border-b px-3 py-2\">\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"truncate font-medium text-body-sm text-foreground\">{title}</p>\n          {source ? (\n            <p className=\"truncate font-mono text-label text-muted-foreground\">{source}</p>\n          ) : null}\n        </div>\n        {toolbar ?? (\n          <div className=\"flex items-center gap-1\">\n            {onRefresh ? (\n              <ToolbarButton onClick={onRefresh} aria-label=\"Refresh\">\n                <RefreshCw className=\"size-3.5\" />\n              </ToolbarButton>\n            ) : null}\n            {onMaximize ? (\n              <ToolbarButton onClick={onMaximize} aria-label=\"Maximize\">\n                <Maximize2 className=\"size-3.5\" />\n              </ToolbarButton>\n            ) : null}\n            {onClose ? (\n              <ToolbarButton onClick={onClose} aria-label=\"Close preview\">\n                <X className=\"size-3.5\" />\n              </ToolbarButton>\n            ) : null}\n          </div>\n        )}\n      </header>\n      <div className=\"flex-1 overflow-auto\">{children}</div>\n      {tabs ? (\n        <footer className=\"flex items-center gap-1 border-border/40 border-t px-2 py-1\">\n          {tabs}\n        </footer>\n      ) : null}\n    </section>\n  ),\n);\nArtifactPreview.displayName = \"ArtifactPreview\";\n\nfunction ToolbarButton({\n  onClick,\n  children,\n  \"aria-label\": ariaLabel,\n}: {\n  onClick?: () => void;\n  children: ReactNode;\n  \"aria-label\": string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-label={ariaLabel}\n      className={cn(\n        \"rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport { ArtifactPreview };\n"]}

package/dist/chunk-OUXESQ2R.js

@@ -0,0 +1,42 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var StepsRail = forwardRef(
+  ({ className, steps, title, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      ref,
+      className: cn(
+        "flex w-14 flex-col items-center gap-6 border-border/40 border-l py-6",
+        className
+      ),
+      "aria-label": "Task steps",
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx("span", { className: "font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: title }) : null,
+        /* @__PURE__ */ jsx("ol", { className: "before:-translate-x-1/2 relative grid place-items-center gap-6 before:absolute before:top-3 before:bottom-3 before:left-1/2 before:w-px before:bg-border/60", children: steps.map((step, idx) => {
+          const state = step.state ?? (idx === 0 ? "current" : "pending");
+          return /* @__PURE__ */ jsx("li", { className: "relative z-10", children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "grid size-7 place-items-center rounded-full border-2 font-bold font-mono text-code-sm",
+                state === "complete" && "border-primary bg-primary text-primary-foreground",
+                state === "current" && "border-foreground bg-foreground text-background",
+                state === "pending" && "border-border bg-card text-muted-foreground"
+              ),
+              "aria-current": state === "current" ? "step" : void 0,
+              children: step.label ?? idx + 1
+            }
+          ) }, step.id);
+        }) })
+      ]
+    }
+  )
+);
+StepsRail.displayName = "StepsRail";
+
+export { StepsRail };
+//# sourceMappingURL=chunk-OUXESQ2R.js.map
+//# sourceMappingURL=chunk-OUXESQ2R.js.map

package/dist/chunk-OUXESQ2R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/steps-rail/steps-rail.tsx"],"names":[],"mappings":";;;;AA2BA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,OAAO,GAAG,KAAA,IAAS,GAAA,qBACtC,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,sEAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,YAAA,EAAW,YAAA;AAAA,MACV,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,KAAA,mBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0EAAA,EACb,iBACH,CAAA,GACE,IAAA;AAAA,wBACJ,GAAA,CAAC,QAAG,SAAA,EAAU,6JAAA,EACX,gBAAM,GAAA,CAAI,CAAC,MAAM,GAAA,KAAQ;AACxB,UAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,KAAU,GAAA,KAAQ,IAAI,SAAA,GAAY,SAAA,CAAA;AACrD,UAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAiB,SAAA,EAAU,eAAA,EAC1B,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,uFAAA;AAAA,gBACA,UAAU,UAAA,IAAc,mDAAA;AAAA,gBACxB,UAAU,SAAA,IAAa,iDAAA;AAAA,gBACvB,UAAU,SAAA,IAAa;AAAA,eACzB;AAAA,cACA,cAAA,EAAc,KAAA,KAAU,SAAA,GAAY,MAAA,GAAS,MAAA;AAAA,cAE5C,QAAA,EAAA,IAAA,CAAK,SAAS,GAAA,GAAM;AAAA;AAAA,WACvB,EAAA,EAXO,KAAK,EAYd,CAAA;AAAA,QAEJ,CAAC,CAAA,EACH;AAAA;AAAA;AAAA;AAGN;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-OUXESQ2R.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport interface RailStep {\n  id: string | number;\n  label?: ReactNode;\n  /**\n   * Visual state: \"complete\", \"current\", \"pending\".\n   */\n  state?: \"complete\" | \"current\" | \"pending\";\n}\n\ninterface StepsRailProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  steps: RailStep[];\n  /**\n   * Optional label rendered at the top of the rail (e.g. \"STEPS\").\n   */\n  title?: ReactNode;\n}\n\n/**\n * StepsRail — vertical numbered rail with connecting line.\n *\n * Mirrors the file-organisation wiremock right rail: 5 numbered dots, current\n * highlighted, line connecting them.\n */\nconst StepsRail = forwardRef<HTMLElement, StepsRailProps>(\n  ({ className, steps, title, ...props }, ref) => (\n    <aside\n      ref={ref}\n      className={cn(\n        \"flex w-14 flex-col items-center gap-6 border-border/40 border-l py-6\",\n        className,\n      )}\n      aria-label=\"Task steps\"\n      {...props}\n    >\n      {title ? (\n        <span className=\"font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n          {title}\n        </span>\n      ) : null}\n      <ol className=\"before:-translate-x-1/2 relative grid place-items-center gap-6 before:absolute before:top-3 before:bottom-3 before:left-1/2 before:w-px before:bg-border/60\">\n        {steps.map((step, idx) => {\n          const state = step.state ?? (idx === 0 ? \"current\" : \"pending\");\n          return (\n            <li key={step.id} className=\"relative z-10\">\n              <span\n                className={cn(\n                  \"grid size-7 place-items-center rounded-full border-2 font-bold font-mono text-code-sm\",\n                  state === \"complete\" && \"border-primary bg-primary text-primary-foreground\",\n                  state === \"current\" && \"border-foreground bg-foreground text-background\",\n                  state === \"pending\" && \"border-border bg-card text-muted-foreground\",\n                )}\n                aria-current={state === \"current\" ? \"step\" : undefined}\n              >\n                {step.label ?? idx + 1}\n              </span>\n            </li>\n          );\n        })}\n      </ol>\n    </aside>\n  ),\n);\nStepsRail.displayName = \"StepsRail\";\n\nexport { StepsRail };\n"]}

package/dist/chunk-OY2LJHMJ.js

@@ -0,0 +1,43 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { cva } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var textareaVariants = cva(
+  [
+    "flex w-full resize-y rounded-md border border-input bg-card",
+    "text-foreground placeholder:text-muted-foreground",
+    "transition-[box-shadow,border-color] duration-base ease-out-soft",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+    "focus-visible:border-primary",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "min-h-[64px] px-2.5 py-1.5 text-body-sm",
+        // md: text scale + padding tighten to body-sm per FAANG density.
+        // min-h stays 96px because multiline has its own height rationale.
+        md: "min-h-[6rem] px-[var(--theo-control-px,0.875rem)] py-1.5 text-body-sm",
+        lg: "min-h-[128px] px-4 py-2.5 text-body-md"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var Textarea = forwardRef(
+  ({ className, rows = 3, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref,
+      rows,
+      className: cn(textareaVariants({ size }), className),
+      ...props
+    }
+  )
+);
+Textarea.displayName = "Textarea";
+
+export { Textarea };
+//# sourceMappingURL=chunk-OY2LJHMJ.js.map
+//# sourceMappingURL=chunk-OY2LJHMJ.js.map

package/dist/chunk-OY2LJHMJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/textarea/textarea.tsx"],"names":[],"mappings":";;;;;AAgBA,IAAM,gBAAA,GAAmB,GAAA;AAAA,EACvB;AAAA,IACE,6DAAA;AAAA,IACA,mDAAA;AAAA,IACA,kEAAA;AAAA,IACA,0IAAA;AAAA,IACA,8BAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,yCAAA;AAAA;AAAA;AAAA,QAGJ,EAAA,EAAI,uEAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAAK;AAElC,CAAA;AAMA,IAAM,QAAA,GAAW,UAAA;AAAA,EACf,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,GAAG,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,qBACxC,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAClD,GAAG;AAAA;AAAA;AAGV;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-OY2LJHMJ.js","sourcesContent":["import { type VariantProps, cva } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Textarea — multi-line input mirror of Input.\n *\n * Matches Input visuals (violet focus ring, --input border, --card bg).\n * The `size` prop accepts `\"sm\" | \"md\" | \"lg\"`. Default `md` preserves the\n * 80px (5rem) min-height + body-md text from before this prop existed.\n *\n * Note: `TextareaHTMLAttributes<HTMLTextAreaElement>` does NOT declare a\n * native `size` attribute (textareas use `rows` / `cols`), so no Omit is\n * needed — contrast with `<Input>` which had EC-1 collision.\n */\nconst textareaVariants = cva(\n  [\n    \"flex w-full resize-y rounded-md border border-input bg-card\",\n    \"text-foreground placeholder:text-muted-foreground\",\n    \"transition-[box-shadow,border-color] duration-base ease-out-soft\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n    \"focus-visible:border-primary\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"min-h-[64px] px-2.5 py-1.5 text-body-sm\",\n        // md: text scale + padding tighten to body-sm per FAANG density.\n        // min-h stays 96px because multiline has its own height rationale.\n        md: \"min-h-[6rem] px-[var(--theo-control-px,0.875rem)] py-1.5 text-body-sm\",\n        lg: \"min-h-[128px] px-4 py-2.5 text-body-md\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport interface TextareaProps\n  extends TextareaHTMLAttributes<HTMLTextAreaElement>,\n    VariantProps<typeof textareaVariants> {}\n\nconst Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, rows = 3, size, ...props }, ref) => (\n    <textarea\n      ref={ref}\n      rows={rows}\n      className={cn(textareaVariants({ size }), className)}\n      {...props}\n    />\n  ),\n);\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea, textareaVariants };\n"]}

package/dist/chunk-OYEZR4CN.js

@@ -0,0 +1,221 @@
+import { ALL_MODES, MODE_LABEL } from './chunk-VM4RMQQN.js';
+import { Textarea } from './chunk-OY2LJHMJ.js';
+import { Select } from './chunk-27ENTTY7.js';
+import { Input } from './chunk-B3VAJSZ2.js';
+import { FormField } from './chunk-EG6IHP3H.js';
+import { Button } from './chunk-5VOSCJKQ.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TONES = [
+  { id: "primary", label: "Primary (violet)" },
+  { id: "accent", label: "Accent (sienna)" },
+  { id: "success", label: "Success (green)" },
+  { id: "warning", label: "Warning (amber)" },
+  { id: "info", label: "Info (blue)" },
+  { id: "muted", label: "Muted (neutral)" }
+];
+function AgentEditor({
+  className,
+  initial,
+  models,
+  skills,
+  onSave,
+  onCancel,
+  onDelete,
+  ...formProps
+}) {
+  const [name, setName] = useState(initial?.name ?? "");
+  const [initials, setInitials] = useState(initial?.initials ?? "");
+  const [description, setDescription] = useState(
+    typeof initial?.description === "string" ? initial.description : ""
+  );
+  const [tone, setTone] = useState(
+    initial?.tone ?? "primary"
+  );
+  const [model, setModel] = useState(initial?.model ?? models?.[0]?.id ?? "");
+  const [systemPrompt, setSystemPrompt] = useState(initial?.systemPrompt ?? "");
+  const [allowedToolsRaw, setAllowedToolsRaw] = useState(initial?.allowedTools?.join(", ") ?? "");
+  const [skillsSelected, setSkillsSelected] = useState(
+    new Set(initial?.skillIds ?? [])
+  );
+  const [modes, setModes] = useState(initial?.modes ?? []);
+  const toggleMode = (m) => setModes((prev) => prev.includes(m) ? prev.filter((x) => x !== m) : [...prev, m]);
+  const canSave = name.trim().length > 0;
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!canSave) return;
+    onSave({
+      id: initial?.id,
+      name: name.trim(),
+      initials: initials.trim() || void 0,
+      description: description.trim() || void 0,
+      tone,
+      model: model || void 0,
+      systemPrompt: systemPrompt.trim() || void 0,
+      allowedTools: allowedToolsRaw.split(",").map((t) => t.trim()).filter(Boolean),
+      skillIds: Array.from(skillsSelected),
+      modes: modes.length > 0 ? modes : void 0
+    });
+  };
+  const toggleSkill = (id) => {
+    setSkillsSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: handleSubmit,
+      className: cn("flex h-full flex-col gap-4", className),
+      ...formProps,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto] gap-3", children: [
+          /* @__PURE__ */ jsxs(FormField, { children: [
+            /* @__PURE__ */ jsx(FormField.Label, { children: "Name" }),
+            /* @__PURE__ */ jsx(FormField.Control, { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: name,
+                onChange: (e) => setName(e.target.value),
+                placeholder: "Coder",
+                required: true
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs(FormField, { className: "w-24", children: [
+            /* @__PURE__ */ jsx(FormField.Label, { children: "Initials" }),
+            /* @__PURE__ */ jsx(FormField.Control, { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: initials,
+                onChange: (e) => setInitials(e.target.value.slice(0, 2).toUpperCase()),
+                placeholder: "CO",
+                maxLength: 2,
+                className: "text-center font-mono uppercase"
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(FormField, { children: [
+          /* @__PURE__ */ jsx(FormField.Label, { children: "Description" }),
+          /* @__PURE__ */ jsx(FormField.Control, { children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: description,
+              onChange: (e) => setDescription(e.target.value),
+              placeholder: "Writes code, edits files, runs verification."
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxs(FormField, { children: [
+            /* @__PURE__ */ jsx(FormField.Label, { children: "Tone" }),
+            /* @__PURE__ */ jsx(FormField.Control, { children: /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: tone,
+                onValueChange: (v) => {
+                  const next = TONES.find((t) => t.id === v);
+                  if (next) setTone(next.id);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Select.Trigger, { "aria-label": "Select tone", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                  /* @__PURE__ */ jsx(Select.Content, { children: TONES.map((t) => /* @__PURE__ */ jsx(Select.Item, { value: t.id, children: t.label }, t.id)) })
+                ]
+              }
+            ) })
+          ] }),
+          models && models.length > 0 ? /* @__PURE__ */ jsxs(FormField, { children: [
+            /* @__PURE__ */ jsx(FormField.Label, { children: "Model" }),
+            /* @__PURE__ */ jsx(FormField.Control, { children: /* @__PURE__ */ jsxs(Select, { value: model, onValueChange: setModel, children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { "aria-label": "Select model", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+              /* @__PURE__ */ jsx(Select.Content, { children: models.map((m) => /* @__PURE__ */ jsx(Select.Item, { value: m.id, children: m.label }, m.id)) })
+            ] }) })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsxs(FormField, { className: "flex-1", children: [
+          /* @__PURE__ */ jsx(FormField.Label, { children: "System prompt override" }),
+          /* @__PURE__ */ jsx(FormField.Control, { children: /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              value: systemPrompt,
+              onChange: (e) => setSystemPrompt(e.target.value),
+              rows: 6,
+              placeholder: "You are the Coder. You write code, edit files, and run verification\u2026",
+              className: "min-h-[10rem] flex-1 font-mono text-code-sm"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(FormField.Hint, { children: "Leave empty to inherit the workspace default." })
+        ] }),
+        /* @__PURE__ */ jsxs(FormField, { children: [
+          /* @__PURE__ */ jsx(FormField.Label, { children: "Allowed tools" }),
+          /* @__PURE__ */ jsx(FormField.Control, { children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: allowedToolsRaw,
+              onChange: (e) => setAllowedToolsRaw(e.target.value),
+              placeholder: "Read, Edit, Bash"
+            }
+          ) })
+        ] }),
+        skills && skills.length > 0 ? /* @__PURE__ */ jsxs(FormField, { children: [
+          /* @__PURE__ */ jsx(FormField.Label, { children: "Linked skills" }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: skills.map((s) => {
+            const on = skillsSelected.has(s.id);
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => toggleSkill(s.id),
+                "aria-pressed": on,
+                className: cn(
+                  "inline-flex h-7 items-center rounded-full border px-3 font-mono text-body-sm transition-colors",
+                  on ? "border-primary bg-primary/15 text-primary" : "border-border/60 bg-card text-muted-foreground hover:text-foreground"
+                ),
+                children: s.label
+              },
+              s.id
+            );
+          }) })
+        ] }) : null,
+        /* @__PURE__ */ jsxs(FormField, { children: [
+          /* @__PURE__ */ jsx(FormField.Label, { children: "Active modes" }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: ALL_MODES.map((m) => {
+            const on = modes.includes(m);
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => toggleMode(m),
+                "aria-pressed": on,
+                className: cn(
+                  "inline-flex h-7 items-center rounded-full border px-3 font-mono text-body-sm transition-colors",
+                  on ? "border-primary bg-primary/15 text-primary" : "border-border/60 bg-card text-muted-foreground hover:text-foreground"
+                ),
+                children: MODE_LABEL[m]
+              },
+              m
+            );
+          }) }),
+          /* @__PURE__ */ jsx(FormField.Hint, { children: modes.length === 0 ? "Empty = global (available in every mode)." : `Only visible in: ${modes.map((m) => MODE_LABEL[m]).join(", ")}.` })
+        ] }),
+        /* @__PURE__ */ jsxs("footer", { className: "flex items-center justify-between gap-2 border-border/40 border-t pt-4", children: [
+          /* @__PURE__ */ jsx("div", { children: onDelete ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", onClick: onDelete, children: "Delete" }) : null }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            onCancel ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: onCancel, children: "Cancel" }) : null,
+            /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !canSave, children: initial?.id ? "Save changes" : "Create agent" })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export { AgentEditor };
+//# sourceMappingURL=chunk-OYEZR4CN.js.map
+//# sourceMappingURL=chunk-OYEZR4CN.js.map

package/dist/chunk-OYEZR4CN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/agent-editor/agent-editor.tsx"],"names":[],"mappings":"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","file":"chunk-OYEZR4CN.js","sourcesContent":["import { useState } from \"react\";\nimport type { FormEvent, HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { ALL_MODES, MODE_LABEL, type Mode } from \"../../../types/mode.js\";\nimport type { AgentProfileDescriptor } from \"../../primitives/agent-profile/index.js\";\nimport { Button } from \"../../primitives/button/index.js\";\nimport { FormField } from \"../../primitives/form-field/index.js\";\nimport { Input } from \"../../primitives/input/index.js\";\nimport { Select } from \"../../primitives/select/index.js\";\nimport { Textarea } from \"../../primitives/textarea/index.js\";\n\n/**\n * AgentEditor — form for creating or editing an Agent persona.\n */\n\nexport interface AgentDraft extends Omit<AgentProfileDescriptor, \"id\"> {\n  id?: string;\n  systemPrompt?: string;\n  model?: string;\n  allowedTools?: string[];\n  skillIds?: string[];\n  /** Modes this agent is visible in. Omit / empty = global (all modes). */\n  modes?: Mode[];\n}\n\ninterface AgentEditorProps extends Omit<HTMLAttributes<HTMLFormElement>, \"onSubmit\" | \"onChange\"> {\n  initial?: Partial<AgentDraft>;\n  models?: Array<{ id: string; label: string }>;\n  skills?: Array<{ id: string; label: string }>;\n  onSave: (draft: AgentDraft) => void;\n  onCancel?: () => void;\n  onDelete?: () => void;\n}\n\nconst TONES: Array<{ id: NonNullable<AgentProfileDescriptor[\"tone\"]>; label: string }> = [\n  { id: \"primary\", label: \"Primary (violet)\" },\n  { id: \"accent\", label: \"Accent (sienna)\" },\n  { id: \"success\", label: \"Success (green)\" },\n  { id: \"warning\", label: \"Warning (amber)\" },\n  { id: \"info\", label: \"Info (blue)\" },\n  { id: \"muted\", label: \"Muted (neutral)\" },\n];\n\nexport function AgentEditor({\n  className,\n  initial,\n  models,\n  skills,\n  onSave,\n  onCancel,\n  onDelete,\n  ...formProps\n}: AgentEditorProps) {\n  const [name, setName] = useState(initial?.name ?? \"\");\n  const [initials, setInitials] = useState(initial?.initials ?? \"\");\n  const [description, setDescription] = useState(\n    typeof initial?.description === \"string\" ? initial.description : \"\",\n  );\n  const [tone, setTone] = useState<NonNullable<AgentProfileDescriptor[\"tone\"]>>(\n    initial?.tone ?? \"primary\",\n  );\n  const [model, setModel] = useState<string>(initial?.model ?? models?.[0]?.id ?? \"\");\n  const [systemPrompt, setSystemPrompt] = useState(initial?.systemPrompt ?? \"\");\n  const [allowedToolsRaw, setAllowedToolsRaw] = useState(initial?.allowedTools?.join(\", \") ?? \"\");\n  const [skillsSelected, setSkillsSelected] = useState<Set<string>>(\n    new Set(initial?.skillIds ?? []),\n  );\n  const [modes, setModes] = useState<Mode[]>(initial?.modes ?? []);\n\n  // Note: state is only seeded once on mount. To reset the form when editing a\n  // different agent, use the React `key` pattern at the call site:\n  //   <AgentEditor key={agent.id} initial={agent} ... />\n  // This is the idiomatic React way (over a useEffect that watches prop deltas\n  // and writes setters) — it guarantees a clean component instance per entity.\n  const toggleMode = (m: Mode) =>\n    setModes((prev) => (prev.includes(m) ? prev.filter((x) => x !== m) : [...prev, m]));\n\n  const canSave = name.trim().length > 0;\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault();\n    if (!canSave) return;\n    onSave({\n      id: initial?.id,\n      name: name.trim(),\n      initials: initials.trim() || undefined,\n      description: description.trim() || undefined,\n      tone,\n      model: model || undefined,\n      systemPrompt: systemPrompt.trim() || undefined,\n      allowedTools: allowedToolsRaw\n        .split(\",\")\n        .map((t) => t.trim())\n        .filter(Boolean),\n      skillIds: Array.from(skillsSelected),\n      modes: modes.length > 0 ? modes : undefined,\n    });\n  };\n\n  const toggleSkill = (id: string) => {\n    setSkillsSelected((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n  };\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={cn(\"flex h-full flex-col gap-4\", className)}\n      {...formProps}\n    >\n      <div className=\"grid grid-cols-[1fr_auto] gap-3\">\n        <FormField>\n          <FormField.Label>Name</FormField.Label>\n          <FormField.Control>\n            <Input\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"Coder\"\n              required\n            />\n          </FormField.Control>\n        </FormField>\n        <FormField className=\"w-24\">\n          <FormField.Label>Initials</FormField.Label>\n          <FormField.Control>\n            <Input\n              value={initials}\n              onChange={(e) => setInitials(e.target.value.slice(0, 2).toUpperCase())}\n              placeholder=\"CO\"\n              maxLength={2}\n              className=\"text-center font-mono uppercase\"\n            />\n          </FormField.Control>\n        </FormField>\n      </div>\n\n      <FormField>\n        <FormField.Label>Description</FormField.Label>\n        <FormField.Control>\n          <Input\n            value={description}\n            onChange={(e) => setDescription(e.target.value)}\n            placeholder=\"Writes code, edits files, runs verification.\"\n          />\n        </FormField.Control>\n      </FormField>\n\n      <div className=\"grid grid-cols-2 gap-3\">\n        <FormField>\n          <FormField.Label>Tone</FormField.Label>\n          <FormField.Control>\n            <Select\n              value={tone}\n              onValueChange={(v) => {\n                // Re-audit Issue 7: narrow the string `v` against TONES.id\n                // values before casting. Radix Select guarantees `v` is one\n                // of the Select.Item values declared below, but adding the\n                // runtime guard keeps the type narrowing explicit and\n                // surfaces invalid future configurations as no-ops instead\n                // of silently writing a bad state.\n                const next = TONES.find((t) => t.id === v);\n                if (next) setTone(next.id);\n              }}\n            >\n              <Select.Trigger aria-label=\"Select tone\">\n                <Select.Value />\n              </Select.Trigger>\n              <Select.Content>\n                {TONES.map((t) => (\n                  <Select.Item key={t.id} value={t.id}>\n                    {t.label}\n                  </Select.Item>\n                ))}\n              </Select.Content>\n            </Select>\n          </FormField.Control>\n        </FormField>\n        {models && models.length > 0 ? (\n          <FormField>\n            <FormField.Label>Model</FormField.Label>\n            <FormField.Control>\n              <Select value={model} onValueChange={setModel}>\n                <Select.Trigger aria-label=\"Select model\">\n                  <Select.Value />\n                </Select.Trigger>\n                <Select.Content>\n                  {models.map((m) => (\n                    <Select.Item key={m.id} value={m.id}>\n                      {m.label}\n                    </Select.Item>\n                  ))}\n                </Select.Content>\n              </Select>\n            </FormField.Control>\n          </FormField>\n        ) : null}\n      </div>\n\n      <FormField className=\"flex-1\">\n        <FormField.Label>System prompt override</FormField.Label>\n        <FormField.Control>\n          <Textarea\n            value={systemPrompt}\n            onChange={(e) => setSystemPrompt(e.target.value)}\n            rows={6}\n            placeholder=\"You are the Coder. You write code, edit files, and run verification…\"\n            className=\"min-h-[10rem] flex-1 font-mono text-code-sm\"\n          />\n        </FormField.Control>\n        <FormField.Hint>Leave empty to inherit the workspace default.</FormField.Hint>\n      </FormField>\n\n      <FormField>\n        <FormField.Label>Allowed tools</FormField.Label>\n        <FormField.Control>\n          <Input\n            value={allowedToolsRaw}\n            onChange={(e) => setAllowedToolsRaw(e.target.value)}\n            placeholder=\"Read, Edit, Bash\"\n          />\n        </FormField.Control>\n      </FormField>\n\n      {skills && skills.length > 0 ? (\n        <FormField>\n          <FormField.Label>Linked skills</FormField.Label>\n          <div className=\"flex flex-wrap gap-1.5\">\n            {skills.map((s) => {\n              const on = skillsSelected.has(s.id);\n              return (\n                <button\n                  key={s.id}\n                  type=\"button\"\n                  onClick={() => toggleSkill(s.id)}\n                  aria-pressed={on}\n                  className={cn(\n                    \"inline-flex h-7 items-center rounded-full border px-3 font-mono text-body-sm transition-colors\",\n                    on\n                      ? \"border-primary bg-primary/15 text-primary\"\n                      : \"border-border/60 bg-card text-muted-foreground hover:text-foreground\",\n                  )}\n                >\n                  {s.label}\n                </button>\n              );\n            })}\n          </div>\n        </FormField>\n      ) : null}\n\n      <FormField>\n        <FormField.Label>Active modes</FormField.Label>\n        <div className=\"flex flex-wrap gap-1.5\">\n          {ALL_MODES.map((m) => {\n            const on = modes.includes(m);\n            return (\n              <button\n                key={m}\n                type=\"button\"\n                onClick={() => toggleMode(m)}\n                aria-pressed={on}\n                className={cn(\n                  \"inline-flex h-7 items-center rounded-full border px-3 font-mono text-body-sm transition-colors\",\n                  on\n                    ? \"border-primary bg-primary/15 text-primary\"\n                    : \"border-border/60 bg-card text-muted-foreground hover:text-foreground\",\n                )}\n              >\n                {MODE_LABEL[m]}\n              </button>\n            );\n          })}\n        </div>\n        <FormField.Hint>\n          {modes.length === 0\n            ? \"Empty = global (available in every mode).\"\n            : `Only visible in: ${modes.map((m) => MODE_LABEL[m]).join(\", \")}.`}\n        </FormField.Hint>\n      </FormField>\n\n      <footer className=\"flex items-center justify-between gap-2 border-border/40 border-t pt-4\">\n        <div>\n          {onDelete ? (\n            <Button type=\"button\" variant=\"ghost\" onClick={onDelete}>\n              Delete\n            </Button>\n          ) : null}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {onCancel ? (\n            <Button type=\"button\" variant=\"secondary\" onClick={onCancel}>\n              Cancel\n            </Button>\n          ) : null}\n          <Button type=\"submit\" disabled={!canSave}>\n            {initial?.id ? \"Save changes\" : \"Create agent\"}\n          </Button>\n        </div>\n      </footer>\n    </form>\n  );\n}\n"]}

package/dist/chunk-P57HUMAE.js

@@ -0,0 +1,66 @@
+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", { 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",
+    {
+      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-P57HUMAE.js.map
+//# sourceMappingURL=chunk-P57HUMAE.js.map

package/dist/chunk-P57HUMAE.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,EAAM,EAAG,GAAA,qBACvC,GAAA,CAAC,MAAA,EAAA,EAAK,KAAU,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE3F,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,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-P57HUMAE.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 ref={ref} className={cn(badgeVariants({ variant, size }), className)} {...props} />\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      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"]}