@theokit/ui 0.13.0

package/dist/chunk-2H6TQELG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/branch-indicator/branch-indicator.tsx"],"names":[],"mappings":";;;;AAiBO,IAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CAAC,EAAE,WAAA,EAAa,WAAA,EAAa,SAAA,EAAW,eAAe,UAAA,EAAY,GAAG,IAAA,EAAK,EAAG,GAAA,KAAQ;AACpF,IAAA,IAAI,CAAC,MAAA,CAAO,SAAA,CAAU,WAAW,CAAA,IAAK,WAAA,GAAc,GAAG,OAAO,IAAA;AAC9D,IAAA,uBACE,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,qEAAA;AAAA,UACA,yDAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA,EAAO,eAAe,CAAA,aAAA,EAAgB,WAAA,GAAc,CAAC,CAAA,KAAA,EAAQ,WAAA,GAAc,CAAA,GAAI,GAAA,GAAM,EAAE,CAAA,CAAA;AAAA,QACvF,eAAa,UAAA,IAAc,kBAAA;AAAA,QAC3B,mBAAA,EAAmB,WAAA;AAAA,QAClB,GAAG,IAAA;AAAA,QACL,QAAA,EAAA;AAAA,UAAA,MAAA;AAAA,UACG;AAAA;AAAA;AAAA,KACJ;AAAA,EAEJ;AACF;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"chunk-2H6TQELG.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * BranchIndicator — small \"×N\" pill that shows when a run was retried/branched.\n *\n * Renders `null` when `branchCount < 2` OR when not a positive integer.\n * EC-10 guard: parametrized over [-1, 0, 0.5] in tests.\n */\n\nexport interface BranchIndicatorProps extends HTMLAttributes<HTMLSpanElement> {\n  branchCount: number;\n  tooltipText?: string;\n  \"data-testid\"?: string;\n}\n\nexport const BranchIndicator = forwardRef<HTMLSpanElement, BranchIndicatorProps>(\n  ({ branchCount, tooltipText, className, \"data-testid\": dataTestId, ...rest }, ref) => {\n    if (!Number.isInteger(branchCount) || branchCount < 2) return null;\n    return (\n      <span\n        ref={ref}\n        className={cn(\n          \"inline-flex items-center rounded-full border border-border bg-muted\",\n          \"px-1.5 py-0.5 font-medium text-muted-foreground text-xs\",\n          className,\n        )}\n        title={tooltipText ?? `Run branched ${branchCount - 1} time${branchCount > 2 ? \"s\" : \"\"}`}\n        data-testid={dataTestId ?? \"branch-indicator\"}\n        data-branch-count={branchCount}\n        {...rest}\n      >\n        ×{branchCount}\n      </span>\n    );\n  },\n);\nBranchIndicator.displayName = \"BranchIndicator\";\n"]}

package/dist/chunk-2L6MRJD4.js

@@ -0,0 +1,120 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Webhook, MessageCircle, Slack, Send, Settings, Power } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PLATFORM_ICON = {
+  telegram: Send,
+  discord: MessageCircle,
+  slack: Slack,
+  whatsapp: MessageCircle,
+  webhook: Webhook,
+  mcp: Webhook
+};
+var PLATFORM_LABEL = {
+  telegram: "Telegram",
+  discord: "Discord",
+  slack: "Slack",
+  whatsapp: "WhatsApp",
+  webhook: "Webhook",
+  mcp: "MCP"
+};
+var STATUS_CONFIG = {
+  connected: { label: "Connected", class: "border-success/40 bg-success/15 text-success" },
+  connecting: {
+    label: "Connecting",
+    class: "border-primary/40 bg-primary/15 text-primary animate-pulse"
+  },
+  disconnected: {
+    label: "Disconnected",
+    class: "border-muted-foreground/40 bg-muted/40 text-muted-foreground"
+  },
+  error: { label: "Error", class: "border-destructive/40 bg-destructive/15 text-destructive" }
+};
+var ChannelCard = forwardRef(
+  ({ className, channel, onConfigure, onToggle, ...props }, ref) => {
+    const cfg = STATUS_CONFIG[channel.status];
+    const Icon = PLATFORM_ICON[channel.platform];
+    const enabled = channel.status === "connected";
+    const togglePending = channel.status === "connecting";
+    return /* @__PURE__ */ jsxs(
+      "article",
+      {
+        ref,
+        className: cn("grid gap-3 rounded-xl border bg-card p-4", className),
+        "aria-label": `Channel ${channel.name}`,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0 text-primary", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("h4", { className: "font-medium font-mono text-body-sm text-foreground", children: channel.name }),
+                /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-label text-muted-foreground", children: PLATFORM_LABEL[channel.platform] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "inline-flex shrink-0 items-center rounded-full border px-2.5 py-0.5",
+                  "font-mono text-label uppercase tracking-wider",
+                  cfg.class
+                ),
+                children: cfg.label
+              }
+            )
+          ] }),
+          channel.description ? /* @__PURE__ */ jsx("p", { className: "font-sans text-body-sm text-muted-foreground", children: channel.description }) : null,
+          (channel.lastSeen !== void 0 || channel.messageCount !== void 0) && /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-2 gap-2 font-mono text-label", children: [
+            channel.lastSeen !== void 0 ? /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground uppercase tracking-wider", children: "Last seen" }),
+              /* @__PURE__ */ jsx("dd", { className: "text-foreground", children: channel.lastSeen })
+            ] }) : null,
+            channel.messageCount !== void 0 ? /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground uppercase tracking-wider", children: "Messages" }),
+              /* @__PURE__ */ jsx("dd", { className: "text-foreground", children: channel.messageCount.toLocaleString() })
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("footer", { className: "flex items-center justify-end gap-1.5", children: [
+            onConfigure ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onConfigure(channel.id),
+                className: "inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: [
+                  /* @__PURE__ */ jsx(Settings, { className: "size-3" }),
+                  " Configure"
+                ]
+              }
+            ) : null,
+            onToggle ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onToggle(channel.id, !enabled),
+                disabled: togglePending,
+                "aria-pressed": enabled,
+                className: cn(
+                  "inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  togglePending && "cursor-not-allowed opacity-60",
+                  enabled && "text-success"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Power, { className: "size-3" }),
+                  enabled ? "Disconnect" : "Connect"
+                ]
+              }
+            ) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+ChannelCard.displayName = "ChannelCard";
+
+export { ChannelCard };
+//# sourceMappingURL=chunk-2L6MRJD4.js.map
+//# sourceMappingURL=chunk-2L6MRJD4.js.map

