@usetheo/ui 0.8.0-next.0 → 0.10.0-next.0

package/dist/chunk-LKYSX3QF.js

@@ -0,0 +1,104 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { Coins, TrendingUp, TrendingDown } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var formatUsd = (n) => n >= 100 ? `$${n.toFixed(0)}` : n >= 10 ? `$${n.toFixed(1)}` : `$${n.toFixed(2)}`;
+var CostMeter = forwardRef(
+  ({ className, cost, budget, title = "Spend", delta, compact, ...props }, ref) => {
+    if (compact) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          className: cn(
+            "inline-flex items-center gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1",
+            "font-mono text-label",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(Coins, { className: "size-3 text-primary", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "text-foreground tabular-nums", children: formatUsd(cost) }),
+            budget ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              "/ ",
+              formatUsd(budget)
+            ] }) : null
+          ]
+        }
+      );
+    }
+    const ratio = budget ? Math.max(0, Math.min(1, cost / budget)) : 0;
+    const percent = Math.round(ratio * 100);
+    const overBudget = budget !== void 0 && cost > budget;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("grid gap-2 rounded-xl border bg-card p-4", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-baseline justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: title }),
+            delta ? /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: cn(
+                  "inline-flex items-center gap-1 font-mono text-body-sm tabular-nums",
+                  delta.value >= 0 ? "text-warning" : "text-success"
+                ),
+                children: [
+                  delta.value >= 0 ? /* @__PURE__ */ jsx(TrendingUp, { className: "size-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(TrendingDown, { className: "size-3", "aria-hidden": "true" }),
+                  delta.value >= 0 ? "+" : "",
+                  formatUsd(Math.abs(delta.value)),
+                  " ",
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: delta.period })
+                ]
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-bold font-display text-display-md text-foreground tabular-nums leading-none", children: formatUsd(cost) }),
+            budget !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "font-mono text-body-sm text-muted-foreground", children: [
+              "of ",
+              formatUsd(budget)
+            ] }) : null
+          ] }),
+          budget !== void 0 ? /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "h-1.5 w-full overflow-hidden rounded-full bg-muted",
+                role: "progressbar",
+                tabIndex: -1,
+                "aria-valuenow": percent,
+                "aria-valuemin": 0,
+                "aria-valuemax": 100,
+                children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "h-full rounded-full transition-[width,background-color]",
+                      overBudget ? "bg-destructive" : ratio > 0.75 ? "bg-warning" : "bg-primary"
+                    ),
+                    style: { width: `${Math.min(100, percent)}%` }
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "font-mono text-label text-muted-foreground tabular-nums", children: [
+              percent,
+              "% of budget ",
+              overBudget ? "\xB7 over!" : "used"
+            ] })
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+CostMeter.displayName = "CostMeter";
+
+export { CostMeter };
+//# sourceMappingURL=chunk-LKYSX3QF.js.map
+//# sourceMappingURL=chunk-LKYSX3QF.js.map

