@usetheo/ui 0.12.0 → 0.13.1

package/dist/chunk-DFADMEJK.js

@@ -1,127 +0,0 @@
-import { Input } from './chunk-H3VJMFJQ.js';
-import { Button } from './chunk-57NXT3OX.js';
-import { BadgeWithDot } from './chunk-O23LKHUR.js';
-import { cn } from './chunk-ZSRJCIWF.js';
-import { Plus, Globe, ShieldCheck, ShieldX, Check, Trash2 } from 'lucide-react';
-import { forwardRef, useState } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var statusVariant = {
-  verified: "success",
-  pending: "warning",
-  invalid: "destructive"
-};
-var statusDot = {
-  verified: "success",
-  pending: "warning",
-  invalid: "destructive"
-};
-var statusLabel = {
-  verified: "Verified",
-  pending: "Pending DNS",
-  invalid: "Invalid"
-};
-var DomainConfig = forwardRef(
-  ({ className, domains, onAdd, onRemove, onSetPrimary, ...props }, ref) => {
-    const [hostname, setHostname] = useState("");
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn("rounded-xl border bg-card p-5 shadow-sm", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("header", { className: "mb-4 flex items-baseline justify-between gap-3", children: /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: "Domains" }),
-            /* @__PURE__ */ jsxs("p", { className: "text-body-sm text-muted-foreground", children: [
-              domains.length,
-              " configured"
-            ] })
-          ] }) }),
-          onAdd ? /* @__PURE__ */ jsxs(
-            "form",
-            {
-              className: "mb-4 grid grid-cols-[1fr_auto] gap-2",
-              onSubmit: (e) => {
-                e.preventDefault();
-                const v = hostname.trim();
-                if (!v) return;
-                onAdd(v);
-                setHostname("");
-              },
-              children: [
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    placeholder: "api.acme.com",
-                    value: hostname,
-                    onChange: (e) => setHostname(e.target.value),
-                    "aria-label": "Hostname",
-                    className: "font-mono"
-                  }
-                ),
-                /* @__PURE__ */ jsxs(Button, { type: "submit", children: [
-                  /* @__PURE__ */ jsx(Plus, {}),
-                  " Add domain"
-                ] })
-              ]
-            }
-          ) : null,
-          /* @__PURE__ */ jsxs("ul", { className: "grid gap-3", children: [
-            domains.map((d) => /* @__PURE__ */ jsxs("li", { className: "grid gap-3 rounded-lg border border-border/40 p-4", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
-                /* @__PURE__ */ jsx(Globe, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx("span", { className: "font-mono text-code-md text-foreground", children: d.hostname }),
-                /* @__PURE__ */ jsxs(BadgeWithDot, { variant: statusVariant[d.status], children: [
-                  /* @__PURE__ */ jsx(BadgeWithDot.Dot, { tone: statusDot[d.status], pulse: d.status === "pending" }),
-                  statusLabel[d.status]
-                ] }),
-                d.tls === true ? /* @__PURE__ */ jsxs(BadgeWithDot, { variant: "primary", children: [
-                  /* @__PURE__ */ jsx(ShieldCheck, { className: "size-3" }),
-                  " TLS"
-                ] }) : d.tls === false ? /* @__PURE__ */ jsxs(BadgeWithDot, { variant: "destructive", children: [
-                  /* @__PURE__ */ jsx(ShieldX, { className: "size-3" }),
-                  " No TLS"
-                ] }) : null,
-                d.primary ? /* @__PURE__ */ jsxs(BadgeWithDot, { variant: "accent", children: [
-                  /* @__PURE__ */ jsx(Check, { className: "size-3" }),
-                  " Primary"
-                ] }) : null,
-                /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
-                  !d.primary && onSetPrimary ? /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: () => onSetPrimary(d.id), children: "Set primary" }) : null,
-                  onRemove ? /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "icon",
-                      variant: "ghost",
-                      onClick: () => onRemove(d.id),
-                      "aria-label": `Remove ${d.hostname}`,
-                      children: /* @__PURE__ */ jsx(Trash2, {})
-                    }
-                  ) : null
-                ] })
-              ] }),
-              d.status === "pending" && d.verificationRecord ? /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border/60 border-dashed bg-muted/30 p-3 font-mono text-code-sm", children: [
-                /* @__PURE__ */ jsx("p", { className: "mb-2 font-sans text-label-caps text-muted-foreground uppercase", children: "Add this DNS record to verify" }),
-                /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "type" }),
-                  /* @__PURE__ */ jsx("span", { children: d.verificationRecord.type }),
-                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "name" }),
-                  /* @__PURE__ */ jsx("span", { children: d.verificationRecord.name }),
-                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "value" }),
-                  /* @__PURE__ */ jsx("span", { className: "break-all", children: d.verificationRecord.value })
-                ] })
-              ] }) : null
-            ] }, d.id)),
-            domains.length === 0 ? /* @__PURE__ */ jsx("li", { className: "rounded-lg border border-border/40 border-dashed p-8 text-center text-body-sm text-muted-foreground", children: "No domains yet. Add one to route traffic to this project." }) : null
-          ] })
-        ]
-      }
-    );
-  }
-);
-DomainConfig.displayName = "DomainConfig";
-
-export { DomainConfig };
-//# sourceMappingURL=chunk-DFADMEJK.js.map
-//# sourceMappingURL=chunk-DFADMEJK.js.map