package/dist/chunk-2L6MRJD4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/channel-card/channel-card.tsx"],"names":[],"mappings":"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","file":"chunk-2L6MRJD4.js","sourcesContent":["import {\n  type LucideIcon,\n  MessageCircle,\n  Power,\n  Send,\n  Settings,\n  Slack,\n  Webhook,\n} from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type ChannelPlatform = \"telegram\" | \"discord\" | \"slack\" | \"whatsapp\" | \"webhook\" | \"mcp\";\n\nexport type ChannelStatus = \"disconnected\" | \"connecting\" | \"connected\" | \"error\";\n\nexport interface Channel {\n  id: string;\n  name: string;\n  platform: ChannelPlatform;\n  status: ChannelStatus;\n  description?: ReactNode;\n  lastSeen?: string;\n  messageCount?: number;\n}\n\nconst PLATFORM_ICON: Record<ChannelPlatform, LucideIcon> = {\n  telegram: Send,\n  discord: MessageCircle,\n  slack: Slack,\n  whatsapp: MessageCircle,\n  webhook: Webhook,\n  mcp: Webhook,\n};\n\nconst PLATFORM_LABEL: Record<ChannelPlatform, string> = {\n  telegram: \"Telegram\",\n  discord: \"Discord\",\n  slack: \"Slack\",\n  whatsapp: \"WhatsApp\",\n  webhook: \"Webhook\",\n  mcp: \"MCP\",\n};\n\nconst STATUS_CONFIG: Record<ChannelStatus, { label: string; class: string }> = {\n  connected: { label: \"Connected\", class: \"border-success/40 bg-success/15 text-success\" },\n  connecting: {\n    label: \"Connecting\",\n    class: \"border-primary/40 bg-primary/15 text-primary animate-pulse\",\n  },\n  disconnected: {\n    label: \"Disconnected\",\n    class: \"border-muted-foreground/40 bg-muted/40 text-muted-foreground\",\n  },\n  error: { label: \"Error\", class: \"border-destructive/40 bg-destructive/15 text-destructive\" },\n};\n\ninterface ChannelCardProps extends HTMLAttributes<HTMLElement> {\n  channel: Channel;\n  onConfigure?: (id: string) => void;\n  onToggle?: (id: string, enabled: boolean) => void;\n}\n\n/**\n * ChannelCard — inbound gateway connection (Telegram, Discord, Slack, …)\n * showing its connection status, platform, and inline controls.\n *\n * EC absorbed: the toggle reflects the *current* status. \"connected\" implies\n * enabled (toggle off disconnects); \"disconnected\"/\"error\" implies disabled\n * (toggle on reconnects). \"connecting\" is a transient state — toggle is a\n * no-op (button disabled).\n */\nconst ChannelCard = forwardRef<HTMLElement, ChannelCardProps>(\n  ({ className, channel, onConfigure, onToggle, ...props }, ref) => {\n    const cfg = STATUS_CONFIG[channel.status];\n    const Icon = PLATFORM_ICON[channel.platform];\n    const enabled = channel.status === \"connected\";\n    const togglePending = channel.status === \"connecting\";\n\n    return (\n      <article\n        ref={ref}\n        className={cn(\"grid gap-3 rounded-xl border bg-card p-4\", className)}\n        aria-label={`Channel ${channel.name}`}\n        {...props}\n      >\n        <header className=\"flex items-start justify-between gap-3\">\n          <div className=\"flex min-w-0 items-center gap-2\">\n            <Icon className=\"size-4 shrink-0 text-primary\" aria-hidden=\"true\" />\n            <div className=\"min-w-0\">\n              <h4 className=\"font-medium font-mono text-body-sm text-foreground\">{channel.name}</h4>\n              <p className=\"truncate font-mono text-label text-muted-foreground\">\n                {PLATFORM_LABEL[channel.platform]}\n              </p>\n            </div>\n          </div>\n          <span\n            className={cn(\n              \"inline-flex shrink-0 items-center rounded-full border px-2.5 py-0.5\",\n              \"font-mono text-label uppercase tracking-wider\",\n              cfg.class,\n            )}\n          >\n            {cfg.label}\n          </span>\n        </header>\n\n        {channel.description ? (\n          <p className=\"font-sans text-body-sm text-muted-foreground\">{channel.description}</p>\n        ) : null}\n\n        {(channel.lastSeen !== undefined || channel.messageCount !== undefined) && (\n          <dl className=\"grid grid-cols-2 gap-2 font-mono text-label\">\n            {channel.lastSeen !== undefined ? (\n              <div>\n                <dt className=\"text-muted-foreground uppercase tracking-wider\">Last seen</dt>\n                <dd className=\"text-foreground\">{channel.lastSeen}</dd>\n              </div>\n            ) : null}\n            {channel.messageCount !== undefined ? (\n              <div>\n                <dt className=\"text-muted-foreground uppercase tracking-wider\">Messages</dt>\n                <dd className=\"text-foreground\">{channel.messageCount.toLocaleString()}</dd>\n              </div>\n            ) : null}\n          </dl>\n        )}\n\n        <footer className=\"flex items-center justify-end gap-1.5\">\n          {onConfigure ? (\n            <button\n              type=\"button\"\n              onClick={() => onConfigure(channel.id)}\n              className=\"inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <Settings className=\"size-3\" /> Configure\n            </button>\n          ) : null}\n          {onToggle ? (\n            <button\n              type=\"button\"\n              onClick={() => onToggle(channel.id, !enabled)}\n              disabled={togglePending}\n              aria-pressed={enabled}\n              className={cn(\n                \"inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                togglePending && \"cursor-not-allowed opacity-60\",\n                enabled && \"text-success\",\n              )}\n            >\n              <Power className=\"size-3\" />\n              {enabled ? \"Disconnect\" : \"Connect\"}\n            </button>\n          ) : null}\n        </footer>\n      </article>\n    );\n  },\n);\nChannelCard.displayName = \"ChannelCard\";\n\nexport { ChannelCard };\n"]}

