@theokit/ui 0.13.0

package/dist/chunk-FAWPRZTM.js

@@ -0,0 +1,79 @@
+import { BadgeWithDot } from './chunk-P57HUMAE.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { ChevronDown } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var statusVariant = {
+  idle: "default",
+  permission_required: "warning",
+  starting: "primary",
+  running: "primary",
+  verifying: "primary",
+  completed: "success",
+  failed: "destructive"
+};
+var statusDot = {
+  idle: "muted",
+  permission_required: "warning",
+  starting: "primary",
+  running: "primary",
+  verifying: "primary",
+  completed: "success",
+  failed: "destructive"
+};
+var statusLabel = {
+  idle: "Idle",
+  permission_required: "Permission required",
+  starting: "Starting up",
+  running: "Running",
+  verifying: "Verifying",
+  completed: "Completed",
+  failed: "Failed"
+};
+var TaskHeader = forwardRef(
+  ({ className, title, status, onToggle, actions, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "header",
+    {
+      ref,
+      className: cn(
+        "flex items-center justify-between gap-3 rounded-xl border border-border/40 bg-card px-4 py-3",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsx("h2", { className: "truncate font-display text-title-lg tracking-tight", children: title }),
+          onToggle ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onToggle,
+              "aria-label": "Toggle task details",
+              className: "rounded-md p-1 text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          status ? /* @__PURE__ */ jsxs(BadgeWithDot, { variant: statusVariant[status], children: [
+            /* @__PURE__ */ jsx(
+              BadgeWithDot.Dot,
+              {
+                tone: statusDot[status],
+                pulse: status === "running" || status === "starting" || status === "verifying"
+              }
+            ),
+            statusLabel[status]
+          ] }) : null,
+          actions
+        ] })
+      ]
+    }
+  )
+);
+TaskHeader.displayName = "TaskHeader";
+
+export { TaskHeader };
+//# sourceMappingURL=chunk-FAWPRZTM.js.map
+//# sourceMappingURL=chunk-FAWPRZTM.js.map

package/dist/chunk-FAWPRZTM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/task-header/task-header.tsx"],"names":[],"mappings":";;;;;;AAOA,IAAM,aAAA,GAGF;AAAA,EACF,IAAA,EAAM,SAAA;AAAA,EACN,mBAAA,EAAqB,SAAA;AAAA,EACrB,QAAA,EAAU,SAAA;AAAA,EACV,OAAA,EAAS,SAAA;AAAA,EACT,SAAA,EAAW,SAAA;AAAA,EACX,SAAA,EAAW,SAAA;AAAA,EACX,MAAA,EAAQ;AACV,CAAA;AACA,IAAM,SAAA,GAA6F;AAAA,EACjG,IAAA,EAAM,OAAA;AAAA,EACN,mBAAA,EAAqB,SAAA;AAAA,EACrB,QAAA,EAAU,SAAA;AAAA,EACV,OAAA,EAAS,SAAA;AAAA,EACT,SAAA,EAAW,SAAA;AAAA,EACX,SAAA,EAAW,SAAA;AAAA,EACX,MAAA,EAAQ;AACV,CAAA;AACA,IAAM,WAAA,GAA0C;AAAA,EAC9C,IAAA,EAAM,MAAA;AAAA,EACN,mBAAA,EAAqB,qBAAA;AAAA,EACrB,QAAA,EAAU,aAAA;AAAA,EACV,OAAA,EAAS,SAAA;AAAA,EACT,SAAA,EAAW,WAAA;AAAA,EACX,SAAA,EAAW,WAAA;AAAA,EACX,MAAA,EAAQ;AACV,CAAA;AAmBA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,MAAA,EAAQ,UAAU,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1D,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,8FAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iCAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,oDAAA,EAAsD,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UACzE,QAAA,mBACC,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,QAAA;AAAA,cACT,YAAA,EAAW,qBAAA;AAAA,cACX,SAAA,EAAU,mJAAA;AAAA,cAEV,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,QAAA,EAAS;AAAA;AAAA,WAClC,GACE;AAAA,SAAA,EACN,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,UAAA,MAAA,mBACC,IAAA,CAAC,YAAA,EAAA,EAAM,OAAA,EAAS,aAAA,CAAc,MAAM,CAAA,EAClC,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,YAAA,CAAM,GAAA;AAAA,cAAN;AAAA,gBACC,IAAA,EAAM,UAAU,MAAM,CAAA;AAAA,gBACtB,KAAA,EAAO,MAAA,KAAW,SAAA,IAAa,MAAA,KAAW,cAAc,MAAA,KAAW;AAAA;AAAA,aACrE;AAAA,YACC,YAAY,MAAM;AAAA,WAAA,EACrB,CAAA,GACE,IAAA;AAAA,UACH;AAAA,SAAA,EACH;AAAA;AAAA;AAAA;AAGN;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-FAWPRZTM.js","sourcesContent":["import { ChevronDown } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { TaskStatus } from \"../../../types/task.js\";\nimport { Badge } from \"../../primitives/badge/index.js\";\n\nconst statusVariant: Record<\n  TaskStatus,\n  \"default\" | \"primary\" | \"warning\" | \"success\" | \"destructive\"\n> = {\n  idle: \"default\",\n  permission_required: \"warning\",\n  starting: \"primary\",\n  running: \"primary\",\n  verifying: \"primary\",\n  completed: \"success\",\n  failed: \"destructive\",\n};\nconst statusDot: Record<TaskStatus, \"primary\" | \"success\" | \"warning\" | \"destructive\" | \"muted\"> = {\n  idle: \"muted\",\n  permission_required: \"warning\",\n  starting: \"primary\",\n  running: \"primary\",\n  verifying: \"primary\",\n  completed: \"success\",\n  failed: \"destructive\",\n};\nconst statusLabel: Record<TaskStatus, string> = {\n  idle: \"Idle\",\n  permission_required: \"Permission required\",\n  starting: \"Starting up\",\n  running: \"Running\",\n  verifying: \"Verifying\",\n  completed: \"Completed\",\n  failed: \"Failed\",\n};\n\ninterface TaskHeaderProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title: ReactNode;\n  status?: TaskStatus;\n  /**\n   * If provided, a chevron is shown next to the title and clicking it fires this callback.\n   * Used as the \"expand task metadata\" affordance in the Infra shell.\n   */\n  onToggle?: () => void;\n  /** Right-side actions (e.g. cancel task, close panel). */\n  actions?: ReactNode;\n}\n\n/**\n * TaskHeader — title bar for a task pane.\n *\n * Visual: display-md title with chevron + optional status badge with pulse + actions slot.\n */\nconst TaskHeader = forwardRef<HTMLElement, TaskHeaderProps>(\n  ({ className, title, status, onToggle, actions, ...props }, ref) => (\n    <header\n      ref={ref}\n      className={cn(\n        \"flex items-center justify-between gap-3 rounded-xl border border-border/40 bg-card px-4 py-3\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex min-w-0 items-center gap-2\">\n        <h2 className=\"truncate font-display text-title-lg tracking-tight\">{title}</h2>\n        {onToggle ? (\n          <button\n            type=\"button\"\n            onClick={onToggle}\n            aria-label=\"Toggle task details\"\n            className=\"rounded-md p-1 text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <ChevronDown className=\"size-4\" />\n          </button>\n        ) : null}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {status ? (\n          <Badge variant={statusVariant[status]}>\n            <Badge.Dot\n              tone={statusDot[status]}\n              pulse={status === \"running\" || status === \"starting\" || status === \"verifying\"}\n            />\n            {statusLabel[status]}\n          </Badge>\n        ) : null}\n        {actions}\n      </div>\n    </header>\n  ),\n);\nTaskHeader.displayName = \"TaskHeader\";\n\nexport { TaskHeader };\n"]}