package/dist/chunk-DFADMEJK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/composites/domain-config/domain-config.tsx"],"names":[],"mappings":"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","file":"chunk-DFADMEJK.js","sourcesContent":["import { Check, Globe, Plus, ShieldCheck, ShieldX, Trash2 } from \"lucide-react\";\nimport { forwardRef, useState } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { Badge } from \"../../primitives/badge/index.js\";\nimport { Button } from \"../../primitives/button/index.js\";\nimport { Input } from \"../../primitives/input/index.js\";\n\nexport type DomainStatus = \"verified\" | \"pending\" | \"invalid\";\n\nexport interface Domain {\n  id: string;\n  hostname: string;\n  status: DomainStatus;\n  primary?: boolean;\n  /**\n   * TLS state. If true, certificate is provisioned & valid.\n   */\n  tls?: boolean;\n  /**\n   * DNS record the user must add to verify ownership.\n   */\n  verificationRecord?: {\n    type: \"TXT\" | \"CNAME\" | \"A\";\n    name: string;\n    value: string;\n  };\n}\n\nconst statusVariant: Record<DomainStatus, \"success\" | \"warning\" | \"destructive\"> = {\n  verified: \"success\",\n  pending: \"warning\",\n  invalid: \"destructive\",\n};\nconst statusDot: Record<DomainStatus, \"success\" | \"warning\" | \"destructive\"> = {\n  verified: \"success\",\n  pending: \"warning\",\n  invalid: \"destructive\",\n};\nconst statusLabel: Record<DomainStatus, string> = {\n  verified: \"Verified\",\n  pending: \"Pending DNS\",\n  invalid: \"Invalid\",\n};\n\ninterface DomainConfigProps extends HTMLAttributes<HTMLDivElement> {\n  domains: Domain[];\n  onAdd?: (hostname: string) => void;\n  onRemove?: (id: string) => void;\n  onSetPrimary?: (id: string) => void;\n}\n\n/**\n * DomainConfig — manage custom domains for a project.\n *\n * Shows: hostname, status, TLS, primary flag, and verification DNS record when pending.\n * Common in every cloud dashboard (Vercel, Railway, Render).\n */\nconst DomainConfig = forwardRef<HTMLDivElement, DomainConfigProps>(\n  ({ className, domains, onAdd, onRemove, onSetPrimary, ...props }, ref) => {\n    const [hostname, setHostname] = useState(\"\");\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"rounded-xl border bg-card p-5 shadow-sm\", className)}\n        {...props}\n      >\n        <header className=\"mb-4 flex items-baseline justify-between gap-3\">\n          <div>\n            <h3 className=\"font-display text-title-md tracking-tight\">Domains</h3>\n            <p className=\"text-body-sm text-muted-foreground\">{domains.length} configured</p>\n          </div>\n        </header>\n\n        {onAdd ? (\n          <form\n            className=\"mb-4 grid grid-cols-[1fr_auto] gap-2\"\n            onSubmit={(e) => {\n              e.preventDefault();\n              const v = hostname.trim();\n              if (!v) return;\n              onAdd(v);\n              setHostname(\"\");\n            }}\n          >\n            <Input\n              placeholder=\"api.acme.com\"\n              value={hostname}\n              onChange={(e) => setHostname(e.target.value)}\n              aria-label=\"Hostname\"\n              className=\"font-mono\"\n            />\n            <Button type=\"submit\">\n              <Plus /> Add domain\n            </Button>\n          </form>\n        ) : null}\n\n        <ul className=\"grid gap-3\">\n          {domains.map((d) => (\n            <li key={d.id} className=\"grid gap-3 rounded-lg border border-border/40 p-4\">\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <Globe className=\"size-4 text-muted-foreground\" aria-hidden=\"true\" />\n                <span className=\"font-mono text-code-md text-foreground\">{d.hostname}</span>\n                <Badge variant={statusVariant[d.status]}>\n                  <Badge.Dot tone={statusDot[d.status]} pulse={d.status === \"pending\"} />\n                  {statusLabel[d.status]}\n                </Badge>\n                {d.tls === true ? (\n                  <Badge variant=\"primary\">\n                    <ShieldCheck className=\"size-3\" /> TLS\n                  </Badge>\n                ) : d.tls === false ? (\n                  <Badge variant=\"destructive\">\n                    <ShieldX className=\"size-3\" /> No TLS\n                  </Badge>\n                ) : null}\n                {d.primary ? (\n                  <Badge variant=\"accent\">\n                    <Check className=\"size-3\" /> Primary\n                  </Badge>\n                ) : null}\n                <div className=\"ml-auto flex items-center gap-1\">\n                  {!d.primary && onSetPrimary ? (\n                    <Button size=\"sm\" variant=\"ghost\" onClick={() => onSetPrimary(d.id)}>\n                      Set primary\n                    </Button>\n                  ) : null}\n                  {onRemove ? (\n                    <Button\n                      size=\"icon\"\n                      variant=\"ghost\"\n                      onClick={() => onRemove(d.id)}\n                      aria-label={`Remove ${d.hostname}`}\n                    >\n                      <Trash2 />\n                    </Button>\n                  ) : null}\n                </div>\n              </div>\n              {d.status === \"pending\" && d.verificationRecord ? (\n                <div className=\"rounded-md border border-border/60 border-dashed bg-muted/30 p-3 font-mono text-code-sm\">\n                  <p className=\"mb-2 font-sans text-label-caps text-muted-foreground uppercase\">\n                    Add this DNS record to verify\n                  </p>\n                  <div className=\"grid grid-cols-[auto_1fr] gap-x-3 gap-y-1\">\n                    <span className=\"text-muted-foreground\">type</span>\n                    <span>{d.verificationRecord.type}</span>\n                    <span className=\"text-muted-foreground\">name</span>\n                    <span>{d.verificationRecord.name}</span>\n                    <span className=\"text-muted-foreground\">value</span>\n                    <span className=\"break-all\">{d.verificationRecord.value}</span>\n                  </div>\n                </div>\n              ) : null}\n            </li>\n          ))}\n          {domains.length === 0 ? (\n            <li className=\"rounded-lg border border-border/40 border-dashed p-8 text-center text-body-sm text-muted-foreground\">\n              No domains yet. Add one to route traffic to this project.\n            </li>\n          ) : null}\n        </ul>\n      </div>\n    );\n  },\n);\nDomainConfig.displayName = \"DomainConfig\";\n\nexport { DomainConfig };\n"]}

package/dist/chunk-DKQAHZG2.js

@@ -1,83 +0,0 @@
-import { ApprovalCard } from './chunk-SF6R5VMQ.js';
-import { ChatMessage } from './chunk-VI5M7KJ2.js';
-import { ToolCallCard } from './chunk-CWFMFKDI.js';
-import { AgentStreaming } from './chunk-ETEIDY34.js';
-import { AgentErrorCard } from './chunk-HGPBGLNP.js';
-import { LiveRegionProvider } from './chunk-UGKI466V.js';
-import { cn } from './chunk-ZSRJCIWF.js';
-import { forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var AgentStream = forwardRef(
-  ({ className, items, ...props }, ref) => (
-    // T4.1 (MF-4): AgentStream is the canonical live region for the stream
-    // surface. Wrap children in LiveRegionProvider so nested AgentStreaming,
-    // AgentErrorCard, AutoCompactNotice, Skeleton, etc. don't declare their
-    // own aria-live (which would cause double announcements).
-    /* @__PURE__ */ jsx(LiveRegionProvider, { value: true, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        role: "log",
-        "aria-live": "polite",
-        "aria-relevant": "additions",
-        "aria-atomic": "false",
-        className: cn("flex flex-col gap-3", className),
-        ...props,
-        children: items.map((item) => {
-          if (item.kind === "message") return /* @__PURE__ */ jsx(ChatMessage, { message: item.message }, item.id);
-          if (item.kind === "tool-call")
-            return /* @__PURE__ */ jsx(
-              ToolCallCard,
-              {
-                tool: item.tool,
-                icon: item.icon,
-                target: item.target,
-                status: item.status,
-                output: item.output,
-                defaultExpanded: item.defaultExpanded,
-                timestamp: item.timestamp
-              },
-              item.id
-            );
-          if (item.kind === "approval")
-            return /* @__PURE__ */ jsx(
-              ApprovalCard,
-              {
-                severity: item.severity,
-                title: item.title,
-                request: item.request,
-                description: item.description,
-                details: item.details,
-                onApprove: item.onApprove,
-                onDeny: item.onDeny,
-                onAlways: item.onAlways
-              },
-              item.id
-            );
-          if (item.kind === "error")
-            return /* @__PURE__ */ jsx(
-              AgentErrorCard,
-              {
-                kind: item.errorKind,
-                title: item.title,
-                detail: item.detail,
-                actions: item.actions,
-                timestamp: item.timestamp
-              },
-              item.id
-            );
-          if (item.kind === "streaming")
-            return /* @__PURE__ */ jsx(AgentStreaming, { model: item.model, partial: item.partial }, item.id);
-          if (item.kind === "custom") return /* @__PURE__ */ jsx("div", { children: item.node }, item.id);
-          return null;
-        })
-      }
-    ) })
-  )
-);
-AgentStream.displayName = "AgentStream";
-
-export { AgentStream };
-//# sourceMappingURL=chunk-DKQAHZG2.js.map
-//# sourceMappingURL=chunk-DKQAHZG2.js.map