package/dist/chunk-2Y5V2PAL.js

@@ -0,0 +1,80 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var formatTokens = (n) => {
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
+  return `${n}`;
+};
+var ContextWindowBar = forwardRef(
+  ({
+    className,
+    used,
+    total,
+    trailing,
+    label = "Context",
+    compact,
+    warnAt = 0.7,
+    dangerAt = 0.9,
+    ...props
+  }, ref) => {
+    const ratio = Math.max(0, Math.min(1, used / total));
+    const tone = ratio >= dangerAt ? "destructive" : ratio >= warnAt ? "warning" : "primary";
+    const percent = Math.round(ratio * 100);
+    const barColor = {
+      primary: "bg-primary",
+      warning: "bg-warning",
+      destructive: "bg-destructive"
+    }[tone];
+    const textColor = {
+      primary: "text-foreground",
+      warning: "text-warning",
+      destructive: "text-destructive"
+    }[tone];
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("grid gap-1.5", className), ...props, children: [
+      !compact ? /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: label }),
+        /* @__PURE__ */ jsxs("span", { className: cn("font-mono text-body-sm tabular-nums", textColor), children: [
+          formatTokens(used),
+          " / ",
+          formatTokens(total),
+          " ",
+          /* @__PURE__ */ jsxs("span", { className: "opacity-60", children: [
+            "(",
+            percent,
+            "%)"
+          ] })
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-1.5 w-full overflow-hidden rounded-full bg-muted",
+          role: "progressbar",
+          tabIndex: -1,
+          "aria-valuenow": used,
+          "aria-valuemin": 0,
+          "aria-valuemax": total,
+          "aria-label": `${percent}% of context window used`,
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "h-full rounded-full transition-[width,background-color] duration-base ease-out-soft",
+                barColor
+              ),
+              style: { width: `${percent}%` }
+            }
+          )
+        }
+      ),
+      trailing ? /* @__PURE__ */ jsx("div", { className: "font-mono text-label text-muted-foreground", children: trailing }) : null
+    ] });
+  }
+);
+ContextWindowBar.displayName = "ContextWindowBar";
+
+export { ContextWindowBar };
+//# sourceMappingURL=chunk-2Y5V2PAL.js.map
+//# sourceMappingURL=chunk-2Y5V2PAL.js.map