package/dist/chunk-LKYSX3QF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/cost-meter/cost-meter.tsx"],"names":[],"mappings":"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","file":"chunk-LKYSX3QF.js","sourcesContent":["import { Coins, TrendingDown, TrendingUp } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\ninterface CostMeterProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** Current cost in USD. */\n  cost: number;\n  /** Optional monthly budget; renders progress bar when present. */\n  budget?: number;\n  /** Optional title (e.g. \"This session\", \"Monthly\"). */\n  title?: ReactNode;\n  /** Optional delta vs previous period. */\n  delta?: { value: number; period: string };\n  /** Compact mode — single-line summary. */\n  compact?: boolean;\n}\n\nconst formatUsd = (n: number) =>\n  n >= 100 ? `$${n.toFixed(0)}` : n >= 10 ? `$${n.toFixed(1)}` : `$${n.toFixed(2)}`;\n\n/**\n * CostMeter — gauge for token spend. Two visuals:\n *   - card: title + big number + optional progress bar + optional delta.\n *   - compact: chip \"Coins $4.20\" for nav bars.\n */\nconst CostMeter = forwardRef<HTMLDivElement, CostMeterProps>(\n  ({ className, cost, budget, title = \"Spend\", delta, compact, ...props }, ref) => {\n    if (compact) {\n      return (\n        <div\n          ref={ref}\n          className={cn(\n            \"inline-flex items-center gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1\",\n            \"font-mono text-label\",\n            className,\n          )}\n          {...props}\n        >\n          <Coins className=\"size-3 text-primary\" aria-hidden=\"true\" />\n          <span className=\"text-foreground tabular-nums\">{formatUsd(cost)}</span>\n          {budget ? <span className=\"text-muted-foreground\">/ {formatUsd(budget)}</span> : null}\n        </div>\n      );\n    }\n\n    const ratio = budget ? Math.max(0, Math.min(1, cost / budget)) : 0;\n    const percent = Math.round(ratio * 100);\n    const overBudget = budget !== undefined && cost > budget;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"grid gap-2 rounded-xl border bg-card p-4\", className)}\n        {...props}\n      >\n        <header className=\"flex items-baseline justify-between\">\n          <span className=\"font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n            {title}\n          </span>\n          {delta ? (\n            <span\n              className={cn(\n                \"inline-flex items-center gap-1 font-mono text-body-sm tabular-nums\",\n                delta.value >= 0 ? \"text-warning\" : \"text-success\",\n              )}\n            >\n              {delta.value >= 0 ? (\n                <TrendingUp className=\"size-3\" aria-hidden=\"true\" />\n              ) : (\n                <TrendingDown className=\"size-3\" aria-hidden=\"true\" />\n              )}\n              {delta.value >= 0 ? \"+\" : \"\"}\n              {formatUsd(Math.abs(delta.value))}{\" \"}\n              <span className=\"text-muted-foreground\">{delta.period}</span>\n            </span>\n          ) : null}\n        </header>\n        <div className=\"flex items-baseline gap-1.5\">\n          <span className=\"font-bold font-display text-display-md text-foreground tabular-nums leading-none\">\n            {formatUsd(cost)}\n          </span>\n          {budget !== undefined ? (\n            <span className=\"font-mono text-body-sm text-muted-foreground\">\n              of {formatUsd(budget)}\n            </span>\n          ) : null}\n        </div>\n        {budget !== undefined ? (\n          <div className=\"grid gap-1\">\n            <div\n              className=\"h-1.5 w-full overflow-hidden rounded-full bg-muted\"\n              role=\"progressbar\"\n              tabIndex={-1}\n              aria-valuenow={percent}\n              aria-valuemin={0}\n              aria-valuemax={100}\n            >\n              <div\n                className={cn(\n                  \"h-full rounded-full transition-[width,background-color]\",\n                  overBudget ? \"bg-destructive\" : ratio > 0.75 ? \"bg-warning\" : \"bg-primary\",\n                )}\n                style={{ width: `${Math.min(100, percent)}%` }}\n              />\n            </div>\n            <span className=\"font-mono text-label text-muted-foreground tabular-nums\">\n              {percent}% of budget {overBudget ? \"· over!\" : \"used\"}\n            </span>\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nCostMeter.displayName = \"CostMeter\";\n\nexport { CostMeter };\n"]}

package/dist/chunk-MCIFB6VS.js

@@ -0,0 +1,54 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { FileText, FileCode, FileSpreadsheet, FileImage, File, X } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var typeIcon = {
+  image: FileImage,
+  spreadsheet: FileSpreadsheet,
+  code: FileCode,
+  text: FileText
+};
+var AttachmentChip = forwardRef(
+  ({ className, attachment, onRemove, ...props }, ref) => {
+    const Icon = (attachment.type ? typeIcon[attachment.type] : void 0) ?? File;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "inline-flex max-w-[18rem] items-center gap-2 rounded-md border border-border/40 bg-muted/60 px-2 py-1",
+          "font-mono text-code-sm text-muted-foreground",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "size-3.5 shrink-0 text-primary", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate text-foreground", title: attachment.name, children: attachment.name }),
+          attachment.size ? /* @__PURE__ */ jsxs("span", { children: [
+            "\xB7 ",
+            attachment.size
+          ] }) : null,
+          onRemove ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onRemove(attachment.id),
+              "aria-label": `Remove ${attachment.name}`,
+              className: cn(
+                "ml-1 rounded-sm p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-destructive",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              ),
+              children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+AttachmentChip.displayName = "AttachmentChip";
+
+export { AttachmentChip };
+//# sourceMappingURL=chunk-MCIFB6VS.js.map
+//# sourceMappingURL=chunk-MCIFB6VS.js.map

package/dist/chunk-MCIFB6VS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/attachment-chip/attachment-chip.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,QAAA,GAA0C;AAAA,EAC9C,KAAA,EAAO,SAAA;AAAA,EACP,WAAA,EAAa,eAAA;AAAA,EACb,IAAA,EAAM,QAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAaA,IAAM,cAAA,GAAiB,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,UAAA,EAAY,UAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AACtD,IAAA,MAAM,QAAuB,UAAA,CAAW,IAAA,GAAO,SAAS,UAAA,CAAW,IAAI,IAAI,MAAA,KAAc,IAAA;AACzF,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,uGAAA;AAAA,UACA,8CAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,gCAAA,EAAiC,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,0BACpE,GAAA,CAAC,UAAK,SAAA,EAAU,0BAAA,EAA2B,OAAO,UAAA,CAAW,IAAA,EAC1D,qBAAW,IAAA,EACd,CAAA;AAAA,UACC,UAAA,CAAW,IAAA,mBAAO,IAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,YAAA,OAAA;AAAA,YAAG,UAAA,CAAW;AAAA,WAAA,EAAK,CAAA,GAAU,IAAA;AAAA,UACrD,QAAA,mBACC,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,MAAM,QAAA,CAAS,UAAA,CAAW,EAAE,CAAA;AAAA,cACrC,YAAA,EAAY,CAAA,OAAA,EAAU,UAAA,CAAW,IAAI,CAAA,CAAA;AAAA,cACrC,SAAA,EAAW,EAAA;AAAA,gBACT,qGAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAEA,QAAA,kBAAA,GAAA,CAAC,CAAA,EAAA,EAAE,SAAA,EAAU,QAAA,EAAS;AAAA;AAAA,WACxB,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"chunk-MCIFB6VS.js","sourcesContent":["import { File, FileCode, FileImage, FileSpreadsheet, FileText, X } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\nimport type { Attachment } from \"../../../types/chat.js\";\n\nconst typeIcon: Record<string, IconComponent> = {\n  image: FileImage,\n  spreadsheet: FileSpreadsheet,\n  code: FileCode,\n  text: FileText,\n};\n\ninterface AttachmentChipProps extends HTMLAttributes<HTMLDivElement> {\n  attachment: Attachment;\n  onRemove?: (id: string) => void;\n}\n\n/**\n * AttachmentChip — file pill shown in chat composer or message attachments row.\n *\n * Visual: rounded chip with type-icon + name + size + optional remove button.\n * Truncates the name with `text-ellipsis`; full name available via title.\n */\nconst AttachmentChip = forwardRef<HTMLDivElement, AttachmentChipProps>(\n  ({ className, attachment, onRemove, ...props }, ref) => {\n    const Icon: IconComponent = (attachment.type ? typeIcon[attachment.type] : undefined) ?? File;\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"inline-flex max-w-[18rem] items-center gap-2 rounded-md border border-border/40 bg-muted/60 px-2 py-1\",\n          \"font-mono text-code-sm text-muted-foreground\",\n          className,\n        )}\n        {...props}\n      >\n        <Icon className=\"size-3.5 shrink-0 text-primary\" aria-hidden=\"true\" />\n        <span className=\"truncate text-foreground\" title={attachment.name}>\n          {attachment.name}\n        </span>\n        {attachment.size ? <span>· {attachment.size}</span> : null}\n        {onRemove ? (\n          <button\n            type=\"button\"\n            onClick={() => onRemove(attachment.id)}\n            aria-label={`Remove ${attachment.name}`}\n            className={cn(\n              \"ml-1 rounded-sm p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-destructive\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            )}\n          >\n            <X className=\"size-3\" />\n          </button>\n        ) : null}\n      </div>\n    );\n  },\n);\nAttachmentChip.displayName = \"AttachmentChip\";\n\nexport { AttachmentChip };\n"]}

package/dist/chunk-NQZYY4LR.js

@@ -0,0 +1,84 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { forwardRef, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DOT_COLOR = {
+  live: "bg-success",
+  building: "bg-warning",
+  failed: "bg-destructive",
+  idle: "bg-muted-foreground/40",
+  warning: "bg-warning"
+};
+var LABEL_COLOR = {
+  live: "text-success",
+  building: "text-warning",
+  failed: "text-destructive",
+  idle: "text-muted-foreground",
+  warning: "text-warning"
+};
+var SIZE = {
+  xs: "size-1.5",
+  sm: "size-2",
+  md: "size-2.5"
+};
+var StatusDot = forwardRef(
+  ({ className, status, label, size = "sm", pulse, "aria-label": ariaLabel, ...props }, ref) => {
+    const shouldPulse = pulse ?? status === "building";
+    const hasVisibleLabel = label !== void 0 && label !== null;
+    const effectiveAriaLabel = ariaLabel ?? (hasVisibleLabel ? void 0 : status);
+    useEffect(() => {
+      if (process.env.NODE_ENV !== "production" && !hasVisibleLabel && ariaLabel === void 0) {
+        console.warn(
+          `<StatusDot status="${status}" />: no \`label\` or \`aria-label\` provided. Color-only status is invisible to screen readers. Falling back to aria-label="${status}".`
+        );
+      }
+    }, [hasVisibleLabel, ariaLabel, status]);
+    const dot = /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": hasVisibleLabel ? "true" : void 0,
+        className: cn(
+          "inline-block shrink-0 rounded-full",
+          SIZE[size],
+          DOT_COLOR[status],
+          shouldPulse && "animate-pulse"
+        )
+      }
+    );
+    if (!hasVisibleLabel) {
+      return /* @__PURE__ */ jsx(
+        "span",
+        {
+          ref,
+          role: "status",
+          "aria-label": effectiveAriaLabel,
+          className: cn("inline-flex items-center", className),
+          ...props,
+          children: dot
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        "aria-label": effectiveAriaLabel,
+        className: cn(
+          "inline-flex items-center gap-1.5 font-mono text-label",
+          LABEL_COLOR[status],
+          className
+        ),
+        ...props,
+        children: [
+          dot,
+          /* @__PURE__ */ jsx("span", { children: label })
+        ]
+      }
+    );
+  }
+);
+StatusDot.displayName = "StatusDot";
+
+export { StatusDot };
+//# sourceMappingURL=chunk-NQZYY4LR.js.map
+//# sourceMappingURL=chunk-NQZYY4LR.js.map

package/dist/chunk-NQZYY4LR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/status-dot/status-dot.tsx"],"names":[],"mappings":";;;;AAkCA,IAAM,SAAA,GAAwC;AAAA,EAC5C,IAAA,EAAM,YAAA;AAAA,EACN,QAAA,EAAU,YAAA;AAAA,EACV,MAAA,EAAQ,gBAAA;AAAA,EACR,IAAA,EAAM,wBAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAA;AAEA,IAAM,WAAA,GAA0C;AAAA,EAC9C,IAAA,EAAM,cAAA;AAAA,EACN,QAAA,EAAU,cAAA;AAAA,EACV,MAAA,EAAQ,kBAAA;AAAA,EACR,IAAA,EAAM,uBAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAA;AAEA,IAAM,IAAA,GAA4D;AAAA,EAChE,EAAA,EAAI,UAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAC,EAAE,SAAA,EAAW,MAAA,EAAQ,KAAA,EAAO,IAAA,GAAO,IAAA,EAAM,KAAA,EAAO,YAAA,EAAc,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC5F,IAAA,MAAM,WAAA,GAAc,SAAS,MAAA,KAAW,UAAA;AAExC,IAAA,MAAM,eAAA,GAAkB,KAAA,KAAU,MAAA,IAAa,KAAA,KAAU,IAAA;AACzD,IAAA,MAAM,kBAAA,GAAqB,SAAA,KAAc,eAAA,GAAkB,MAAA,GAAY,MAAA,CAAA;AAGvE,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,QAAQ,GAAA,CAAI,QAAA,KAAa,gBAAgB,CAAC,eAAA,IAAmB,cAAc,MAAA,EAAW;AAExF,QAAA,OAAA,CAAQ,IAAA;AAAA,UACN,CAAA,mBAAA,EAAsB,MAAM,CAAA,6HAAA,EAAgI,MAAM,CAAA,EAAA;AAAA,SACpK;AAAA,MACF;AAAA,IACF,CAAA,EAAG,CAAC,eAAA,EAAiB,SAAA,EAAW,MAAM,CAAC,CAAA;AAEvC,IAAA,MAAM,GAAA,mBACJ,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAa,kBAAkB,MAAA,GAAS,MAAA;AAAA,QACxC,SAAA,EAAW,EAAA;AAAA,UACT,oCAAA;AAAA,UACA,KAAK,IAAI,CAAA;AAAA,UACT,UAAU,MAAM,CAAA;AAAA,UAChB,WAAA,IAAe;AAAA;AACjB;AAAA,KACF;AAGF,IAAA,IAAI,CAAC,eAAA,EAAiB;AACpB,MAAA,uBACE,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UAEA,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,kBAAA;AAAA,UACZ,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA;AAAA,UAClD,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,YAAA,EAAY,kBAAA;AAAA,QACZ,SAAA,EAAW,EAAA;AAAA,UACT,uDAAA;AAAA,UACA,YAAY,MAAM,CAAA;AAAA,UAClB;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,GAAA;AAAA,0BACD,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,KACf;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-NQZYY4LR.js","sourcesContent":["import { forwardRef, useEffect } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * StatusDot — semantic status indicator (colored circle + optional label).\n *\n * Five status kinds:\n *   - `live`     — deployed / verified / healthy (success)\n *   - `building` — in-progress / queued (warning, auto-pulses)\n *   - `failed`   — error / down / rejected (destructive)\n *   - `idle`     — pending / offline (muted)\n *   - `warning`  — degraded but functional (warning, static)\n *\n * Three sizes (xs 6px, sm 8px default, md 10px). `pulse` defaults to\n * `true` for `building` and `false` otherwise; passing `pulse` explicitly\n * overrides the auto behavior. When no visible `label` AND no `aria-label`\n * are provided, the component auto-applies `aria-label={status}` and\n * emits a dev-mode warning (a status communicated only by color is\n * invisible to screen readers).\n *\n * @example\n *   <StatusDot status=\"live\" label=\"Production\" />\n *   <StatusDot status=\"building\" />            // auto-pulses + auto-aria-label\n */\nexport type StatusKind = \"live\" | \"building\" | \"failed\" | \"idle\" | \"warning\";\n\nexport interface StatusDotProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n  status: StatusKind;\n  label?: ReactNode;\n  size?: \"xs\" | \"sm\" | \"md\";\n  pulse?: boolean;\n}\n\nconst DOT_COLOR: Record<StatusKind, string> = {\n  live: \"bg-success\",\n  building: \"bg-warning\",\n  failed: \"bg-destructive\",\n  idle: \"bg-muted-foreground/40\",\n  warning: \"bg-warning\",\n};\n\nconst LABEL_COLOR: Record<StatusKind, string> = {\n  live: \"text-success\",\n  building: \"text-warning\",\n  failed: \"text-destructive\",\n  idle: \"text-muted-foreground\",\n  warning: \"text-warning\",\n};\n\nconst SIZE: Record<NonNullable<StatusDotProps[\"size\"]>, string> = {\n  xs: \"size-1.5\",\n  sm: \"size-2\",\n  md: \"size-2.5\",\n};\n\nconst StatusDot = forwardRef<HTMLSpanElement, StatusDotProps>(\n  ({ className, status, label, size = \"sm\", pulse, \"aria-label\": ariaLabel, ...props }, ref) => {\n    const shouldPulse = pulse ?? status === \"building\";\n\n    const hasVisibleLabel = label !== undefined && label !== null;\n    const effectiveAriaLabel = ariaLabel ?? (hasVisibleLabel ? undefined : status);\n\n    // EC-6: dev warning when neither label nor aria-label is provided.\n    useEffect(() => {\n      if (process.env.NODE_ENV !== \"production\" && !hasVisibleLabel && ariaLabel === undefined) {\n        // biome-ignore lint/suspicious/noConsole: dev-only diagnostic for a11y misconfiguration.\n        console.warn(\n          `<StatusDot status=\"${status}\" />: no \\`label\\` or \\`aria-label\\` provided. Color-only status is invisible to screen readers. Falling back to aria-label=\"${status}\".`,\n        );\n      }\n    }, [hasVisibleLabel, ariaLabel, status]);\n\n    const dot = (\n      <span\n        aria-hidden={hasVisibleLabel ? \"true\" : undefined}\n        className={cn(\n          \"inline-block shrink-0 rounded-full\",\n          SIZE[size],\n          DOT_COLOR[status],\n          shouldPulse && \"animate-pulse\",\n        )}\n      />\n    );\n\n    if (!hasVisibleLabel) {\n      return (\n        <span\n          ref={ref}\n          // biome-ignore lint/a11y/useSemanticElements: StatusDot is a generic inline indicator; there is no HTML element with implicit role=\"status\" that is an inline span. The native <output> is block-level and form-bound, which doesn't fit this use case.\n          role=\"status\"\n          aria-label={effectiveAriaLabel}\n          className={cn(\"inline-flex items-center\", className)}\n          {...props}\n        >\n          {dot}\n        </span>\n      );\n    }\n\n    return (\n      <span\n        ref={ref}\n        aria-label={effectiveAriaLabel}\n        className={cn(\n          \"inline-flex items-center gap-1.5 font-mono text-label\",\n          LABEL_COLOR[status],\n          className,\n        )}\n        {...props}\n      >\n        {dot}\n        <span>{label}</span>\n      </span>\n    );\n  },\n);\nStatusDot.displayName = \"StatusDot\";\n\nexport { StatusDot };\n"]}