package/dist/chunk-DKQAHZG2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/composites/agent-stream/agent-stream.tsx"],"names":[],"mappings":";;;;;;;;;;AA2FA,IAAM,WAAA,GAAc,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,GAAG,OAAM,EAAG,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAK/B,GAAA,CAAC,kBAAA,EAAA,EAAmB,KAAA,EAAO,IAAA,EACzB,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,KAAA;AAAA,QACL,WAAA,EAAU,QAAA;AAAA,QACV,eAAA,EAAc,WAAA;AAAA,QAGd,aAAA,EAAY,OAAA;AAAA,QACZ,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,QAC7C,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,UAAA,IAAI,IAAA,CAAK,IAAA,KAAS,SAAA,EAAW,uBAAO,GAAA,CAAC,eAA0B,OAAA,EAAS,IAAA,CAAK,OAAA,EAAA,EAAvB,IAAA,CAAK,EAA2B,CAAA;AACtF,UAAA,IAAI,KAAK,IAAA,KAAS,WAAA;AAChB,YAAA,uBACE,GAAA;AAAA,cAAC,YAAA;AAAA,cAAA;AAAA,gBAEC,MAAM,IAAA,CAAK,IAAA;AAAA,gBACX,MAAM,IAAA,CAAK,IAAA;AAAA,gBACX,QAAQ,IAAA,CAAK,MAAA;AAAA,gBACb,QAAQ,IAAA,CAAK,MAAA;AAAA,gBACb,QAAQ,IAAA,CAAK,MAAA;AAAA,gBACb,iBAAiB,IAAA,CAAK,eAAA;AAAA,gBACtB,WAAW,IAAA,CAAK;AAAA,eAAA;AAAA,cAPX,IAAA,CAAK;AAAA,aAQZ;AAEJ,UAAA,IAAI,KAAK,IAAA,KAAS,UAAA;AAChB,YAAA,uBACE,GAAA;AAAA,cAAC,YAAA;AAAA,cAAA;AAAA,gBAEC,UAAU,IAAA,CAAK,QAAA;AAAA,gBACf,OAAO,IAAA,CAAK,KAAA;AAAA,gBACZ,SAAS,IAAA,CAAK,OAAA;AAAA,gBACd,aAAa,IAAA,CAAK,WAAA;AAAA,gBAClB,SAAS,IAAA,CAAK,OAAA;AAAA,gBACd,WAAW,IAAA,CAAK,SAAA;AAAA,gBAChB,QAAQ,IAAA,CAAK,MAAA;AAAA,gBACb,UAAU,IAAA,CAAK;AAAA,eAAA;AAAA,cARV,IAAA,CAAK;AAAA,aASZ;AAEJ,UAAA,IAAI,KAAK,IAAA,KAAS,OAAA;AAChB,YAAA,uBACE,GAAA;AAAA,cAAC,cAAA;AAAA,cAAA;AAAA,gBAEC,MAAM,IAAA,CAAK,SAAA;AAAA,gBACX,OAAO,IAAA,CAAK,KAAA;AAAA,gBACZ,QAAQ,IAAA,CAAK,MAAA;AAAA,gBACb,SAAS,IAAA,CAAK,OAAA;AAAA,gBACd,WAAW,IAAA,CAAK;AAAA,eAAA;AAAA,cALX,IAAA,CAAK;AAAA,aAMZ;AAEJ,UAAA,IAAI,KAAK,IAAA,KAAS,WAAA;AAChB,YAAA,uBAAO,GAAA,CAAC,kBAA6B,KAAA,EAAO,IAAA,CAAK,OAAO,OAAA,EAAS,IAAA,CAAK,OAAA,EAAA,EAA1C,IAAA,CAAK,EAA8C,CAAA;AACjF,UAAA,IAAI,IAAA,CAAK,SAAS,QAAA,EAAU,2BAAQ,KAAA,EAAA,EAAmB,QAAA,EAAA,IAAA,CAAK,IAAA,EAAA,EAAf,IAAA,CAAK,EAAe,CAAA;AACjE,UAAA,OAAO,IAAA;AAAA,QACT,CAAC;AAAA;AAAA,KACH,EACF;AAAA;AAEJ;AACA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-DKQAHZG2.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { LiveRegionProvider } from \"../../../lib/live-region-context.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\nimport type { UIMessage } from \"../../../types/chat.js\";\nimport { AgentErrorCard, type AgentErrorKind } from \"../../primitives/agent-error-card/index.js\";\nimport { AgentStreaming } from \"../../primitives/agent-streaming/index.js\";\nimport { ToolCallCard, type ToolCallStatus } from \"../../primitives/tool-call-card/index.js\";\nimport { ApprovalCard, type ApprovalSeverity } from \"../approval-card/index.js\";\nimport { ChatMessage } from \"../chat-message/index.js\";\n\n/**\n * AgentStream — the canonical conversation surface for a code agent.\n *\n * Interleaves chat messages (user + assistant), tool invocations, approval\n * gates, errors, and the live streaming indicator. Mirrors how Claude Code\n * presents work to the user: conversation-centric, tool calls embedded,\n * approvals pause the flow inline, errors surface where they happen.\n *\n * Items are rendered in array order. The consumer fully controls the data;\n * AgentStream is a pure presentational composite over its child primitives.\n */\n\ninterface ToolCallStreamItem {\n  kind: \"tool-call\";\n  id: string;\n  tool: ReactNode;\n  icon?: IconComponent;\n  target?: ReactNode;\n  status: ToolCallStatus;\n  output?: ReactNode;\n  defaultExpanded?: boolean;\n  timestamp?: ReactNode;\n}\n\ninterface ApprovalStreamItem {\n  kind: \"approval\";\n  id: string;\n  severity?: ApprovalSeverity;\n  title: ReactNode;\n  request: ReactNode;\n  description?: ReactNode;\n  details?: ReactNode;\n  onApprove?: () => void;\n  onDeny?: () => void;\n  onAlways?: () => void;\n}\n\ninterface ErrorStreamItem {\n  kind: \"error\";\n  id: string;\n  errorKind?: AgentErrorKind;\n  title: ReactNode;\n  detail?: ReactNode;\n  actions?: ReactNode;\n  timestamp?: ReactNode;\n}\n\ninterface StreamingStreamItem {\n  kind: \"streaming\";\n  id: string;\n  model?: ReactNode;\n  partial?: ReactNode;\n}\n\ninterface MessageStreamItem {\n  kind: \"message\";\n  id: string;\n  message: UIMessage;\n}\n\ninterface CustomStreamItem {\n  kind: \"custom\";\n  id: string;\n  /** Arbitrary node — escape hatch for inline diff cards, etc. */\n  node: ReactNode;\n}\n\nexport type AgentStreamItem =\n  | MessageStreamItem\n  | ToolCallStreamItem\n  | ApprovalStreamItem\n  | ErrorStreamItem\n  | StreamingStreamItem\n  | CustomStreamItem;\n\ninterface AgentStreamProps extends HTMLAttributes<HTMLDivElement> {\n  items: AgentStreamItem[];\n}\n\nconst AgentStream = forwardRef<HTMLDivElement, AgentStreamProps>(\n  ({ className, items, ...props }, ref) => (\n    // T4.1 (MF-4): AgentStream is the canonical live region for the stream\n    // surface. Wrap children in LiveRegionProvider so nested AgentStreaming,\n    // AgentErrorCard, AutoCompactNotice, Skeleton, etc. don't declare their\n    // own aria-live (which would cause double announcements).\n    <LiveRegionProvider value={true}>\n      <div\n        ref={ref}\n        role=\"log\"\n        aria-live=\"polite\"\n        aria-relevant=\"additions\"\n        // MEDIUM-001: explicit aria-atomic=\"false\" so VoiceOver/macOS doesn't\n        // reannounce the entire stream on each new item.\n        aria-atomic=\"false\"\n        className={cn(\"flex flex-col gap-3\", className)}\n        {...props}\n      >\n        {items.map((item) => {\n          if (item.kind === \"message\") return <ChatMessage key={item.id} message={item.message} />;\n          if (item.kind === \"tool-call\")\n            return (\n              <ToolCallCard\n                key={item.id}\n                tool={item.tool}\n                icon={item.icon}\n                target={item.target}\n                status={item.status}\n                output={item.output}\n                defaultExpanded={item.defaultExpanded}\n                timestamp={item.timestamp}\n              />\n            );\n          if (item.kind === \"approval\")\n            return (\n              <ApprovalCard\n                key={item.id}\n                severity={item.severity}\n                title={item.title}\n                request={item.request}\n                description={item.description}\n                details={item.details}\n                onApprove={item.onApprove}\n                onDeny={item.onDeny}\n                onAlways={item.onAlways}\n              />\n            );\n          if (item.kind === \"error\")\n            return (\n              <AgentErrorCard\n                key={item.id}\n                kind={item.errorKind}\n                title={item.title}\n                detail={item.detail}\n                actions={item.actions}\n                timestamp={item.timestamp}\n              />\n            );\n          if (item.kind === \"streaming\")\n            return <AgentStreaming key={item.id} model={item.model} partial={item.partial} />;\n          if (item.kind === \"custom\") return <div key={item.id}>{item.node}</div>;\n          return null;\n        })}\n      </div>\n    </LiveRegionProvider>\n  ),\n);\nAgentStream.displayName = \"AgentStream\";\n\nexport { AgentStream };\n"]}