package/dist/chunk-2Y5V2PAL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/context-window-bar/context-window-bar.tsx"],"names":[],"mappings":"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","file":"chunk-2Y5V2PAL.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\ninterface ContextWindowBarProps extends HTMLAttributes<HTMLDivElement> {\n  /** Tokens currently used in the context window. */\n  used: number;\n  /** Model's total context capacity (e.g. 200_000, 1_000_000). */\n  total: number;\n  /** Optional secondary label rendered on the right (e.g. model name). */\n  trailing?: ReactNode;\n  /** Optional title shown above the bar. */\n  label?: ReactNode;\n  /** Compact mode hides numbers and label; just the bar. */\n  compact?: boolean;\n  /**\n   * Override warning thresholds (0..1). Defaults: warn 0.7, danger 0.9.\n   */\n  warnAt?: number;\n  dangerAt?: number;\n}\n\nconst formatTokens = (n: number) => {\n  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;\n  if (n >= 1_000) return `${(n / 1_000).toFixed(1)}k`;\n  return `${n}`;\n};\n\n/**\n * ContextWindowBar — shows how much of the model's context window has been\n * consumed. Color transitions: success → warning → destructive past thresholds.\n *\n * Critical for transparency: a user should always be able to glance at this\n * and know if the conversation is about to hit the cap.\n */\nconst ContextWindowBar = forwardRef<HTMLDivElement, ContextWindowBarProps>(\n  (\n    {\n      className,\n      used,\n      total,\n      trailing,\n      label = \"Context\",\n      compact,\n      warnAt = 0.7,\n      dangerAt = 0.9,\n      ...props\n    },\n    ref,\n  ) => {\n    const ratio = Math.max(0, Math.min(1, used / total));\n    const tone = ratio >= dangerAt ? \"destructive\" : ratio >= warnAt ? \"warning\" : \"primary\";\n    const percent = Math.round(ratio * 100);\n\n    const barColor = {\n      primary: \"bg-primary\",\n      warning: \"bg-warning\",\n      destructive: \"bg-destructive\",\n    }[tone];\n\n    const textColor = {\n      primary: \"text-foreground\",\n      warning: \"text-warning\",\n      destructive: \"text-destructive\",\n    }[tone];\n\n    return (\n      <div ref={ref} className={cn(\"grid gap-1.5\", className)} {...props}>\n        {!compact ? (\n          <div className=\"flex items-baseline justify-between gap-2\">\n            <span className=\"font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n              {label}\n            </span>\n            <span className={cn(\"font-mono text-body-sm tabular-nums\", textColor)}>\n              {formatTokens(used)} / {formatTokens(total)}{\" \"}\n              <span className=\"opacity-60\">({percent}%)</span>\n            </span>\n          </div>\n        ) : null}\n        <div\n          className=\"h-1.5 w-full overflow-hidden rounded-full bg-muted\"\n          role=\"progressbar\"\n          tabIndex={-1}\n          aria-valuenow={used}\n          aria-valuemin={0}\n          aria-valuemax={total}\n          aria-label={`${percent}% of context window used`}\n        >\n          <div\n            className={cn(\n              \"h-full rounded-full transition-[width,background-color] duration-base ease-out-soft\",\n              barColor,\n            )}\n            style={{ width: `${percent}%` }}\n          />\n        </div>\n        {trailing ? (\n          <div className=\"font-mono text-label text-muted-foreground\">{trailing}</div>\n        ) : null}\n      </div>\n    );\n  },\n);\nContextWindowBar.displayName = \"ContextWindowBar\";\n\nexport { ContextWindowBar };\n"]}

package/dist/chunk-34NAFDVL.js

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

package/dist/chunk-34NAFDVL.js.map

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

package/dist/chunk-36KJGXEK.js

@@ -0,0 +1,112 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Server, RotateCcw, Plug } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var STATUS_CONFIG = {
+  connected: { label: "Connected", class: "border-success/40 bg-success/15 text-success" },
+  starting: {
+    label: "Starting",
+    class: "border-primary/40 bg-primary/15 text-primary animate-pulse"
+  },
+  degraded: { label: "Degraded", class: "border-warning/40 bg-warning/15 text-warning" },
+  disconnected: {
+    label: "Disconnected",
+    class: "border-destructive/40 bg-destructive/15 text-destructive"
+  }
+};
+var MCPServerCard = forwardRef(
+  ({ className, server, onRestart, onDisconnect, ...props }, ref) => {
+    const cfg = STATUS_CONFIG[server.status];
+    return /* @__PURE__ */ jsxs(
+      "article",
+      {
+        ref,
+        className: cn("grid gap-3 rounded-xl border bg-card p-4", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Server, { className: "size-4 shrink-0 text-primary", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("h4", { className: "font-medium font-mono text-body-sm text-foreground", children: server.name }),
+                /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-label text-muted-foreground", children: server.endpoint })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "inline-flex shrink-0 items-center rounded-full border px-2.5 py-0.5",
+                  "font-mono text-label uppercase tracking-wider",
+                  cfg.class
+                ),
+                children: cfg.label
+              }
+            )
+          ] }),
+          server.message ? /* @__PURE__ */ jsx("p", { className: "rounded-md border border-warning/30 bg-warning/10 px-3 py-2 font-mono text-code-sm text-warning", children: server.message }) : null,
+          server.tools.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
+            /* @__PURE__ */ jsxs("span", { className: "font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: [
+              server.tools.length,
+              " tools"
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: server.tools.map((tool) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "inline-flex items-center rounded-md bg-muted px-2 py-0.5 font-mono text-foreground text-label",
+                children: tool
+              },
+              tool
+            )) })
+          ] }) : null,
+          server.resources && server.resources.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
+            /* @__PURE__ */ jsxs("span", { className: "font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: [
+              server.resources.length,
+              " resources"
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: server.resources.map((r) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "inline-flex items-center rounded-md bg-accent/10 px-2 py-0.5 font-mono text-accent text-label",
+                children: r
+              },
+              r
+            )) })
+          ] }) : null,
+          /* @__PURE__ */ jsxs("footer", { className: "flex items-center justify-end gap-1.5", children: [
+            onRestart ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onRestart(server.id),
+                className: "inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: [
+                  /* @__PURE__ */ jsx(RotateCcw, { className: "size-3" }),
+                  " Restart"
+                ]
+              }
+            ) : null,
+            onDisconnect ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onDisconnect(server.id),
+                className: "inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: [
+                  /* @__PURE__ */ jsx(Plug, { className: "size-3" }),
+                  " Disconnect"
+                ]
+              }
+            ) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+MCPServerCard.displayName = "MCPServerCard";
+
+export { MCPServerCard };
+//# sourceMappingURL=chunk-36KJGXEK.js.map
+//# sourceMappingURL=chunk-36KJGXEK.js.map