package/dist/chunk-O23LKHUR.js

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

package/dist/chunk-O23LKHUR.js.map

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

package/dist/chunk-PASI2U2R.js

@@ -0,0 +1,23 @@
+import { LiveRegionProvider } from './chunk-UGKI466V.js';
+import { cn } from './chunk-ZSRJCIWF.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var ChatThread = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(LiveRegionProvider, { value: true, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "log",
+      "aria-live": "polite",
+      "aria-relevant": "additions",
+      className: cn("flex flex-col gap-6", className),
+      ...props
+    }
+  ) })
+);
+ChatThread.displayName = "ChatThread";
+
+export { ChatThread };
+//# sourceMappingURL=chunk-PASI2U2R.js.map
+//# sourceMappingURL=chunk-PASI2U2R.js.map

package/dist/chunk-PASI2U2R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/chat-thread/chat-thread.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxB,GAAA,CAAC,kBAAA,EAAA,EAAmB,KAAA,EAAO,IAAA,EACzB,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,KAAA;AAAA,MACL,WAAA,EAAU,QAAA;AAAA,MACV,eAAA,EAAc,WAAA;AAAA,MACd,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAC7C,GAAG;AAAA;AAAA,GACN,EACF;AAEJ;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-PASI2U2R.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { LiveRegionProvider } from \"../../../lib/live-region-context.js\";\n\n/**\n * ChatThread — simple vertical container that applies spacing + scroll.\n *\n * No virtualization or stickiness. Wrap with your own scroller for long threads.\n *\n * T4.1 (MF-4): declares the outer live region and wraps children in\n * LiveRegionProvider so nested AgentStreaming / AgentErrorCard / Skeleton\n * don't add their own aria-live (double-announcement avoided).\n */\nconst ChatThread = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <LiveRegionProvider value={true}>\n      <div\n        ref={ref}\n        role=\"log\"\n        aria-live=\"polite\"\n        aria-relevant=\"additions\"\n        className={cn(\"flex flex-col gap-6\", className)}\n        {...props}\n      />\n    </LiveRegionProvider>\n  ),\n);\nChatThread.displayName = \"ChatThread\";\n\nexport { ChatThread };\n"]}