package/dist/chunk-DW247T3Q.js

@@ -1,199 +0,0 @@
-import { Table } from './chunk-YRSKXEOD.js';
-import { Skeleton } from './chunk-K5ARID4S.js';
-import { Pagination } from './chunk-YOGHS4UU.js';
-import { DropdownMenu } from './chunk-MI5CXMZU.js';
-import { EmptyState } from './chunk-SWJ4EUOI.js';
-import { cn } from './chunk-ZSRJCIWF.js';
-import { ChevronDown, ChevronRight, MoreHorizontal } from 'lucide-react';
-import { useState, useMemo, Fragment } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function compareValues(a, b) {
-  if (a === b) return 0;
-  if (a === null || a === void 0) return -1;
-  if (b === null || b === void 0) return 1;
-  if (typeof a === "number" && typeof b === "number") return a - b;
-  return String(a).localeCompare(String(b));
-}
-function DataTable(props) {
-  const {
-    data,
-    columns,
-    rowKey,
-    stickyHeader = true,
-    expandable,
-    expandMode = "multiple",
-    rowActions,
-    pagination,
-    defaultSort,
-    sort: controlledSort,
-    onSortChange,
-    loading = false,
-    emptyState,
-    className
-  } = props;
-  const isControlledSort = onSortChange !== void 0;
-  const [uncontrolledSort, setUncontrolledSort] = useState(
-    defaultSort ?? null
-  );
-  const sort = isControlledSort ? controlledSort ?? null : uncontrolledSort;
-  const isControlledPage = pagination?.controlledPage !== void 0;
-  const [uncontrolledPage, setUncontrolledPage] = useState(0);
-  const currentPage = isControlledPage ? pagination?.controlledPage ?? 0 : uncontrolledPage;
-  const effectivePageSize = Math.max(1, pagination?.pageSize ?? 10);
-  const [expanded, setExpanded] = useState(/* @__PURE__ */ new Set());
-  function handleSort(columnKey) {
-    let nextSort;
-    if (sort?.key !== columnKey) {
-      nextSort = { key: columnKey, direction: "asc" };
-    } else if (sort.direction === "asc") {
-      nextSort = { key: columnKey, direction: "desc" };
-    } else {
-      nextSort = null;
-    }
-    if (isControlledSort) {
-      onSortChange?.(nextSort);
-    } else {
-      setUncontrolledSort(nextSort);
-      if (!isControlledPage) setUncontrolledPage(0);
-    }
-  }
-  function handlePageChange(page) {
-    const zeroIdx = page - 1;
-    if (isControlledPage) {
-      pagination?.onPageChange?.(zeroIdx);
-    } else {
-      setUncontrolledPage(zeroIdx);
-    }
-  }
-  function toggleExpand(key) {
-    if (expandMode === "single") {
-      setExpanded((prev) => prev.has(key) ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([key]));
-    } else {
-      setExpanded((prev) => {
-        const next = new Set(prev);
-        if (next.has(key)) {
-          next.delete(key);
-        } else {
-          next.add(key);
-        }
-        return next;
-      });
-    }
-  }
-  const sortedData = useMemo(() => {
-    if (isControlledSort || sort === null) return data;
-    const col = columns.find((c) => c.key === sort.key);
-    if (!col) return data;
-    const sorted = [...data].sort((a, b) => {
-      const aVal = col.render ? null : a[sort.key];
-      const bVal = col.render ? null : b[sort.key];
-      const cmp = compareValues(aVal, bVal);
-      return sort.direction === "asc" ? cmp : -cmp;
-    });
-    return sorted;
-  }, [data, sort, isControlledSort, columns]);
-  const visibleData = useMemo(() => {
-    if (!pagination) return sortedData;
-    if (isControlledPage) return sortedData;
-    const start = currentPage * effectivePageSize;
-    return sortedData.slice(start, start + effectivePageSize);
-  }, [sortedData, pagination, isControlledPage, currentPage, effectivePageSize]);
-  const extraCols = (expandable ? 1 : 0) + (rowActions ? 1 : 0);
-  const expandedColSpan = columns.length + extraCols;
-  const totalCols = columns.length + extraCols;
-  if (loading) {
-    return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(Table.Header, { className: stickyHeader ? "sticky top-0 bg-card" : void 0, children: /* @__PURE__ */ jsxs(Table.Row, { children: [
-        expandable ? /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Expand" }) }) : null,
-        columns.map((col) => /* @__PURE__ */ jsx(Table.HeaderCell, { align: col.align, children: col.label }, col.key)),
-        rowActions ? /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" }) }) : null
-      ] }) }),
-      /* @__PURE__ */ jsx(Table.Body, { children: Array.from({ length: 5 }, (_, i) => (
-        // biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows are positional placeholders
-        /* @__PURE__ */ jsx(Table.Row, { children: Array.from({ length: totalCols }, (_2, j) => (
-          // biome-ignore lint/suspicious/noArrayIndexKey: skeleton cells are positional placeholders
-          /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }) }, `s-${i}-${j}`)
-        )) }, `skeleton-${i}`)
-      )) })
-    ] }) });
-  }
-  if (sortedData.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: cn("w-full", className), children: emptyState ?? /* @__PURE__ */ jsx(EmptyState, { title: "No data", description: "There's nothing here yet." }) });
-  }
-  const totalPages = pagination ? Math.ceil(sortedData.length / effectivePageSize) : 1;
-  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
-    /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(Table.Header, { className: stickyHeader ? "sticky top-0 z-10 bg-card" : void 0, children: /* @__PURE__ */ jsxs(Table.Row, { children: [
-        expandable ? /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Expand" }) }) : null,
-        columns.map((col) => {
-          const isSortable = col.sortable === true;
-          const isActive = sort?.key === col.key;
-          return /* @__PURE__ */ jsx(
-            Table.HeaderCell,
-            {
-              align: col.align,
-              onSort: isSortable ? () => handleSort(col.key) : void 0,
-              sortDirection: isSortable ? isActive ? sort?.direction : "none" : void 0,
-              style: col.width ? { width: col.width } : void 0,
-              children: col.label
-            },
-            col.key
-          );
-        }),
-        rowActions ? /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Actions" }) }) : null
-      ] }) }),
-      /* @__PURE__ */ jsx(Table.Body, { children: visibleData.map((row) => {
-        const key = rowKey(row);
-        const expandedContent = expandable ? expandable(row) : null;
-        const isExpandable = expandedContent !== null && expandedContent !== void 0;
-        const isExpanded = expanded.has(key);
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(Table.Row, { children: [
-            expandable ? /* @__PURE__ */ jsx(Table.Cell, { children: isExpandable ? /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => toggleExpand(key),
-                "aria-expanded": isExpanded,
-                "aria-controls": `expanded-${key}`,
-                "aria-label": isExpanded ? "Collapse row" : "Expand row",
-                className: "inline-flex items-center justify-center rounded-md p-0.5 hover:bg-muted",
-                children: isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "size-4" }) : /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true", className: "size-4" })
-              }
-            ) : null }) : null,
-            columns.map((col) => /* @__PURE__ */ jsx(Table.Cell, { align: col.align, className: col.className, children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key)),
-            rowActions ? /* @__PURE__ */ jsx(Table.Cell, { align: "right", children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-              /* @__PURE__ */ jsx(
-                DropdownMenu.Trigger,
-                {
-                  "aria-label": "Row actions",
-                  className: cn(
-                    "inline-flex size-7 items-center justify-center rounded-md",
-                    "text-muted-foreground hover:bg-muted hover:text-foreground",
-                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-                  ),
-                  children: /* @__PURE__ */ jsx(MoreHorizontal, { "aria-hidden": "true", className: "size-4" })
-                }
-              ),
-              /* @__PURE__ */ jsx(DropdownMenu.Content, { align: "end", children: rowActions(row) })
-            ] }) }) : null
-          ] }),
-          isExpanded && isExpandable ? /* @__PURE__ */ jsx("tr", { id: `expanded-${key}`, children: /* @__PURE__ */ jsx("td", { colSpan: expandedColSpan, className: "bg-muted/30 p-4", children: expandedContent }) }) : null
-        ] }, key);
-      }) })
-    ] }),
-    pagination && totalPages > 1 ? /* @__PURE__ */ jsx("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsx(
-      Pagination,
-      {
-        currentPage: currentPage + 1,
-        totalPages,
-        onPageChange: handlePageChange
-      }
-    ) }) : null
-  ] });
-}
-
-export { DataTable };
-//# sourceMappingURL=chunk-DW247T3Q.js.map
-//# sourceMappingURL=chunk-DW247T3Q.js.map