package/dist/chunk-36KJGXEK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/mcp-server-card/mcp-server-card.tsx"],"names":[],"mappings":"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","file":"chunk-36KJGXEK.js","sourcesContent":["import { Plug, RotateCcw, Server } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type MCPServerStatus = \"connected\" | \"degraded\" | \"disconnected\" | \"starting\";\n\nexport interface MCPServer {\n  id: string;\n  /** Friendly name, e.g. \"postgres\". */\n  name: string;\n  /** Transport endpoint (stdio command or URL). */\n  endpoint: string;\n  status: MCPServerStatus;\n  /** Tools exposed by the server. */\n  tools: string[];\n  /** Optional resources exposed. */\n  resources?: string[];\n  /** Diagnostic message when degraded/disconnected. */\n  message?: ReactNode;\n  /** Auto-restart toggle hint. */\n  autoRestart?: boolean;\n}\n\nconst STATUS_CONFIG: Record<MCPServerStatus, { label: string; class: string }> = {\n  connected: { label: \"Connected\", class: \"border-success/40 bg-success/15 text-success\" },\n  starting: {\n    label: \"Starting\",\n    class: \"border-primary/40 bg-primary/15 text-primary animate-pulse\",\n  },\n  degraded: { label: \"Degraded\", class: \"border-warning/40 bg-warning/15 text-warning\" },\n  disconnected: {\n    label: \"Disconnected\",\n    class: \"border-destructive/40 bg-destructive/15 text-destructive\",\n  },\n};\n\ninterface MCPServerCardProps extends HTMLAttributes<HTMLElement> {\n  server: MCPServer;\n  onRestart?: (id: string) => void;\n  onDisconnect?: (id: string) => void;\n}\n\n/**\n * MCPServerCard — one MCP server entry showing connection status, the tools\n * it exposes, and inline controls (restart, disconnect).\n *\n * Pairs with claw-code's \"degraded startup reporting\" — failed servers can\n * still appear here with a recovery message.\n */\nconst MCPServerCard = forwardRef<HTMLElement, MCPServerCardProps>(\n  ({ className, server, onRestart, onDisconnect, ...props }, ref) => {\n    const cfg = STATUS_CONFIG[server.status];\n    return (\n      <article\n        ref={ref}\n        className={cn(\"grid gap-3 rounded-xl border bg-card p-4\", className)}\n        {...props}\n      >\n        <header className=\"flex items-start justify-between gap-3\">\n          <div className=\"flex min-w-0 items-center gap-2\">\n            <Server className=\"size-4 shrink-0 text-primary\" aria-hidden=\"true\" />\n            <div className=\"min-w-0\">\n              <h4 className=\"font-medium font-mono text-body-sm text-foreground\">{server.name}</h4>\n              <p className=\"truncate font-mono text-label text-muted-foreground\">\n                {server.endpoint}\n              </p>\n            </div>\n          </div>\n          <span\n            className={cn(\n              \"inline-flex shrink-0 items-center rounded-full border px-2.5 py-0.5\",\n              \"font-mono text-label uppercase tracking-wider\",\n              cfg.class,\n            )}\n          >\n            {cfg.label}\n          </span>\n        </header>\n\n        {server.message ? (\n          <p className=\"rounded-md border border-warning/30 bg-warning/10 px-3 py-2 font-mono text-code-sm text-warning\">\n            {server.message}\n          </p>\n        ) : null}\n\n        {server.tools.length > 0 ? (\n          <div className=\"grid gap-1.5\">\n            <span className=\"font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n              {server.tools.length} tools\n            </span>\n            <div className=\"flex flex-wrap gap-1.5\">\n              {server.tools.map((tool) => (\n                <span\n                  key={tool}\n                  className=\"inline-flex items-center rounded-md bg-muted px-2 py-0.5 font-mono text-foreground text-label\"\n                >\n                  {tool}\n                </span>\n              ))}\n            </div>\n          </div>\n        ) : null}\n\n        {server.resources && server.resources.length > 0 ? (\n          <div className=\"grid gap-1.5\">\n            <span className=\"font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n              {server.resources.length} resources\n            </span>\n            <div className=\"flex flex-wrap gap-1.5\">\n              {server.resources.map((r) => (\n                <span\n                  key={r}\n                  className=\"inline-flex items-center rounded-md bg-accent/10 px-2 py-0.5 font-mono text-accent text-label\"\n                >\n                  {r}\n                </span>\n              ))}\n            </div>\n          </div>\n        ) : null}\n\n        <footer className=\"flex items-center justify-end gap-1.5\">\n          {onRestart ? (\n            <button\n              type=\"button\"\n              onClick={() => onRestart(server.id)}\n              className=\"inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <RotateCcw className=\"size-3\" /> Restart\n            </button>\n          ) : null}\n          {onDisconnect ? (\n            <button\n              type=\"button\"\n              onClick={() => onDisconnect(server.id)}\n              className=\"inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <Plug className=\"size-3\" /> Disconnect\n            </button>\n          ) : null}\n        </footer>\n      </article>\n    );\n  },\n);\nMCPServerCard.displayName = \"MCPServerCard\";\n\nexport { MCPServerCard };\n"]}