package/dist/chunk-FGYJ2WPX.js

@@ -0,0 +1,36 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var LoginSplit = forwardRef(
+  ({ className, left, right, footer, reverse, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn("flex min-h-screen flex-col bg-background", className), ...props, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "grid flex-1 grid-cols-1 lg:grid-cols-2",
+          reverse && "lg:[&>*:first-child]:order-2"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center px-6 py-12 lg:px-12", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: left }) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "relative flex items-center justify-center px-6 py-12 lg:px-12",
+                "bg-dotted-violet bg-muted/60"
+              ),
+              children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-lg", children: right })
+            }
+          )
+        ]
+      }
+    ),
+    footer ? /* @__PURE__ */ jsx("footer", { className: "border-border/40 border-t px-6 py-3 text-center text-body-sm text-muted-foreground", children: footer }) : null
+  ] })
+);
+LoginSplit.displayName = "LoginSplit";
+
+export { LoginSplit };
+//# sourceMappingURL=chunk-FGYJ2WPX.js.map
+//# sourceMappingURL=chunk-FGYJ2WPX.js.map

package/dist/chunk-FGYJ2WPX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/login-split/login-split.tsx"],"names":[],"mappings":";;;;AA0BA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,OAAO,MAAA,EAAQ,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,wBACtD,IAAA,CAAC,KAAA,EAAA,EAAI,KAAU,SAAA,EAAW,EAAA,CAAG,4CAA4C,SAAS,CAAA,EAAI,GAAG,KAAA,EACvF,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,wCAAA;AAAA,UACA,OAAA,IAAW;AAAA,SACb;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sDAAA,EACb,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,iBAAA,EAAmB,gBAAK,CAAA,EACzC,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,+DAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAEA,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAC1C;AAAA;AAAA,KACF;AAAA,IACC,yBACC,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,oFAAA,EACf,kBACH,CAAA,GACE;AAAA,GAAA,EACN;AAEJ;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-FGYJ2WPX.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\ninterface LoginSplitProps extends HTMLAttributes<HTMLDivElement> {\n  /** Left pane content — form, brand, etc. */\n  left: ReactNode;\n  /** Right pane content — illustration, marketing, social proof. */\n  right: ReactNode;\n  /**\n   * Optional footer rendered below both panes.\n   */\n  footer?: ReactNode;\n  /**\n   * Reverse the split (form on the right). Default = form left.\n   */\n  reverse?: boolean;\n}\n\n/**\n * LoginSplit — 50/50 split layout shell.\n *\n * Used for the auth flow. Two slots (`left`, `right`); the right pane has a\n * subtle violet wash so the illustration sits inside Theo identity. Mobile\n * collapses to single column.\n */\nconst LoginSplit = forwardRef<HTMLDivElement, LoginSplitProps>(\n  ({ className, left, right, footer, reverse, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex min-h-screen flex-col bg-background\", className)} {...props}>\n      <div\n        className={cn(\n          \"grid flex-1 grid-cols-1 lg:grid-cols-2\",\n          reverse && \"lg:[&>*:first-child]:order-2\",\n        )}\n      >\n        <div className=\"flex items-center justify-center px-6 py-12 lg:px-12\">\n          <div className=\"w-full max-w-md\">{left}</div>\n        </div>\n        <div\n          className={cn(\n            \"relative flex items-center justify-center px-6 py-12 lg:px-12\",\n            \"bg-dotted-violet bg-muted/60\",\n          )}\n        >\n          <div className=\"w-full max-w-lg\">{right}</div>\n        </div>\n      </div>\n      {footer ? (\n        <footer className=\"border-border/40 border-t px-6 py-3 text-center text-body-sm text-muted-foreground\">\n          {footer}\n        </footer>\n      ) : null}\n    </div>\n  ),\n);\nLoginSplit.displayName = \"LoginSplit\";\n\nexport { LoginSplit };\n"]}

package/dist/chunk-GBG3I5I5.js

@@ -0,0 +1,46 @@
+import { cn } from './chunk-EWDN56AS.js';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Provider2 = TooltipPrimitive.Provider;
+var Root2 = TooltipPrimitive.Root;
+var Trigger2 = TooltipPrimitive.Trigger;
+var Content2 = forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border border-border/40 bg-foreground px-2.5 py-1.5",
+      "text-background text-body-sm shadow-md",
+      "data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:animate-in",
+      "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out",
+      "data-[side=top]:slide-in-from-bottom-1 data-[side=bottom]:slide-in-from-top-1",
+      "data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1",
+      className
+    ),
+    ...props
+  }
+) }));
+Content2.displayName = "Tooltip.Content";
+var Tooltip = ({
+  label,
+  side = "top",
+  align = "center",
+  delayDuration = 200,
+  children,
+  ...rootProps
+}) => /* @__PURE__ */ jsx(Provider2, { delayDuration, children: /* @__PURE__ */ jsxs(Root2, { ...rootProps, children: [
+  /* @__PURE__ */ jsx(Trigger2, { asChild: true, children }),
+  /* @__PURE__ */ jsx(Content2, { side, align, children: label })
+] }) });
+var TooltipWithStatics = Tooltip;
+TooltipWithStatics.Provider = Provider2;
+TooltipWithStatics.Root = Root2;
+TooltipWithStatics.Trigger = Trigger2;
+TooltipWithStatics.Content = Content2;
+
+export { TooltipWithStatics };
+//# sourceMappingURL=chunk-GBG3I5I5.js.map
+//# sourceMappingURL=chunk-GBG3I5I5.js.map