package/dist/chunk-DW247T3Q.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/composites/data-table/data-table.tsx"],"names":["_"],"mappings":"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","file":"chunk-DW247T3Q.js","sourcesContent":["import { ChevronDown, ChevronRight, MoreHorizontal } from \"lucide-react\";\nimport { Fragment, useMemo, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { DropdownMenu } from \"../../primitives/dropdown-menu/index.js\";\nimport { EmptyState } from \"../../primitives/empty-state/index.js\";\nimport { Pagination } from \"../../primitives/pagination/index.js\";\nimport { Skeleton } from \"../../primitives/skeleton/index.js\";\nimport { Table } from \"../../primitives/table/index.js\";\n\n/**\n * DataTable — generic, sortable, expandable composite over `<Table>`.\n *\n * Adds operator-grade entity-list patterns on top of the plain Table\n * primitive: sortable headers, sticky header, expandable rows\n * (multi-row by default), row action menus (Dropdown), client-side\n * pagination, loading skeleton rows, empty state. Both sort and\n * pagination support controlled OR uncontrolled mode (consumer\n * passes onSortChange / onPageChange to take over state).\n *\n * @example\n *   <DataTable\n *     columns={[\n *       { key: \"name\", label: \"Name\", sortable: true },\n *       { key: \"status\", label: \"Status\" },\n *     ]}\n *     data={domains}\n *     rowKey={(d) => d.id}\n *     expandable={(d) => d.status === \"pending\" ? <DnsRecords domain={d} /> : null}\n *     rowActions={(d) => (\n *       <>\n *         <DropdownMenu.Item onSelect={() => editDomain(d)}>Edit</DropdownMenu.Item>\n *         <DropdownMenu.Item onSelect={() => deleteDomain(d)}>Delete</DropdownMenu.Item>\n *       </>\n *     )}\n *   />\n */\nexport interface DataTableColumn<T> {\n  key: string;\n  label: ReactNode;\n  align?: \"left\" | \"center\" | \"right\";\n  sortable?: boolean;\n  width?: string;\n  render?: (row: T) => ReactNode;\n  className?: string;\n}\n\nexport interface DataTableSort {\n  key: string;\n  direction: \"asc\" | \"desc\";\n}\n\nexport interface DataTableProps<T> {\n  data: T[];\n  columns: DataTableColumn<T>[];\n  rowKey: (row: T) => string;\n  stickyHeader?: boolean;\n  expandable?: (row: T) => ReactNode | null;\n  expandMode?: \"single\" | \"multiple\";\n  rowActions?: (row: T) => ReactNode;\n  pagination?: {\n    pageSize: number;\n    controlledPage?: number;\n    onPageChange?: (page: number) => void;\n  } | null;\n  defaultSort?: DataTableSort;\n  sort?: DataTableSort | null;\n  onSortChange?: (sort: DataTableSort | null) => void;\n  loading?: boolean;\n  emptyState?: ReactNode;\n  className?: string;\n}\n\nfunction compareValues(a: unknown, b: unknown): number {\n  if (a === b) return 0;\n  if (a === null || a === undefined) return -1;\n  if (b === null || b === undefined) return 1;\n  if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n  return String(a).localeCompare(String(b));\n}\n\nfunction DataTable<T>(props: DataTableProps<T>): ReactNode {\n  const {\n    data,\n    columns,\n    rowKey,\n    stickyHeader = true,\n    expandable,\n    expandMode = \"multiple\",\n    rowActions,\n    pagination,\n    defaultSort,\n    sort: controlledSort,\n    onSortChange,\n    loading = false,\n    emptyState,\n    className,\n  } = props;\n\n  const isControlledSort = onSortChange !== undefined;\n  const [uncontrolledSort, setUncontrolledSort] = useState<DataTableSort | null>(\n    defaultSort ?? null,\n  );\n  const sort = isControlledSort ? (controlledSort ?? null) : uncontrolledSort;\n\n  const isControlledPage = pagination?.controlledPage !== undefined;\n  const [uncontrolledPage, setUncontrolledPage] = useState(0);\n  const currentPage = isControlledPage ? (pagination?.controlledPage ?? 0) : uncontrolledPage;\n\n  // EC-9: clamp pageSize to >= 1 to avoid divide-by-zero / infinite render\n  const effectivePageSize = Math.max(1, pagination?.pageSize ?? 10);\n\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n\n  function handleSort(columnKey: string) {\n    // Cycle: none → asc → desc → none\n    let nextSort: DataTableSort | null;\n    if (sort?.key !== columnKey) {\n      nextSort = { key: columnKey, direction: \"asc\" };\n    } else if (sort.direction === \"asc\") {\n      nextSort = { key: columnKey, direction: \"desc\" };\n    } else {\n      nextSort = null;\n    }\n    if (isControlledSort) {\n      onSortChange?.(nextSort);\n    } else {\n      setUncontrolledSort(nextSort);\n      // EC-8: sort change resets pagination to page 0\n      if (!isControlledPage) setUncontrolledPage(0);\n    }\n  }\n\n  function handlePageChange(page: number) {\n    // Pagination uses 1-indexed; internal state 0-indexed\n    const zeroIdx = page - 1;\n    if (isControlledPage) {\n      pagination?.onPageChange?.(zeroIdx);\n    } else {\n      setUncontrolledPage(zeroIdx);\n    }\n  }\n\n  function toggleExpand(key: string) {\n    if (expandMode === \"single\") {\n      setExpanded((prev) => (prev.has(key) ? new Set() : new Set([key])));\n    } else {\n      setExpanded((prev) => {\n        const next = new Set(prev);\n        if (next.has(key)) {\n          next.delete(key);\n        } else {\n          next.add(key);\n        }\n        return next;\n      });\n    }\n  }\n\n  // Apply client-side sort in uncontrolled mode\n  const sortedData = useMemo(() => {\n    if (isControlledSort || sort === null) return data;\n    const col = columns.find((c) => c.key === sort.key);\n    if (!col) return data;\n    const sorted = [...data].sort((a, b) => {\n      const aVal = col.render\n        ? null\n        : (a as Record<string, unknown>)[sort.key as keyof T as string];\n      const bVal = col.render\n        ? null\n        : (b as Record<string, unknown>)[sort.key as keyof T as string];\n      const cmp = compareValues(aVal, bVal);\n      return sort.direction === \"asc\" ? cmp : -cmp;\n    });\n    return sorted;\n  }, [data, sort, isControlledSort, columns]);\n\n  // Apply client-side pagination in uncontrolled mode\n  const visibleData = useMemo(() => {\n    if (!pagination) return sortedData;\n    if (isControlledPage) return sortedData; // consumer pre-sliced\n    const start = currentPage * effectivePageSize;\n    return sortedData.slice(start, start + effectivePageSize);\n  }, [sortedData, pagination, isControlledPage, currentPage, effectivePageSize]);\n\n  // EC-1 fix: compute colSpan accounting for chevron + actions columns\n  const extraCols = (expandable ? 1 : 0) + (rowActions ? 1 : 0);\n  const expandedColSpan = columns.length + extraCols;\n  const totalCols = columns.length + extraCols;\n\n  // Loading state (EC-7: loading > empty)\n  if (loading) {\n    return (\n      <div className={cn(\"w-full\", className)}>\n        <Table>\n          <Table.Header className={stickyHeader ? \"sticky top-0 bg-card\" : undefined}>\n            <Table.Row>\n              {expandable ? (\n                <Table.HeaderCell>\n                  <span className=\"sr-only\">Expand</span>\n                </Table.HeaderCell>\n              ) : null}\n              {columns.map((col) => (\n                <Table.HeaderCell key={col.key} align={col.align}>\n                  {col.label}\n                </Table.HeaderCell>\n              ))}\n              {rowActions ? (\n                <Table.HeaderCell>\n                  <span className=\"sr-only\">Actions</span>\n                </Table.HeaderCell>\n              ) : null}\n            </Table.Row>\n          </Table.Header>\n          <Table.Body>\n            {Array.from({ length: 5 }, (_, i) => (\n              // biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows are positional placeholders\n              <Table.Row key={`skeleton-${i}`}>\n                {Array.from({ length: totalCols }, (_, j) => (\n                  // biome-ignore lint/suspicious/noArrayIndexKey: skeleton cells are positional placeholders\n                  <Table.Cell key={`s-${i}-${j}`}>\n                    <Skeleton className=\"h-4 w-full\" />\n                  </Table.Cell>\n                ))}\n              </Table.Row>\n            ))}\n          </Table.Body>\n        </Table>\n      </div>\n    );\n  }\n\n  // Empty state (after loading check)\n  if (sortedData.length === 0) {\n    return (\n      <div className={cn(\"w-full\", className)}>\n        {emptyState ?? <EmptyState title=\"No data\" description=\"There's nothing here yet.\" />}\n      </div>\n    );\n  }\n\n  const totalPages = pagination ? Math.ceil(sortedData.length / effectivePageSize) : 1;\n\n  return (\n    <div className={cn(\"w-full\", className)}>\n      <Table>\n        <Table.Header className={stickyHeader ? \"sticky top-0 z-10 bg-card\" : undefined}>\n          <Table.Row>\n            {expandable ? (\n              <Table.HeaderCell>\n                <span className=\"sr-only\">Expand</span>\n              </Table.HeaderCell>\n            ) : null}\n            {columns.map((col) => {\n              const isSortable = col.sortable === true;\n              const isActive = sort?.key === col.key;\n              return (\n                <Table.HeaderCell\n                  key={col.key}\n                  align={col.align}\n                  onSort={isSortable ? () => handleSort(col.key) : undefined}\n                  sortDirection={isSortable ? (isActive ? sort?.direction : \"none\") : undefined}\n                  style={col.width ? { width: col.width } : undefined}\n                >\n                  {col.label}\n                </Table.HeaderCell>\n              );\n            })}\n            {rowActions ? (\n              <Table.HeaderCell>\n                <span className=\"sr-only\">Actions</span>\n              </Table.HeaderCell>\n            ) : null}\n          </Table.Row>\n        </Table.Header>\n        <Table.Body>\n          {visibleData.map((row) => {\n            const key = rowKey(row);\n            const expandedContent = expandable ? expandable(row) : null;\n            const isExpandable = expandedContent !== null && expandedContent !== undefined;\n            const isExpanded = expanded.has(key);\n            return (\n              <Fragment key={key}>\n                <Table.Row>\n                  {expandable ? (\n                    <Table.Cell>\n                      {isExpandable ? (\n                        <button\n                          type=\"button\"\n                          onClick={() => toggleExpand(key)}\n                          aria-expanded={isExpanded}\n                          aria-controls={`expanded-${key}`}\n                          aria-label={isExpanded ? \"Collapse row\" : \"Expand row\"}\n                          className=\"inline-flex items-center justify-center rounded-md p-0.5 hover:bg-muted\"\n                        >\n                          {isExpanded ? (\n                            <ChevronDown aria-hidden=\"true\" className=\"size-4\" />\n                          ) : (\n                            <ChevronRight aria-hidden=\"true\" className=\"size-4\" />\n                          )}\n                        </button>\n                      ) : null}\n                    </Table.Cell>\n                  ) : null}\n                  {columns.map((col) => (\n                    <Table.Cell key={col.key} align={col.align} className={col.className}>\n                      {col.render\n                        ? col.render(row)\n                        : String((row as Record<string, unknown>)[col.key] ?? \"\")}\n                    </Table.Cell>\n                  ))}\n                  {rowActions ? (\n                    <Table.Cell align=\"right\">\n                      <DropdownMenu>\n                        <DropdownMenu.Trigger\n                          aria-label=\"Row actions\"\n                          className={cn(\n                            \"inline-flex size-7 items-center justify-center rounded-md\",\n                            \"text-muted-foreground hover:bg-muted hover:text-foreground\",\n                            \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                          )}\n                        >\n                          <MoreHorizontal aria-hidden=\"true\" className=\"size-4\" />\n                        </DropdownMenu.Trigger>\n                        <DropdownMenu.Content align=\"end\">{rowActions(row)}</DropdownMenu.Content>\n                      </DropdownMenu>\n                    </Table.Cell>\n                  ) : null}\n                </Table.Row>\n                {isExpanded && isExpandable ? (\n                  <tr id={`expanded-${key}`}>\n                    <td colSpan={expandedColSpan} className=\"bg-muted/30 p-4\">\n                      {expandedContent}\n                    </td>\n                  </tr>\n                ) : null}\n              </Fragment>\n            );\n          })}\n        </Table.Body>\n      </Table>\n      {pagination && totalPages > 1 ? (\n        <div className=\"mt-4 flex items-center justify-end\">\n          <Pagination\n            currentPage={currentPage + 1}\n            totalPages={totalPages}\n            onPageChange={handlePageChange}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport { DataTable };\n"]}