package/dist/chunk-3BMYYNN6.js

@@ -0,0 +1,124 @@
+import { cn } from './chunk-EWDN56AS.js';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Overlay2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-background/80",
+      "data-[state=open]:fade-in-0 data-[state=open]:animate-in",
+      "data-[state=closed]:fade-out-0 data-[state=closed]:animate-out",
+      className
+    ),
+    ...props
+  }
+));
+Overlay2.displayName = "Sheet.Overlay";
+var sheetVariants = cva(
+  [
+    "fixed z-50 flex flex-col gap-3 border-border/40 bg-card text-card-foreground shadow-lg",
+    "transition duration-base ease-out-soft",
+    "data-[state=closed]:animate-out data-[state=open]:animate-in"
+  ],
+  {
+    variants: {
+      side: {
+        right: "data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 max-w-md border-l",
+        left: "data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 max-w-md border-r",
+        top: "data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 h-auto max-h-[80vh] border-b",
+        bottom: "data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 h-auto max-h-[80vh] border-t"
+      }
+    },
+    defaultVariants: { side: "right" }
+  }
+);
+var Content2 = forwardRef(
+  ({ className, children, hideCloseButton, side = "right", ...props }, ref) => /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx(Overlay2, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: cn(sheetVariants({ side }), className),
+        ...props,
+        children: [
+          children,
+          !hideCloseButton ? /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              className: cn(
+                "absolute top-4 right-4 rounded-md p-1 opacity-70",
+                "transition-opacity hover:opacity-100",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card",
+                "disabled:pointer-events-none"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(X, { className: "size-4" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ) : null
+        ]
+      }
+    )
+  ] })
+);
+Content2.displayName = "Sheet.Content";
+var Header = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("flex flex-col gap-1.5 border-border/40 border-b px-6 py-5 text-left", className),
+    ...props
+  }
+);
+Header.displayName = "Sheet.Header";
+var Body = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex-1 overflow-y-auto px-6 py-4 text-body-md", className), ...props });
+Body.displayName = "Sheet.Body";
+var Footer = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse gap-2 border-border/40 border-t px-6 py-4 sm:flex-row sm:justify-end",
+      className
+    ),
+    ...props
+  }
+);
+Footer.displayName = "Sheet.Footer";
+var Title2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("font-display text-foreground text-title-lg tracking-tight", className),
+    ...props
+  }
+));
+Title2.displayName = "Sheet.Title";
+var Description2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-body-sm text-muted-foreground", className),
+    ...props
+  }
+));
+Description2.displayName = "Sheet.Description";
+var Sheet = DialogPrimitive.Root;
+Sheet.Trigger = DialogPrimitive.Trigger;
+Sheet.Close = DialogPrimitive.Close;
+Sheet.Content = Content2;
+Sheet.Overlay = Overlay2;
+Sheet.Header = Header;
+Sheet.Body = Body;
+Sheet.Footer = Footer;
+Sheet.Title = Title2;
+Sheet.Description = Description2;
+
+export { Sheet, sheetVariants };
+//# sourceMappingURL=chunk-3BMYYNN6.js.map
+//# sourceMappingURL=chunk-3BMYYNN6.js.map