package/dist/chunk-GBG3I5I5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/tooltip/tooltip.tsx"],"names":["Provider","Root","Trigger","Content"],"mappings":";;;;;AAcA,IAAMA,SAAAA,GAA4B,gBAAA,CAAA,QAAA;AAClC,IAAMC,KAAAA,GAAwB,gBAAA,CAAA,IAAA;AAC9B,IAAMC,QAAAA,GAA2B,gBAAA,CAAA,OAAA;AAEjC,IAAMC,QAAAA,GAAU,UAAA,CAGd,CAAC,EAAE,SAAA,EAAW,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1C,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,EAAkB,gBAAA,CAAA,OAAA;AAAA,EAAjB;AAAA,IACC,GAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,qFAAA;AAAA,MACA,wCAAA;AAAA,MACA,+GAAA;AAAA,MACA,gGAAA;AAAA,MACA,+EAAA;AAAA,MACA,+EAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CAAA,EACF,CACD,CAAA;AACDA,QAAAA,CAAQ,WAAA,GAAc,iBAAA;AActB,IAAM,UAAU,CAAC;AAAA,EACf,KAAA;AAAA,EACA,IAAA,GAAO,KAAA;AAAA,EACP,KAAA,GAAQ,QAAA;AAAA,EACR,aAAA,GAAgB,GAAA;AAAA,EAChB,QAAA;AAAA,EACA,GAAG;AACL,CAAA,qBAEI,GAAA,CAACH,WAAA,EAAS,aAAA,EACR,+BAACC,KAAAA,EAAA,EAAM,GAAG,SAAA,EACR,QAAA,EAAA;AAAA,kBAAA,GAAA,CAACC,QAAAA,EAAA,EAAQ,OAAA,EAAO,IAAA,EAAE,QAAA,EAAS,CAAA;AAAA,kBAC3B,GAAA,CAACC,QAAAA,EAAA,EAAQ,IAAA,EAAY,OAClB,QAAA,EAAA,KAAA,EACH;AAAA,CAAA,EACF,CAAA,EACF,CAAA;AAGJ,IAAM,kBAAA,GAAqB;AAM3B,kBAAA,CAAmB,QAAA,GAAWH,SAAAA;AAC9B,kBAAA,CAAmB,IAAA,GAAOC,KAAAA;AAC1B,kBAAA,CAAmB,OAAA,GAAUC,QAAAA;AAC7B,kBAAA,CAAmB,OAAA,GAAUC,QAAAA","file":"chunk-GBG3I5I5.js","sourcesContent":["import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Tooltip — built on Radix Tooltip.\n *\n * Visual: dark surface in light mode (and inverse in dark) with rounded-md,\n * shadow-md, text-body-sm. 8px delay-show default.\n *\n * Wrap your app in <Tooltip.Provider> once (or use the default delayDuration here).\n */\n\nconst Provider = TooltipPrimitive.Provider;\nconst Root = TooltipPrimitive.Root;\nconst Trigger = TooltipPrimitive.Trigger;\n\nconst Content = forwardRef<\n  ElementRef<typeof TooltipPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 6, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 overflow-hidden rounded-md border border-border/40 bg-foreground px-2.5 py-1.5\",\n        \"text-background text-body-sm shadow-md\",\n        \"data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-[state=delayed-open]:animate-in\",\n        \"data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out\",\n        \"data-[side=top]:slide-in-from-bottom-1 data-[side=bottom]:slide-in-from-top-1\",\n        \"data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1\",\n        className,\n      )}\n      {...props}\n    />\n  </TooltipPrimitive.Portal>\n));\nContent.displayName = \"Tooltip.Content\";\n\ninterface TooltipProps extends ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {\n  label: ReactNode;\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\n  align?: \"start\" | \"center\" | \"end\";\n  children: ReactNode;\n}\n\n/**\n * Shorthand: <Tooltip label=\"…\"><Button>…</Button></Tooltip>\n * Wraps Provider + Root + Trigger asChild + Content for the common case.\n * For advanced usage (controlled state, custom content), use Tooltip.Root etc. directly.\n */\nconst Tooltip = ({\n  label,\n  side = \"top\",\n  align = \"center\",\n  delayDuration = 200,\n  children,\n  ...rootProps\n}: TooltipProps) =>\n  (\n    <Provider delayDuration={delayDuration}>\n      <Root {...rootProps}>\n        <Trigger asChild>{children}</Trigger>\n        <Content side={side} align={align}>\n          {label}\n        </Content>\n      </Root>\n    </Provider>\n  ) as ReturnType<typeof Provider>;\n\nconst TooltipWithStatics = Tooltip as typeof Tooltip & {\n  Provider: typeof Provider;\n  Root: typeof Root;\n  Trigger: typeof Trigger;\n  Content: typeof Content;\n};\nTooltipWithStatics.Provider = Provider;\nTooltipWithStatics.Root = Root;\nTooltipWithStatics.Trigger = Trigger;\nTooltipWithStatics.Content = Content;\n\nexport { TooltipWithStatics as Tooltip };\n"]}