package/dist/chunk-E5A7HN6H.js

@@ -1,32 +0,0 @@
-import { cn } from './chunk-ZSRJCIWF.js';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { Circle } from 'lucide-react';
-import { forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var RadioGroupRoot = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { ref, className: cn("grid gap-3", className), ...props }));
-RadioGroupRoot.displayName = "RadioGroup";
-var RadioGroupItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  RadioGroupPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "aspect-square size-4 rounded-full border border-border bg-card text-primary",
-      "transition-[border-color,box-shadow] duration-base ease-out-soft",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-      "data-[state=checked]:border-primary",
-      "disabled:cursor-not-allowed disabled:opacity-50",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "size-2 fill-primary text-primary", "aria-hidden": "true" }) })
-  }
-));
-RadioGroupItem.displayName = "RadioGroup.Item";
-var RadioGroup = /* @__PURE__ */ Object.assign(RadioGroupRoot, {
-  Item: RadioGroupItem
-});
-
-export { RadioGroup };
-//# sourceMappingURL=chunk-E5A7HN6H.js.map
-//# sourceMappingURL=chunk-E5A7HN6H.js.map

package/dist/chunk-E5A7HN6H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/radio-group/radio-group.tsx"],"names":[],"mappings":";;;;;;AAmBA,IAAM,cAAA,GAAiB,WAGrB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA,CAAqB,0BAApB,EAAyB,GAAA,EAAU,WAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA,EAAI,GAAG,OAAO,CACxF,CAAA;AACD,cAAA,CAAe,WAAA,GAAc,YAAA;AAE7B,IAAM,cAAA,GAAiB,WAGrB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAqB,mBAAA,CAAA,IAAA;AAAA,EAApB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,6EAAA;AAAA,MACA,kEAAA;AAAA,MACA,0IAAA;AAAA,MACA,qCAAA;AAAA,MACA,iDAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAA,GAAA,CAAqB,mBAAA,CAAA,SAAA,EAApB,EAA8B,SAAA,EAAU,kCAAA,EACvC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,kCAAA,EAAmC,aAAA,EAAY,MAAA,EAAO,CAAA,EAC1E;AAAA;AACF,CACD,CAAA;AACD,cAAA,CAAe,WAAA,GAAc,iBAAA;AAE7B,IAAM,UAAA,mBAA2B,MAAA,CAAO,MAAA,CAAO,cAAA,EAAgB;AAAA,EAC7D,IAAA,EAAM;AACR,CAAC","file":"chunk-E5A7HN6H.js","sourcesContent":["import * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { Circle } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * RadioGroup — built on Radix RadioGroup.\n *\n * Composition:\n *   <RadioGroup value={v} onValueChange={setV}>\n *     <RadioGroup.Item value=\"a\" id=\"a\" />\n *     <Label htmlFor=\"a\">Option A</Label>\n *   </RadioGroup>\n *\n * Group spaces items by 0.75rem vertically; switch to grid utilities if you\n * need horizontal/grid layouts.\n */\n\nconst RadioGroupRoot = forwardRef<\n  ElementRef<typeof RadioGroupPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <RadioGroupPrimitive.Root ref={ref} className={cn(\"grid gap-3\", className)} {...props} />\n));\nRadioGroupRoot.displayName = \"RadioGroup\";\n\nconst RadioGroupItem = forwardRef<\n  ElementRef<typeof RadioGroupPrimitive.Item>,\n  ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <RadioGroupPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"aspect-square size-4 rounded-full border border-border bg-card text-primary\",\n      \"transition-[border-color,box-shadow] duration-base ease-out-soft\",\n      \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n      \"data-[state=checked]:border-primary\",\n      \"disabled:cursor-not-allowed disabled:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n      <Circle className=\"size-2 fill-primary text-primary\" aria-hidden=\"true\" />\n    </RadioGroupPrimitive.Indicator>\n  </RadioGroupPrimitive.Item>\n));\nRadioGroupItem.displayName = \"RadioGroup.Item\";\n\nconst RadioGroup = /*#__PURE__*/ Object.assign(RadioGroupRoot, {\n  Item: RadioGroupItem,\n});\n\nexport { RadioGroup };\n"]}