package/dist/chunk-PPH5NTHV.js

@@ -0,0 +1,34 @@
+import { cn } from './chunk-ZSRJCIWF.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-PPH5NTHV.js.map
+//# sourceMappingURL=chunk-PPH5NTHV.js.map

package/dist/chunk-PPH5NTHV.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-PPH5NTHV.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"]}

package/dist/chunk-PR6OZF6D.js

@@ -0,0 +1,28 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Label = forwardRef(
+  ({ className, required, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    LabelPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "inline-flex items-center gap-1 font-medium font-sans text-body-sm text-foreground",
+        "peer-disabled:cursor-not-allowed peer-disabled:opacity-60",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        required ? /* @__PURE__ */ jsx("span", { className: "text-destructive", "aria-hidden": "true", children: "*" }) : null
+      ]
+    }
+  )
+);
+Label.displayName = "Label";
+
+export { Label };
+//# sourceMappingURL=chunk-PR6OZF6D.js.map
+//# sourceMappingURL=chunk-PR6OZF6D.js.map

package/dist/chunk-PR6OZF6D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/label/label.tsx"],"names":[],"mappings":";;;;;AAiBA,IAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,UAAU,GAAG,KAAA,IAAS,GAAA,qBAC5C,IAAA;AAAA,IAAgB,cAAA,CAAA,IAAA;AAAA,IAAf;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,mFAAA;AAAA,QACA,2DAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,QAAA,uBACE,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAmB,aAAA,EAAY,MAAA,EAAO,eAEtD,CAAA,GACE;AAAA;AAAA;AAAA;AAGV;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-PR6OZF6D.js","sourcesContent":["import * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Label — form field label built on Radix Label.\n *\n * Behaviors:\n *   - Clicking the label focuses the associated `htmlFor` input.\n *   - Adds a small red asterisk when `required` is set.\n *   - Inherits disabled visuals from the wrapper (`peer-disabled`).\n */\ninterface LabelProps extends ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {\n  required?: boolean;\n}\n\nconst Label = forwardRef<ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n  ({ className, required, children, ...props }, ref) => (\n    <LabelPrimitive.Root\n      ref={ref}\n      className={cn(\n        \"inline-flex items-center gap-1 font-medium font-sans text-body-sm text-foreground\",\n        \"peer-disabled:cursor-not-allowed peer-disabled:opacity-60\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {required ? (\n        <span className=\"text-destructive\" aria-hidden=\"true\">\n          *\n        </span>\n      ) : null}\n    </LabelPrimitive.Root>\n  ),\n);\nLabel.displayName = \"Label\";\n\nexport { Label };\n"]}

package/dist/chunk-PWXOXPFT.js

@@ -0,0 +1,142 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { Zap, Plus, Trash2 } from 'lucide-react';
+import { forwardRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var HOOK_EVENTS = [
+  "PreToolUse",
+  "PostToolUse",
+  "UserPromptSubmit",
+  "Stop",
+  "SessionStart",
+  "SessionEnd"
+];
+var HookConfig = forwardRef(
+  ({ className, hooks, onAdd, onRemove, onToggle, title = "Hooks", ...props }, ref) => {
+    const [event, setEvent] = useState("PreToolUse");
+    const [matcher, setMatcher] = useState("*");
+    const [command, setCommand] = useState("");
+    const submit = () => {
+      if (!command.trim()) return;
+      onAdd?.({ event, matcher: matcher.trim() || "*", command: command.trim() });
+      setCommand("");
+    };
+    return /* @__PURE__ */ jsxs("section", { ref, className: cn("rounded-xl border bg-card", className), ...props, children: [
+      /* @__PURE__ */ jsxs("header", { className: "flex items-baseline justify-between border-border/40 border-b px-4 py-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Zap, { className: "size-4 text-primary", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "font-mono text-label text-muted-foreground", children: [
+          hooks.length,
+          " ",
+          hooks.length === 1 ? "hook" : "hooks"
+        ] })
+      ] }),
+      onAdd ? /* @__PURE__ */ jsxs(
+        "form",
+        {
+          className: "grid grid-cols-[140px_140px_1fr_auto] items-center gap-2 border-border/40 border-b p-3",
+          onSubmit: (e) => {
+            e.preventDefault();
+            submit();
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: event,
+                onChange: (e) => setEvent(e.target.value),
+                "aria-label": "Event",
+                className: "h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm",
+                children: HOOK_EVENTS.map((evt) => /* @__PURE__ */ jsx("option", { value: evt, children: evt }, evt))
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: matcher,
+                onChange: (e) => setMatcher(e.target.value),
+                placeholder: "matcher (Bash, Write, *)",
+                "aria-label": "Matcher",
+                className: "h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: command,
+                onChange: (e) => setCommand(e.target.value),
+                placeholder: 'command (e.g. "./scripts/audit.sh")',
+                "aria-label": "Command",
+                className: "h-9 rounded-md border border-input bg-card px-2 font-mono text-code-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "submit",
+                className: "inline-flex h-9 items-center gap-1 rounded-md bg-primary px-3 font-sans text-label text-primary-foreground hover:shadow-glow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "size-3.5" }),
+                  " Add"
+                ]
+              }
+            )
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs("ul", { className: "divide-y divide-border/30", children: [
+        hooks.map((hook) => {
+          const enabled = hook.enabled ?? true;
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: cn(
+                "grid grid-cols-[140px_140px_1fr_auto_auto] items-center gap-3 px-4 py-2.5",
+                !enabled && "opacity-50"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-primary", children: hook.event }),
+                /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-muted-foreground", children: hook.matcher }),
+                /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-foreground", children: hook.command }),
+                onToggle ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onToggle(hook.id, !enabled),
+                    "aria-pressed": enabled,
+                    className: cn(
+                      "rounded-full border px-2.5 py-0.5 font-mono text-label uppercase",
+                      enabled ? "border-success/40 bg-success/15 text-success" : "border-border/40 bg-muted text-muted-foreground"
+                    ),
+                    children: enabled ? "On" : "Off"
+                  }
+                ) : /* @__PURE__ */ jsx("span", {}),
+                onRemove ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => onRemove(hook.id),
+                    "aria-label": `Remove hook ${hook.event} ${hook.matcher}`,
+                    className: "rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    children: /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" })
+                  }
+                ) : /* @__PURE__ */ jsx("span", {})
+              ]
+            },
+            hook.id
+          );
+        }),
+        hooks.length === 0 ? /* @__PURE__ */ jsx("li", { className: "px-4 py-8 text-center font-sans text-body-sm text-muted-foreground", children: "No hooks configured." }) : null
+      ] })
+    ] });
+  }
+);
+HookConfig.displayName = "HookConfig";
+
+export { HOOK_EVENTS, HookConfig };
+//# sourceMappingURL=chunk-PWXOXPFT.js.map
+//# sourceMappingURL=chunk-PWXOXPFT.js.map