package/dist/chunk-GDMCDW66.js

@@ -0,0 +1,19 @@
+// src/lib/safe-href.ts
+var DANGEROUS_PROTOCOL_PATTERNS = [
+  /^javascript:/i,
+  /^vbscript:/i,
+  /^data:text\/html/i
+];
+function safeHref(url) {
+  if (url === null || url === void 0) return void 0;
+  const trimmed = url.trim();
+  if (trimmed.length === 0) return void 0;
+  for (const pattern of DANGEROUS_PROTOCOL_PATTERNS) {
+    if (pattern.test(trimmed)) return void 0;
+  }
+  return url;
+}
+
+export { safeHref };
+//# sourceMappingURL=chunk-GDMCDW66.js.map
+//# sourceMappingURL=chunk-GDMCDW66.js.map

package/dist/chunk-GDMCDW66.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/safe-href.ts"],"names":[],"mappings":";AA2BA,IAAM,2BAAA,GAAiD;AAAA,EACrD,eAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA;AAEO,SAAS,SAAS,GAAA,EAAoD;AAC3E,EAAA,IAAI,GAAA,KAAQ,IAAA,IAAQ,GAAA,KAAQ,MAAA,EAAW,OAAO,MAAA;AAC9C,EAAA,MAAM,OAAA,GAAU,IAAI,IAAA,EAAK;AACzB,EAAA,IAAI,OAAA,CAAQ,MAAA,KAAW,CAAA,EAAG,OAAO,MAAA;AACjC,EAAA,KAAA,MAAW,WAAW,2BAAA,EAA6B;AACjD,IAAA,IAAI,OAAA,CAAQ,IAAA,CAAK,OAAO,CAAA,EAAG,OAAO,MAAA;AAAA,EACpC;AACA,EAAA,OAAO,GAAA;AACT","file":"chunk-GDMCDW66.js","sourcesContent":["/**\n * safeHref — defang `javascript:`, `vbscript:`, and `data:text/html` URIs.\n *\n * T3.3 (Security SEC-003). When a consumer passes user-controlled data as\n * an href to one of our card composites (`ProjectCard.href`, `PreviewEnvCard.url`,\n * etc.), an attacker who controls that data can craft a `javascript:alert(...)`\n * URI that fires in the application's origin on click. This is a standard\n * component-library hardening (mitigation also documented in `SECURITY.md`).\n *\n * Returns `undefined` for dangerous protocols so the consuming component\n * can short-circuit to a non-link rendering. Returns the URL unchanged for\n * safe protocols (`http`, `https`, `mailto`, `tel`, relative paths).\n *\n * Allowed (returns input unchanged):\n *   - \"https://example.com/path?query\"\n *   - \"/internal/route\"\n *   - \"mailto:dev@theokit.dev\"\n *   - \"tel:+15551234567\"\n *\n * Blocked (returns undefined):\n *   - \"javascript:alert(1)\" — XSS via JS execution\n *   - \" JavaScript:alert(1)\" — case-insensitive, leading whitespace\n *   - \"vbscript:msgbox(1)\" — legacy IE XSS surface (still relevant on\n *     certain enterprise envs)\n *   - \"data:text/html,...\" — inline HTML/script payloads\n */\n\nconst DANGEROUS_PROTOCOL_PATTERNS: readonly RegExp[] = [\n  /^javascript:/i,\n  /^vbscript:/i,\n  /^data:text\\/html/i,\n];\n\nexport function safeHref(url: string | null | undefined): string | undefined {\n  if (url === null || url === undefined) return undefined;\n  const trimmed = url.trim();\n  if (trimmed.length === 0) return undefined;\n  for (const pattern of DANGEROUS_PROTOCOL_PATTERNS) {\n    if (pattern.test(trimmed)) return undefined;\n  }\n  return url;\n}\n"]}