package/dist/chunk-EI63GTN7.js

@@ -1,57 +0,0 @@
-import { cn } from './chunk-ZSRJCIWF.js';
-import { CircleX, ShieldAlert, CheckCircle2 } from 'lucide-react';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var RESULT_CONFIG = {
-  ok: { icon: CheckCircle2, color: "text-success" },
-  blocked: { icon: ShieldAlert, color: "text-warning" },
-  error: { icon: CircleX, color: "text-destructive" }
-};
-var HookEventLog = forwardRef(
-  ({ className, events, title = "Hook log", ...props }, ref) => /* @__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__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }),
-      /* @__PURE__ */ jsxs("span", { className: "font-mono text-label text-muted-foreground", children: [
-        events.length,
-        " ",
-        events.length === 1 ? "event" : "events"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("ol", { className: "divide-y divide-border/30", children: [
-      events.map((evt) => {
-        const cfg = RESULT_CONFIG[evt.result];
-        const Icon = cfg.icon;
-        return /* @__PURE__ */ jsxs(
-          "li",
-          {
-            className: "grid grid-cols-[auto_1fr_auto] items-start gap-3 px-4 py-2.5",
-            children: [
-              /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true", className: cn("mt-0.5 size-3.5 shrink-0", cfg.color) }),
-              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-baseline gap-2", children: [
-                  /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-primary", children: evt.event }),
-                  /* @__PURE__ */ jsxs("span", { className: "font-mono text-code-sm text-muted-foreground", children: [
-                    "matcher=",
-                    evt.matcher
-                  ] }),
-                  evt.duration ? /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground tabular-nums", children: evt.duration }) : null
-                ] }),
-                /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-code-sm text-foreground", children: evt.command }),
-                evt.output ? /* @__PURE__ */ jsx("pre", { className: "mt-1 max-h-24 overflow-auto rounded-md bg-muted/60 px-2 py-1 font-mono text-code-sm text-muted-foreground", children: evt.output }) : null
-              ] }),
-              /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground tabular-nums", children: evt.timestamp })
-            ]
-          },
-          evt.id
-        );
-      }),
-      events.length === 0 ? /* @__PURE__ */ jsx("li", { className: "px-4 py-8 text-center font-sans text-body-sm text-muted-foreground", children: "No hooks have fired yet." }) : null
-    ] })
-  ] })
-);
-HookEventLog.displayName = "HookEventLog";
-
-export { HookEventLog };
-//# sourceMappingURL=chunk-EI63GTN7.js.map
-//# sourceMappingURL=chunk-EI63GTN7.js.map