package/dist/chunk-3BMYYNN6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/sheet/sheet.tsx"],"names":["Overlay","Content","Title","Description"],"mappings":"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","file":"chunk-3BMYYNN6.js","sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Sheet — slide-in side panel built on Radix Dialog.\n *\n * Same Radix primitive as Dialog, but Content slides from an edge instead of\n * fading from center. Used for: workspace overlays (Memory, Observability,\n * Sub-agents), Settings, contextual filters.\n *\n * Composition:\n *   <Sheet>\n *     <Sheet.Trigger>Open</Sheet.Trigger>\n *     <Sheet.Content side=\"right\">\n *       <Sheet.Header>\n *         <Sheet.Title>Memory</Sheet.Title>\n *         <Sheet.Description>Episodes and wiki pages</Sheet.Description>\n *       </Sheet.Header>\n *       <Sheet.Body>…</Sheet.Body>\n *       <Sheet.Footer>…</Sheet.Footer>\n *     </Sheet.Content>\n *   </Sheet>\n */\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      \"fixed inset-0 z-50 bg-background/80\",\n      \"data-[state=open]:fade-in-0 data-[state=open]:animate-in\",\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:animate-out\",\n      className,\n    )}\n    {...props}\n  />\n));\nOverlay.displayName = \"Sheet.Overlay\";\n\nconst sheetVariants = cva(\n  [\n    \"fixed z-50 flex flex-col gap-3 border-border/40 bg-card text-card-foreground shadow-lg\",\n    \"transition duration-base ease-out-soft\",\n    \"data-[state=closed]:animate-out data-[state=open]:animate-in\",\n  ],\n  {\n    variants: {\n      side: {\n        right:\n          \"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 max-w-md border-l\",\n        left: \"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 max-w-md border-r\",\n        top: \"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 h-auto max-h-[80vh] border-b\",\n        bottom:\n          \"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 h-auto max-h-[80vh] border-t\",\n      },\n    },\n    defaultVariants: { side: \"right\" },\n  },\n);\n\ninterface ContentProps\n  extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {\n  hideCloseButton?: boolean;\n}\n\nconst Content = forwardRef<ElementRef<typeof DialogPrimitive.Content>, ContentProps>(\n  ({ className, children, hideCloseButton, side = \"right\", ...props }, ref) => (\n    <DialogPrimitive.Portal>\n      <Overlay />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(sheetVariants({ side }), className)}\n        {...props}\n      >\n        {children}\n        {!hideCloseButton ? (\n          <DialogPrimitive.Close\n            className={cn(\n              \"absolute top-4 right-4 rounded-md p-1 opacity-70\",\n              \"transition-opacity hover:opacity-100\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card\",\n              \"disabled:pointer-events-none\",\n            )}\n          >\n            <X className=\"size-4\" />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        ) : null}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  ),\n);\nContent.displayName = \"Sheet.Content\";\n\nconst Header = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\"flex flex-col gap-1.5 border-border/40 border-b px-6 py-5 text-left\", className)}\n    {...props}\n  />\n);\nHeader.displayName = \"Sheet.Header\";\n\nconst Body = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex-1 overflow-y-auto px-6 py-4 text-body-md\", className)} {...props} />\n);\nBody.displayName = \"Sheet.Body\";\n\nconst Footer = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse gap-2 border-border/40 border-t px-6 py-4 sm:flex-row sm:justify-end\",\n      className,\n    )}\n    {...props}\n  />\n);\nFooter.displayName = \"Sheet.Footer\";\n\nconst Title = forwardRef<\n  ElementRef<typeof DialogPrimitive.Title>,\n  ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\"font-display text-foreground text-title-lg tracking-tight\", className)}\n    {...props}\n  />\n));\nTitle.displayName = \"Sheet.Title\";\n\nconst Description = forwardRef<\n  ElementRef<typeof DialogPrimitive.Description>,\n  ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\"text-body-sm text-muted-foreground\", className)}\n    {...props}\n  />\n));\nDescription.displayName = \"Sheet.Description\";\n\nconst Sheet = DialogPrimitive.Root as typeof DialogPrimitive.Root & {\n  Trigger: typeof DialogPrimitive.Trigger;\n  Close: typeof DialogPrimitive.Close;\n  Content: typeof Content;\n  Overlay: typeof Overlay;\n  Header: typeof Header;\n  Body: typeof Body;\n  Footer: typeof Footer;\n  Title: typeof Title;\n  Description: typeof Description;\n};\nSheet.Trigger = DialogPrimitive.Trigger;\nSheet.Close = DialogPrimitive.Close;\nSheet.Content = Content;\nSheet.Overlay = Overlay;\nSheet.Header = Header;\nSheet.Body = Body;\nSheet.Footer = Footer;\nSheet.Title = Title;\nSheet.Description = Description;\n\nexport { Sheet, sheetVariants };\n"]}