package/dist/chunk-H6HSQCOW.js

@@ -0,0 +1,80 @@
+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",
+      {
+        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", { ref, className: cn("rounded-xl 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-H6HSQCOW.js.map
+//# sourceMappingURL=chunk-H6HSQCOW.js.map

package/dist/chunk-H6HSQCOW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/task-plan/task-plan.tsx"],"names":[],"mappings":"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","file":"chunk-H6HSQCOW.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        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 ref={ref} className={cn(\"rounded-xl border bg-card p-4\", className)} {...props}>\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-HDM4RCIF.js

@@ -0,0 +1,111 @@
+import { cn } from './chunk-EWDN56AS.js';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import { ChevronDown, Sparkles, Check } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TONE_CLASS = {
+  primary: "bg-primary text-primary-foreground",
+  accent: "bg-accent text-accent-foreground",
+  success: "bg-success text-success-foreground",
+  warning: "bg-warning text-warning-foreground",
+  info: "bg-info text-info-foreground",
+  muted: "bg-muted text-foreground"
+};
+var AgentProfile = forwardRef(
+  ({ className, agents, activeId, onChange, ...props }, ref) => {
+    const active = agents.find((a) => a.id === activeId) ?? agents[0];
+    if (!active) return null;
+    const initials = active.initials ?? active.name.slice(0, 2).toUpperCase();
+    return /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
+      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref,
+          type: "button",
+          className: cn(
+            "inline-flex h-9 items-center gap-2 rounded-full border border-border/60 bg-card pr-3 pl-1",
+            "transition-colors hover:bg-muted",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "grid size-7 place-items-center rounded-full font-bold font-mono text-label",
+                  TONE_CLASS[active.tone ?? "primary"]
+                ),
+                "aria-hidden": "true",
+                children: initials
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "font-medium font-sans text-body-sm text-foreground", children: active.name }),
+            /* @__PURE__ */ jsx(ChevronDown, { className: "size-3 text-muted-foreground", "aria-hidden": "true" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsxs(
+        DropdownMenu.Content,
+        {
+          align: "start",
+          sideOffset: 6,
+          className: cn(
+            "z-50 min-w-[18rem] overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-md",
+            "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
+            "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(DropdownMenu.Label, { className: "px-2 py-1.5 font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: "Switch agent" }),
+            agents.map((agent) => {
+              const inits = agent.initials ?? agent.name.slice(0, 2).toUpperCase();
+              const isActive = agent.id === activeId;
+              return /* @__PURE__ */ jsxs(
+                DropdownMenu.Item,
+                {
+                  onSelect: () => onChange?.(agent.id),
+                  className: cn(
+                    "flex cursor-pointer items-start gap-3 rounded-md px-2 py-2",
+                    "focus:bg-muted focus:outline-none data-[highlighted]:bg-muted"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "mt-0.5 grid size-8 place-items-center rounded-full font-bold font-mono text-label",
+                          TONE_CLASS[agent.tone ?? "muted"]
+                        ),
+                        "aria-hidden": "true",
+                        children: inits
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "grid min-w-0 flex-1 gap-0.5", children: [
+                      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ jsx("span", { className: "font-medium text-body-sm", children: agent.name }),
+                        agent.badge ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-accent/15 px-1.5 py-0 font-mono text-accent text-label uppercase", children: [
+                          /* @__PURE__ */ jsx(Sparkles, { className: "size-2.5", "aria-hidden": "true" }),
+                          agent.badge
+                        ] }) : null
+                      ] }),
+                      agent.description ? /* @__PURE__ */ jsx("span", { className: "text-body-sm text-muted-foreground", children: agent.description }) : null
+                    ] }),
+                    isActive ? /* @__PURE__ */ jsx(Check, { className: "mt-1 size-4 shrink-0 text-primary", "aria-hidden": "true" }) : null
+                  ]
+                },
+                agent.id
+              );
+            })
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+AgentProfile.displayName = "AgentProfile";
+
+export { AgentProfile };
+//# sourceMappingURL=chunk-HDM4RCIF.js.map
+//# sourceMappingURL=chunk-HDM4RCIF.js.map