package/dist/chunk-EI63GTN7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/hook-event-log/hook-event-log.tsx"],"names":[],"mappings":"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","file":"chunk-EI63GTN7.js","sourcesContent":["import { CheckCircle2, CircleX, ShieldAlert } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type HookEventResult = \"ok\" | \"blocked\" | \"error\";\n\nexport interface HookEventEntry {\n  id: string;\n  /** Hook event (e.g. PreToolUse). */\n  event: string;\n  /** Hook matcher (e.g. Bash). */\n  matcher: string;\n  /** What the hook command was. */\n  command: string;\n  result: HookEventResult;\n  timestamp: string;\n  /** Optional stderr/stdout snippet. */\n  output?: string;\n  /** Optional duration label, e.g. \"120ms\". */\n  duration?: string;\n}\n\ninterface HookEventLogProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  events: HookEventEntry[];\n  title?: ReactNode;\n}\n\nconst RESULT_CONFIG = {\n  ok: { icon: CheckCircle2, color: \"text-success\" },\n  blocked: { icon: ShieldAlert, color: \"text-warning\" },\n  error: { icon: CircleX, color: \"text-destructive\" },\n} as const;\n\n/**\n * HookEventLog — chronological list of hook firings, with result tone, the\n * command that ran, and an optional output preview.\n */\nconst HookEventLog = forwardRef<HTMLDivElement, HookEventLogProps>(\n  ({ className, events, title = \"Hook log\", ...props }, ref) => (\n    <section ref={ref} className={cn(\"rounded-xl border bg-card\", className)} {...props}>\n      <header className=\"flex items-baseline justify-between border-border/40 border-b px-4 py-3\">\n        <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n        <span className=\"font-mono text-label text-muted-foreground\">\n          {events.length} {events.length === 1 ? \"event\" : \"events\"}\n        </span>\n      </header>\n      <ol className=\"divide-y divide-border/30\">\n        {events.map((evt) => {\n          const cfg = RESULT_CONFIG[evt.result];\n          const Icon = cfg.icon;\n          return (\n            <li\n              key={evt.id}\n              className=\"grid grid-cols-[auto_1fr_auto] items-start gap-3 px-4 py-2.5\"\n            >\n              <Icon aria-hidden=\"true\" className={cn(\"mt-0.5 size-3.5 shrink-0\", cfg.color)} />\n              <div className=\"min-w-0\">\n                <p className=\"flex flex-wrap items-baseline gap-2\">\n                  <span className=\"font-mono text-code-sm text-primary\">{evt.event}</span>\n                  <span className=\"font-mono text-code-sm text-muted-foreground\">\n                    matcher={evt.matcher}\n                  </span>\n                  {evt.duration ? (\n                    <span className=\"font-mono text-label text-muted-foreground tabular-nums\">\n                      {evt.duration}\n                    </span>\n                  ) : null}\n                </p>\n                <p className=\"truncate font-mono text-code-sm text-foreground\">{evt.command}</p>\n                {evt.output ? (\n                  <pre className=\"mt-1 max-h-24 overflow-auto rounded-md bg-muted/60 px-2 py-1 font-mono text-code-sm text-muted-foreground\">\n                    {evt.output}\n                  </pre>\n                ) : null}\n              </div>\n              <span className=\"font-mono text-label text-muted-foreground tabular-nums\">\n                {evt.timestamp}\n              </span>\n            </li>\n          );\n        })}\n        {events.length === 0 ? (\n          <li className=\"px-4 py-8 text-center font-sans text-body-sm text-muted-foreground\">\n            No hooks have fired yet.\n          </li>\n        ) : null}\n      </ol>\n    </section>\n  ),\n);\nHookEventLog.displayName = \"HookEventLog\";\n\nexport { HookEventLog };\n"]}