package/dist/chunk-3OHV7EEI.js

@@ -0,0 +1,34 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Folder, ChevronDown } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var FolderSelector = forwardRef(
+  ({ className, path, compact, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "inline-flex items-center gap-2 rounded-lg border border-border/60 bg-card",
+        "font-mono text-code-sm text-foreground",
+        "transition-colors duration-base ease-out-soft",
+        "hover:border-primary/40 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",
+        compact ? "h-8 px-2.5" : "h-10 px-3",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Folder, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-left", children: path }),
+        /* @__PURE__ */ jsx(ChevronDown, { className: "size-3 shrink-0 text-muted-foreground", "aria-hidden": "true" })
+      ]
+    }
+  )
+);
+FolderSelector.displayName = "FolderSelector";
+
+export { FolderSelector };
+//# sourceMappingURL=chunk-3OHV7EEI.js.map
+//# sourceMappingURL=chunk-3OHV7EEI.js.map

package/dist/chunk-3OHV7EEI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/folder-selector/folder-selector.tsx"],"names":[],"mappings":";;;;;AAqBA,IAAM,cAAA,GAAiB,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,SAAS,GAAG,KAAA,IAAS,GAAA,qBACvC,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,SAAA,EAAW,EAAA;AAAA,QACT,2EAAA;AAAA,QACA,wCAAA;AAAA,QACA,+CAAA;AAAA,QACA,wCAAA;AAAA,QACA,0IAAA;AAAA,QACA,UAAU,YAAA,GAAe,WAAA;AAAA,QACzB;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,uCAAA,EAAwC,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,wBAC7E,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EAAqC,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,wBAC1D,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,uCAAA,EAAwC,eAAY,MAAA,EAAO;AAAA;AAAA;AAAA;AAGxF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"chunk-3OHV7EEI.js","sourcesContent":["import { ChevronDown, Folder } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ButtonHTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\ninterface FolderSelectorProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Currently selected absolute path. */\n  path: string;\n  /**\n   * Render in compact mode (smaller height, no chevron padding).\n   * Default is the full-width composer variant used in the Files panel.\n   */\n  compact?: boolean;\n}\n\n/**\n * FolderSelector — chip showing the active working directory.\n *\n * Visual: folder icon + monospaced path (truncated middle) + chevron.\n * Stateless: caller handles the actual folder-picker dialog.\n */\nconst FolderSelector = forwardRef<HTMLButtonElement, FolderSelectorProps>(\n  ({ className, path, compact, ...props }, ref) => (\n    <button\n      ref={ref}\n      type=\"button\"\n      className={cn(\n        \"inline-flex items-center gap-2 rounded-lg border border-border/60 bg-card\",\n        \"font-mono text-code-sm text-foreground\",\n        \"transition-colors duration-base ease-out-soft\",\n        \"hover:border-primary/40 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        compact ? \"h-8 px-2.5\" : \"h-10 px-3\",\n        className,\n      )}\n      {...props}\n    >\n      <Folder className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n      <span className=\"min-w-0 flex-1 truncate text-left\">{path}</span>\n      <ChevronDown className=\"size-3 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n    </button>\n  ),\n);\nFolderSelector.displayName = \"FolderSelector\";\n\nexport { FolderSelector };\n"]}