package/dist/chunk-HDM4RCIF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/agent-profile/agent-profile.tsx"],"names":[],"mappings":"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","file":"chunk-HDM4RCIF.js","sourcesContent":["import * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronDown, Sparkles } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport interface AgentProfileDescriptor {\n  id: string;\n  /** Display name, e.g. \"Coder\", \"Planner\", \"Reviewer\". */\n  name: string;\n  /** Avatar initials (2 chars max). Falls back to first 2 letters of name. */\n  initials?: string;\n  /** Optional short description for tooltips and the dropdown. */\n  description?: ReactNode;\n  /**\n   * Identity tone — colors the avatar so users tell agents apart at a glance.\n   */\n  tone?: \"primary\" | \"accent\" | \"success\" | \"warning\" | \"info\" | \"muted\";\n  /** Optional badge text (e.g. \"experimental\"). */\n  badge?: ReactNode;\n}\n\nconst TONE_CLASS: Record<NonNullable<AgentProfileDescriptor[\"tone\"]>, string> = {\n  primary: \"bg-primary text-primary-foreground\",\n  accent: \"bg-accent text-accent-foreground\",\n  success: \"bg-success text-success-foreground\",\n  warning: \"bg-warning text-warning-foreground\",\n  info: \"bg-info text-info-foreground\",\n  muted: \"bg-muted text-foreground\",\n};\n\ninterface AgentProfileProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  agents: AgentProfileDescriptor[];\n  activeId: string;\n  onChange?: (id: string) => void;\n}\n\n/**\n * AgentProfile — switcher between multiple agent profiles (coder, planner,\n * reviewer, etc.). Each profile gets its own tone so the user can spot at a\n * glance which \"persona\" is currently driving the session.\n */\nconst AgentProfile = forwardRef<HTMLButtonElement, AgentProfileProps>(\n  ({ className, agents, activeId, onChange, ...props }, ref) => {\n    const active = agents.find((a) => a.id === activeId) ?? agents[0];\n    if (!active) return null;\n    const initials = active.initials ?? active.name.slice(0, 2).toUpperCase();\n    return (\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <button\n            ref={ref}\n            type=\"button\"\n            className={cn(\n              \"inline-flex h-9 items-center gap-2 rounded-full border border-border/60 bg-card pr-3 pl-1\",\n              \"transition-colors hover:bg-muted\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n              className,\n            )}\n            {...props}\n          >\n            <span\n              className={cn(\n                \"grid size-7 place-items-center rounded-full font-bold font-mono text-label\",\n                TONE_CLASS[active.tone ?? \"primary\"],\n              )}\n              aria-hidden=\"true\"\n            >\n              {initials}\n            </span>\n            <span className=\"font-medium font-sans text-body-sm text-foreground\">\n              {active.name}\n            </span>\n            <ChevronDown className=\"size-3 text-muted-foreground\" aria-hidden=\"true\" />\n          </button>\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content\n            align=\"start\"\n            sideOffset={6}\n            className={cn(\n              \"z-50 min-w-[18rem] overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-md\",\n              \"data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in\",\n              \"data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out\",\n            )}\n          >\n            <DropdownMenu.Label className=\"px-2 py-1.5 font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n              Switch agent\n            </DropdownMenu.Label>\n            {agents.map((agent) => {\n              const inits = agent.initials ?? agent.name.slice(0, 2).toUpperCase();\n              const isActive = agent.id === activeId;\n              return (\n                <DropdownMenu.Item\n                  key={agent.id}\n                  onSelect={() => onChange?.(agent.id)}\n                  className={cn(\n                    \"flex cursor-pointer items-start gap-3 rounded-md px-2 py-2\",\n                    \"focus:bg-muted focus:outline-none data-[highlighted]:bg-muted\",\n                  )}\n                >\n                  <span\n                    className={cn(\n                      \"mt-0.5 grid size-8 place-items-center rounded-full font-bold font-mono text-label\",\n                      TONE_CLASS[agent.tone ?? \"muted\"],\n                    )}\n                    aria-hidden=\"true\"\n                  >\n                    {inits}\n                  </span>\n                  <div className=\"grid min-w-0 flex-1 gap-0.5\">\n                    <span className=\"flex items-center gap-2\">\n                      <span className=\"font-medium text-body-sm\">{agent.name}</span>\n                      {agent.badge ? (\n                        <span className=\"inline-flex items-center gap-1 rounded-full bg-accent/15 px-1.5 py-0 font-mono text-accent text-label uppercase\">\n                          <Sparkles className=\"size-2.5\" aria-hidden=\"true\" />\n                          {agent.badge}\n                        </span>\n                      ) : null}\n                    </span>\n                    {agent.description ? (\n                      <span className=\"text-body-sm text-muted-foreground\">\n                        {agent.description}\n                      </span>\n                    ) : null}\n                  </div>\n                  {isActive ? (\n                    <Check className=\"mt-1 size-4 shrink-0 text-primary\" aria-hidden=\"true\" />\n                  ) : null}\n                </DropdownMenu.Item>\n              );\n            })}\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    );\n  },\n);\nAgentProfile.displayName = \"AgentProfile\";\n\nexport { AgentProfile };\n"]}

package/dist/chunk-HNTOGGVD.js

@@ -0,0 +1,77 @@
+import { cn } from './chunk-EWDN56AS.js';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import { ChevronDown, Sparkles, Check } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ModelSelector = forwardRef(
+  ({ className, value, options, onChange, ...props }, ref) => {
+    const current = options.find((o) => o.id === value) ?? options[0];
+    return /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
+      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref,
+          type: "button",
+          className: cn(
+            "inline-flex h-8 items-center gap-2 rounded-full border border-border/60 bg-card px-3",
+            "font-medium font-sans text-body-sm text-foreground",
+            "transition-colors duration-base ease-out-soft",
+            "hover:bg-muted",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-primary", "aria-hidden": "true" }),
+            current?.label ?? "Select model",
+            /* @__PURE__ */ jsx(ChevronDown, { className: "size-3 text-muted-foreground", "aria-hidden": "true" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
+        DropdownMenu.Content,
+        {
+          sideOffset: 6,
+          align: "end",
+          className: cn(
+            "z-50 min-w-[14rem] overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-md",
+            "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
+            "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out"
+          ),
+          children: options.map((opt) => /* @__PURE__ */ jsxs(
+            DropdownMenu.Item,
+            {
+              onSelect: () => onChange?.(opt.id),
+              className: cn(
+                "flex cursor-pointer items-center justify-between gap-3 rounded-md px-2 py-2",
+                "text-body-sm",
+                "focus:bg-muted focus:outline-none",
+                "data-[highlighted]:bg-muted"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: opt.label }),
+                  opt.vendor ? /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground", children: opt.vendor }) : null
+                ] }),
+                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                  opt.tag ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-accent/15 px-2 py-0.5 font-mono text-accent text-label uppercase", children: [
+                    opt.tag === "smart" ? /* @__PURE__ */ jsx(Sparkles, { className: "size-3" }) : null,
+                    opt.tag
+                  ] }) : null,
+                  opt.id === value ? /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-primary" }) : null
+                ] })
+              ]
+            },
+            opt.id
+          ))
+        }
+      ) })
+    ] });
+  }
+);
+ModelSelector.displayName = "ModelSelector";
+
+export { ModelSelector };
+//# sourceMappingURL=chunk-HNTOGGVD.js.map
+//# sourceMappingURL=chunk-HNTOGGVD.js.map

package/dist/chunk-HNTOGGVD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/model-selector/model-selector.tsx"],"names":[],"mappings":"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","file":"chunk-HNTOGGVD.js","sourcesContent":["import * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { Check, ChevronDown, Sparkles } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ButtonHTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport interface ModelOption {\n  id: string;\n  label: string;\n  /** Optional vendor hint shown small below the label. */\n  vendor?: string;\n  /** Optional tag e.g. \"default\", \"fast\", \"smart\". */\n  tag?: string;\n}\n\ninterface ModelSelectorProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  value: string;\n  options: ModelOption[];\n  onChange?: (id: string) => void;\n}\n\n/**\n * ModelSelector — chip dropdown for picking the active LLM.\n *\n * Visual: pill with violet dot + label + chevron. Dropdown uses Radix Menu.\n */\nconst ModelSelector = forwardRef<HTMLButtonElement, ModelSelectorProps>(\n  ({ className, value, options, onChange, ...props }, ref) => {\n    const current = options.find((o) => o.id === value) ?? options[0];\n    return (\n      <DropdownMenu.Root>\n        <DropdownMenu.Trigger asChild>\n          <button\n            ref={ref}\n            type=\"button\"\n            className={cn(\n              \"inline-flex h-8 items-center gap-2 rounded-full border border-border/60 bg-card px-3\",\n              \"font-medium font-sans text-body-sm text-foreground\",\n              \"transition-colors duration-base ease-out-soft\",\n              \"hover:bg-muted\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n              className,\n            )}\n            {...props}\n          >\n            <span className=\"size-1.5 rounded-full bg-primary\" aria-hidden=\"true\" />\n            {current?.label ?? \"Select model\"}\n            <ChevronDown className=\"size-3 text-muted-foreground\" aria-hidden=\"true\" />\n          </button>\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content\n            sideOffset={6}\n            align=\"end\"\n            className={cn(\n              \"z-50 min-w-[14rem] overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-md\",\n              \"data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in\",\n              \"data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out\",\n            )}\n          >\n            {options.map((opt) => (\n              <DropdownMenu.Item\n                key={opt.id}\n                onSelect={() => onChange?.(opt.id)}\n                className={cn(\n                  \"flex cursor-pointer items-center justify-between gap-3 rounded-md px-2 py-2\",\n                  \"text-body-sm\",\n                  \"focus:bg-muted focus:outline-none\",\n                  \"data-[highlighted]:bg-muted\",\n                )}\n              >\n                <span className=\"flex flex-col\">\n                  <span className=\"font-medium\">{opt.label}</span>\n                  {opt.vendor ? (\n                    <span className=\"font-mono text-label text-muted-foreground\">{opt.vendor}</span>\n                  ) : null}\n                </span>\n                <span className=\"flex items-center gap-2\">\n                  {opt.tag ? (\n                    <span className=\"inline-flex items-center gap-1 rounded-full bg-accent/15 px-2 py-0.5 font-mono text-accent text-label uppercase\">\n                      {opt.tag === \"smart\" ? <Sparkles className=\"size-3\" /> : null}\n                      {opt.tag}\n                    </span>\n                  ) : null}\n                  {opt.id === value ? <Check className=\"size-3.5 text-primary\" /> : null}\n                </span>\n              </DropdownMenu.Item>\n            ))}\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n    );\n  },\n);\nModelSelector.displayName = \"ModelSelector\";\n\nexport { ModelSelector };\n"]}

package/dist/chunk-HQW2ABO4.js

@@ -0,0 +1,28 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { BookOpen } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ContextCard = forwardRef(
+  ({ className, title, description, illustration, icon, ...props }, ref) => {
+    const Icon = icon ?? BookOpen;
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref,
+        className: cn("grid gap-3 rounded-xl border border-border/40 bg-muted/30 p-4", className),
+        ...props,
+        children: [
+          illustration ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: illustration }) : /* @__PURE__ */ jsx(Icon, { className: "size-5 text-primary", "aria-hidden": "true" }),
+          title ? /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }) : null,
+          description ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: description }) : null
+        ]
+      }
+    );
+  }
+);
+ContextCard.displayName = "ContextCard";
+
+export { ContextCard };
+//# sourceMappingURL=chunk-HQW2ABO4.js.map
+//# sourceMappingURL=chunk-HQW2ABO4.js.map

package/dist/chunk-HQW2ABO4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/context-card/context-card.tsx"],"names":[],"mappings":";;;;;AAqBA,IAAM,WAAA,GAAc,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,WAAA,EAAa,cAAc,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACxE,IAAA,MAAM,OAAO,IAAA,IAAQ,QAAA;AACrB,IAAA,uBACE,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,+DAAA,EAAiE,SAAS,CAAA;AAAA,QACvF,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,YAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAA,YAAA,EAAa,CAAA,mBAEnD,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,UAE1D,wBAAQ,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2CAAA,EAA6C,iBAAM,CAAA,GAAQ,IAAA;AAAA,UACjF,8BAAc,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oCAAA,EAAsC,uBAAY,CAAA,GAAO;AAAA;AAAA;AAAA,KACvF;AAAA,EAEJ;AACF;AACA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-HQW2ABO4.js","sourcesContent":["import { BookOpen } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\ninterface ContextCardProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title?: ReactNode;\n  description?: ReactNode;\n  /** Optional illustration slot (rendered above title). */\n  illustration?: ReactNode;\n  /** Icon for the title row — used when illustration is omitted. */\n  icon?: IconComponent;\n}\n\n/**\n * ContextCard — generic \"informational\" card for the right inspector.\n *\n * Used as the \"Contexto\" card on Files screens: illustration / icon, title,\n * short description. Inert by design — no actions.\n */\nconst ContextCard = forwardRef<HTMLElement, ContextCardProps>(\n  ({ className, title, description, illustration, icon, ...props }, ref) => {\n    const Icon = icon ?? BookOpen;\n    return (\n      <section\n        ref={ref}\n        className={cn(\"grid gap-3 rounded-xl border border-border/40 bg-muted/30 p-4\", className)}\n        {...props}\n      >\n        {illustration ? (\n          <div className=\"flex justify-center\">{illustration}</div>\n        ) : (\n          <Icon className=\"size-5 text-primary\" aria-hidden=\"true\" />\n        )}\n        {title ? <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3> : null}\n        {description ? <p className=\"text-body-sm text-muted-foreground\">{description}</p> : null}\n      </section>\n    );\n  },\n);\nContextCard.displayName = \"ContextCard\";\n\nexport { ContextCard };\n"]}