@usetheo/ui 0.13.0 → 0.13.1

package/dist/chunk-YUFFAWNB.js

@@ -0,0 +1,90 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { CircleX, Circle, CheckCircle2, Loader2, CircleDashed } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var STATUS_ICON = {
+  pending: CircleDashed,
+  running: Loader2,
+  done: CheckCircle2,
+  skipped: Circle,
+  failed: CircleX
+};
+var STATUS_COLOR = {
+  pending: "text-muted-foreground",
+  running: "text-primary",
+  done: "text-success",
+  skipped: "text-muted-foreground/60",
+  failed: "text-destructive"
+};
+var LABEL_STYLE = {
+  pending: "text-foreground",
+  running: "text-foreground",
+  done: "text-foreground line-through decoration-muted-foreground/40",
+  skipped: "text-muted-foreground line-through",
+  failed: "text-destructive"
+};
+var TaskNode = forwardRef(
+  ({ className, node, depth = 0, ...props }, ref) => {
+    const Icon = STATUS_ICON[node.status];
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        "data-slot": "task-node",
+        ref,
+        className: cn("grid gap-1", className),
+        style: { marginLeft: `${depth * 1.25}rem` },
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[auto_1fr] items-baseline gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                "aria-hidden": "true",
+                className: cn(
+                  "mt-0.5 size-3.5 shrink-0",
+                  STATUS_COLOR[node.status],
+                  node.status === "running" && "animate-spin"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("p", { className: cn("text-body-sm", LABEL_STYLE[node.status]), children: node.label }),
+              node.detail ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: node.detail }) : null
+            ] })
+          ] }),
+          node.children && node.children.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "grid gap-1 border-border/30 border-l pl-2", children: node.children.map((child) => /* @__PURE__ */ jsx(TaskNode, { node: child, depth: depth + 1 }, child.id)) }) : null
+        ]
+      }
+    );
+  }
+);
+TaskNode.displayName = "TaskNode";
+var TaskPlan = forwardRef(
+  ({ className, nodes, title = "Plan", summary, ...props }, ref) => {
+    const auto = nodes.length;
+    const done = nodes.filter((n) => n.status === "done").length;
+    const computedSummary = summary ?? (auto > 0 ? `${done} of ${auto} done` : "no steps");
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "task-plan",
+        ref,
+        className: cn("rounded-xl border bg-card p-4", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "mb-3 flex items-baseline justify-between gap-3", children: [
+            title ? /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }) : /* @__PURE__ */ jsx("span", {}),
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground tabular-nums", children: computedSummary })
+          ] }),
+          /* @__PURE__ */ jsx("ul", { className: "grid gap-1.5", children: nodes.map((node) => /* @__PURE__ */ jsx(TaskNode, { node }, node.id)) })
+        ]
+      }
+    );
+  }
+);
+TaskPlan.displayName = "TaskPlan";
+
+export { TaskNode, TaskPlan };
+//# sourceMappingURL=chunk-YUFFAWNB.js.map
+//# sourceMappingURL=chunk-YUFFAWNB.js.map

package/dist/chunk-YUFFAWNB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/task-plan/task-plan.tsx"],"names":[],"mappings":";;;;;AAiBA,IAAM,WAAA,GAAc;AAAA,EAClB,OAAA,EAAS,YAAA;AAAA,EACT,OAAA,EAAS,OAAA;AAAA,EACT,IAAA,EAAM,YAAA;AAAA,EACN,OAAA,EAAS,MAAA;AAAA,EACT,MAAA,EAAQ;AACV,CAAA;AAEA,IAAM,YAAA,GAA+C;AAAA,EACnD,OAAA,EAAS,uBAAA;AAAA,EACT,OAAA,EAAS,cAAA;AAAA,EACT,IAAA,EAAM,cAAA;AAAA,EACN,OAAA,EAAS,0BAAA;AAAA,EACT,MAAA,EAAQ;AACV,CAAA;AAEA,IAAM,WAAA,GAA8C;AAAA,EAClD,OAAA,EAAS,iBAAA;AAAA,EACT,OAAA,EAAS,iBAAA;AAAA,EACT,IAAA,EAAM,6DAAA;AAAA,EACN,OAAA,EAAS,oCAAA;AAAA,EACT,MAAA,EAAQ;AACV,CAAA;AAWA,IAAM,QAAA,GAAW,UAAA;AAAA,EACf,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,QAAQ,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACjD,IAAA,MAAM,IAAA,GAAO,WAAA,CAAY,IAAA,CAAK,MAAM,CAAA;AACpC,IAAA,uBACE,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,WAAA;AAAA,QACV,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA;AAAA,QACrC,OAAO,EAAE,UAAA,EAAY,CAAA,EAAG,KAAA,GAAQ,IAAI,CAAA,GAAA,CAAA,EAAM;AAAA,QACzC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gDAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAW,EAAA;AAAA,kBACT,0BAAA;AAAA,kBACA,YAAA,CAAa,KAAK,MAAM,CAAA;AAAA,kBACxB,IAAA,CAAK,WAAW,SAAA,IAAa;AAAA;AAC/B;AAAA,aACF;AAAA,4BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,WAAA,CAAY,KAAK,MAAM,CAAC,CAAA,EAAI,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,cACvE,IAAA,CAAK,yBACJ,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,oCAAA,EAAsC,QAAA,EAAA,IAAA,CAAK,QAAO,CAAA,GAC7D;AAAA,aAAA,EACN;AAAA,WAAA,EACF,CAAA;AAAA,UACC,IAAA,CAAK,QAAA,IAAY,IAAA,CAAK,QAAA,CAAS,MAAA,GAAS,CAAA,mBACvC,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2CAAA,EACX,QAAA,EAAA,IAAA,CAAK,QAAA,CAAS,GAAA,CAAI,CAAC,KAAA,qBAClB,GAAA,CAAC,QAAA,EAAA,EAAwB,IAAA,EAAM,KAAA,EAAO,KAAA,EAAO,KAAA,GAAQ,CAAA,EAAA,EAAtC,KAAA,CAAM,EAAmC,CACzD,CAAA,EACH,CAAA,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;AAiBvB,IAAM,QAAA,GAAW,UAAA;AAAA,EACf,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,KAAA,GAAQ,QAAQ,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAChE,IAAA,MAAM,OAAO,KAAA,CAAM,MAAA;AACnB,IAAA,MAAM,IAAA,GAAO,MAAM,MAAA,CAAO,CAAC,MAAM,CAAA,CAAE,MAAA,KAAW,MAAM,CAAA,CAAE,MAAA;AACtD,IAAA,MAAM,eAAA,GAAkB,YAAY,IAAA,GAAO,CAAA,GAAI,GAAG,IAAI,CAAA,IAAA,EAAO,IAAI,CAAA,KAAA,CAAA,GAAU,UAAA,CAAA;AAC3E,IAAA,uBACE,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,WAAA;AAAA,QACV,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,QACvD,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,gDAAA,EACf,QAAA,EAAA;AAAA,YAAA,KAAA,uBACE,IAAA,EAAA,EAAG,SAAA,EAAU,6CAA6C,QAAA,EAAA,KAAA,EAAM,CAAA,uBAEhE,MAAA,EAAA,EAAK,CAAA;AAAA,4BAER,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yDAAA,EACb,QAAA,EAAA,eAAA,EACH;AAAA,WAAA,EACF,CAAA;AAAA,0BACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,cAAA,EACX,gBAAM,GAAA,CAAI,CAAC,IAAA,qBACV,GAAA,CAAC,QAAA,EAAA,EAAuB,IAAA,EAAA,EAAT,IAAA,CAAK,EAAgB,CACrC,CAAA,EACH;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-YUFFAWNB.js","sourcesContent":["import { CheckCircle2, Circle, CircleDashed, CircleX, Loader2 } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type PlanNodeStatus = \"pending\" | \"running\" | \"done\" | \"skipped\" | \"failed\";\n\nexport interface PlanNode {\n  id: string;\n  label: string;\n  status: PlanNodeStatus;\n  /** Optional details / sub-explanation. */\n  detail?: string;\n  /** Sub-nodes (rendered indented). */\n  children?: PlanNode[];\n}\n\nconst STATUS_ICON = {\n  pending: CircleDashed,\n  running: Loader2,\n  done: CheckCircle2,\n  skipped: Circle,\n  failed: CircleX,\n} as const;\n\nconst STATUS_COLOR: Record<PlanNodeStatus, string> = {\n  pending: \"text-muted-foreground\",\n  running: \"text-primary\",\n  done: \"text-success\",\n  skipped: \"text-muted-foreground/60\",\n  failed: \"text-destructive\",\n};\n\nconst LABEL_STYLE: Record<PlanNodeStatus, string> = {\n  pending: \"text-foreground\",\n  running: \"text-foreground\",\n  done: \"text-foreground line-through decoration-muted-foreground/40\",\n  skipped: \"text-muted-foreground line-through\",\n  failed: \"text-destructive\",\n};\n\ninterface TaskNodeProps extends HTMLAttributes<HTMLLIElement> {\n  node: PlanNode;\n  depth?: number;\n}\n\n/**\n * TaskNode — single row in a task plan. Renders its own children recursively\n * with increasing indentation.\n */\nconst TaskNode = forwardRef<HTMLLIElement, TaskNodeProps>(\n  ({ className, node, depth = 0, ...props }, ref) => {\n    const Icon = STATUS_ICON[node.status];\n    return (\n      <li\n        data-slot=\"task-node\"\n        ref={ref}\n        className={cn(\"grid gap-1\", className)}\n        style={{ marginLeft: `${depth * 1.25}rem` }}\n        {...props}\n      >\n        <div className=\"grid grid-cols-[auto_1fr] items-baseline gap-2\">\n          <Icon\n            aria-hidden=\"true\"\n            className={cn(\n              \"mt-0.5 size-3.5 shrink-0\",\n              STATUS_COLOR[node.status],\n              node.status === \"running\" && \"animate-spin\",\n            )}\n          />\n          <div className=\"min-w-0\">\n            <p className={cn(\"text-body-sm\", LABEL_STYLE[node.status])}>{node.label}</p>\n            {node.detail ? (\n              <p className=\"text-body-sm text-muted-foreground\">{node.detail}</p>\n            ) : null}\n          </div>\n        </div>\n        {node.children && node.children.length > 0 ? (\n          <ul className=\"grid gap-1 border-border/30 border-l pl-2\">\n            {node.children.map((child) => (\n              <TaskNode key={child.id} node={child} depth={depth + 1} />\n            ))}\n          </ul>\n        ) : null}\n      </li>\n    );\n  },\n);\nTaskNode.displayName = \"TaskNode\";\n\ninterface TaskPlanProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  nodes: PlanNode[];\n  /** Header title. */\n  title?: ReactNode;\n  /** Summary line shown next to the title (e.g. \"3 of 7 done\"). */\n  summary?: ReactNode;\n}\n\n/**\n * TaskPlan — hierarchical task plan, à la Claude \"plan mode\".\n *\n * The agent emits a structured plan; the user sees each step progress from\n * pending → running → done (or failed/skipped). Children render with one\n * extra indent level and a left border to suggest hierarchy.\n */\nconst TaskPlan = forwardRef<HTMLElement, TaskPlanProps>(\n  ({ className, nodes, title = \"Plan\", summary, ...props }, ref) => {\n    const auto = nodes.length;\n    const done = nodes.filter((n) => n.status === \"done\").length;\n    const computedSummary = summary ?? (auto > 0 ? `${done} of ${auto} done` : \"no steps\");\n    return (\n      <section\n        data-slot=\"task-plan\"\n        ref={ref}\n        className={cn(\"rounded-xl border bg-card p-4\", className)}\n        {...props}\n      >\n        <header className=\"mb-3 flex items-baseline justify-between gap-3\">\n          {title ? (\n            <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n          ) : (\n            <span />\n          )}\n          <span className=\"font-mono text-label text-muted-foreground tabular-nums\">\n            {computedSummary}\n          </span>\n        </header>\n        <ul className=\"grid gap-1.5\">\n          {nodes.map((node) => (\n            <TaskNode key={node.id} node={node} />\n          ))}\n        </ul>\n      </section>\n    );\n  },\n);\nTaskPlan.displayName = \"TaskPlan\";\n\nexport { TaskNode, TaskPlan };\n"]}

package/dist/chunk-YVXMWUWD.js

@@ -0,0 +1,118 @@
+"use client";
+import { cn } from './chunk-EWDN56AS.js';
+import { Wrench, Hammer, ShieldCheck, Edit3, FilePlus, FileSearch, Terminal, AlertTriangle, CheckCircle2, Loader2, CircleDot, ChevronRight } from 'lucide-react';
+import { forwardRef, useState } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var typeIcon = {
+  command: Terminal,
+  file_read: FileSearch,
+  file_write: FilePlus,
+  edit: Edit3,
+  lint: ShieldCheck,
+  typecheck: ShieldCheck,
+  build: Hammer,
+  tool: Wrench
+};
+var statusIcon = {
+  pending: CircleDot,
+  running: Loader2,
+  success: CheckCircle2,
+  failed: AlertTriangle
+};
+var statusColor = {
+  pending: "text-muted-foreground",
+  running: "text-primary",
+  success: "text-success",
+  failed: "text-destructive"
+};
+var AgentEvent = forwardRef(
+  ({ className, event, collapsible, defaultOpen, ...props }, ref) => {
+    const [open, setOpen] = useState(defaultOpen ?? false);
+    const TypeIcon = typeIcon[event.type];
+    const StatusIcon = statusIcon[event.status];
+    const isExpandable = !!(collapsible && event.detail !== void 0);
+    const handleToggle = () => {
+      if (isExpandable) setOpen((v) => !v);
+    };
+    const headerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "grid size-7 place-items-center rounded-md bg-muted text-muted-foreground", children: /* @__PURE__ */ jsx(TypeIcon, { className: "size-3.5" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-0.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-body-sm text-foreground", children: event.label }),
+          event.path ? /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-muted-foreground", children: event.path }) : null,
+          event.diff ? /* @__PURE__ */ jsxs("span", { className: "font-mono text-code-sm", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-success", children: [
+              "+",
+              event.diff.added
+            ] }),
+            " ",
+            /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+              "-",
+              event.diff.removed
+            ] })
+          ] }) : null
+        ] }),
+        event.timestamp ? /* @__PURE__ */ jsx("p", { className: "font-mono text-label text-muted-foreground", children: event.timestamp }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(
+          StatusIcon,
+          {
+            className: cn(
+              "size-4",
+              statusColor[event.status],
+              event.status === "running" && "motion-safe:animate-spin"
+            ),
+            "aria-label": event.status
+          }
+        ),
+        isExpandable ? /* @__PURE__ */ jsx(
+          ChevronRight,
+          {
+            className: cn(
+              "size-4 text-muted-foreground transition-transform",
+              open && "rotate-90"
+            ),
+            "aria-hidden": "true"
+          }
+        ) : null
+      ] })
+    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "agent-event",
+        ref,
+        className: cn(
+          "rounded-md border border-transparent",
+          isExpandable && "hover:border-border/40 hover:bg-muted/40",
+          className
+        ),
+        ...props,
+        children: [
+          isExpandable ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleToggle,
+              "aria-expanded": open,
+              className: cn(
+                "grid w-full grid-cols-[auto_1fr_auto] items-center gap-3 px-3 py-2 text-left",
+                "cursor-pointer rounded-md",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              ),
+              children: headerContent
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-[auto_1fr_auto] items-center gap-3 px-3 py-2", children: headerContent }),
+          isExpandable && open ? /* @__PURE__ */ jsx("div", { className: "border-border/40 border-t bg-muted/20 px-3 py-2 font-mono text-code-sm text-muted-foreground", children: event.detail }) : null
+        ]
+      }
+    );
+  }
+);
+AgentEvent.displayName = "AgentEvent";
+
+export { AgentEvent };
+//# sourceMappingURL=chunk-YVXMWUWD.js.map
+//# sourceMappingURL=chunk-YVXMWUWD.js.map

package/dist/chunk-YVXMWUWD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/agent-event/agent-event.tsx"],"names":[],"mappings":"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","file":"chunk-YVXMWUWD.js","sourcesContent":["\"use client\";\n\nimport {\n  AlertTriangle,\n  CheckCircle2,\n  ChevronRight,\n  CircleDot,\n  Edit3,\n  FilePlus,\n  FileSearch,\n  Hammer,\n  Loader2,\n  ShieldCheck,\n  Terminal,\n  Wrench,\n} from \"lucide-react\";\nimport { forwardRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\nimport type {\n  AgentEvent as AgentEventModel,\n  AgentEventStatus,\n  AgentEventType,\n} from \"../../../types/agent.js\";\n\nconst typeIcon: Record<AgentEventType, IconComponent> = {\n  command: Terminal,\n  file_read: FileSearch,\n  file_write: FilePlus,\n  edit: Edit3,\n  lint: ShieldCheck,\n  typecheck: ShieldCheck,\n  build: Hammer,\n  tool: Wrench,\n};\n\nconst statusIcon: Record<AgentEventStatus, IconComponent> = {\n  pending: CircleDot,\n  running: Loader2,\n  success: CheckCircle2,\n  failed: AlertTriangle,\n};\n\nconst statusColor: Record<AgentEventStatus, string> = {\n  pending: \"text-muted-foreground\",\n  running: \"text-primary\",\n  success: \"text-success\",\n  failed: \"text-destructive\",\n};\n\ninterface AgentEventProps extends HTMLAttributes<HTMLDivElement> {\n  event: AgentEventModel;\n  /**\n   * If true, clicking the row toggles `event.detail` visibility.\n   */\n  collapsible?: boolean;\n  /**\n   * Force the collapsible state (for controlled scenarios).\n   */\n  defaultOpen?: boolean;\n}\n\n/**\n * AgentEvent — single event row in the agent timeline.\n *\n * Composition: type icon + label + path + diff stats + status icon + (optional) chevron.\n * Running events show a spinner via motion-safe:animate-spin (respects\n * `prefers-reduced-motion`); failed events flash red.\n *\n * When `collapsible` is true and `event.detail` is provided, the row renders as\n * a native `<button>` for correct keyboard and screen-reader semantics.\n */\nconst AgentEvent = forwardRef<HTMLDivElement, AgentEventProps>(\n  ({ className, event, collapsible, defaultOpen, ...props }, ref) => {\n    const [open, setOpen] = useState(defaultOpen ?? false);\n    const TypeIcon = typeIcon[event.type];\n    const StatusIcon = statusIcon[event.status];\n    const isExpandable = !!(collapsible && event.detail !== undefined);\n\n    const handleToggle = () => {\n      if (isExpandable) setOpen((v) => !v);\n    };\n\n    const headerContent: ReactNode = (\n      <>\n        <span className=\"grid size-7 place-items-center rounded-md bg-muted text-muted-foreground\">\n          <TypeIcon className=\"size-3.5\" />\n        </span>\n        <div className=\"min-w-0\">\n          <p className=\"flex flex-wrap items-baseline gap-x-2 gap-y-0.5\">\n            <span className=\"truncate font-medium text-body-sm text-foreground\">{event.label}</span>\n            {event.path ? (\n              <span className=\"truncate font-mono text-code-sm text-muted-foreground\">\n                {event.path}\n              </span>\n            ) : null}\n            {event.diff ? (\n              <span className=\"font-mono text-code-sm\">\n                <span className=\"text-success\">+{event.diff.added}</span>{\" \"}\n                <span className=\"text-destructive\">-{event.diff.removed}</span>\n              </span>\n            ) : null}\n          </p>\n          {event.timestamp ? (\n            <p className=\"font-mono text-label text-muted-foreground\">{event.timestamp}</p>\n          ) : null}\n        </div>\n        <div className=\"flex items-center gap-1.5\">\n          <StatusIcon\n            className={cn(\n              \"size-4\",\n              statusColor[event.status],\n              event.status === \"running\" && \"motion-safe:animate-spin\",\n            )}\n            aria-label={event.status}\n          />\n          {isExpandable ? (\n            <ChevronRight\n              className={cn(\n                \"size-4 text-muted-foreground transition-transform\",\n                open && \"rotate-90\",\n              )}\n              aria-hidden=\"true\"\n            />\n          ) : null}\n        </div>\n      </>\n    );\n\n    return (\n      <div\n        data-slot=\"agent-event\"\n        ref={ref}\n        className={cn(\n          \"rounded-md border border-transparent\",\n          isExpandable && \"hover:border-border/40 hover:bg-muted/40\",\n          className,\n        )}\n        {...props}\n      >\n        {isExpandable ? (\n          <button\n            type=\"button\"\n            onClick={handleToggle}\n            aria-expanded={open}\n            className={cn(\n              \"grid w-full grid-cols-[auto_1fr_auto] items-center gap-3 px-3 py-2 text-left\",\n              \"cursor-pointer rounded-md\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            )}\n          >\n            {headerContent}\n          </button>\n        ) : (\n          <div className=\"grid grid-cols-[auto_1fr_auto] items-center gap-3 px-3 py-2\">\n            {headerContent}\n          </div>\n        )}\n        {isExpandable && open ? (\n          <div className=\"border-border/40 border-t bg-muted/20 px-3 py-2 font-mono text-code-sm text-muted-foreground\">\n            {event.detail}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nAgentEvent.displayName = \"AgentEvent\";\n\nexport { AgentEvent };\n"]}

package/dist/chunk-Z6HZMGO2.js

@@ -0,0 +1,106 @@
+"use client";
+import { cn } from './chunk-EWDN56AS.js';
+import { Check, X, Copy } from 'lucide-react';
+import { forwardRef, useState, useRef, useEffect, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var VARIANT = {
+  ghost: "hover:bg-muted",
+  outline: "border border-border/60 rounded-md"
+};
+var SIZE = {
+  sm: "px-2 py-1 text-label",
+  md: "px-2.5 py-1.5 text-body-sm"
+};
+var CopyButton = forwardRef(
+  ({
+    className,
+    value,
+    label,
+    variant = "ghost",
+    size = "sm",
+    onCopied,
+    feedbackDuration = 1500,
+    ...props
+  }, ref) => {
+    const [state, setState] = useState("idle");
+    const timerRef = useRef(null);
+    useEffect(() => {
+      return () => {
+        if (timerRef.current !== null) {
+          clearTimeout(timerRef.current);
+        }
+      };
+    }, []);
+    const scheduleRevert = useCallback(() => {
+      if (timerRef.current !== null) {
+        clearTimeout(timerRef.current);
+      }
+      timerRef.current = setTimeout(() => {
+        setState("idle");
+        timerRef.current = null;
+      }, feedbackDuration);
+    }, [feedbackDuration]);
+    const handleClick = useCallback(() => {
+      if (state !== "idle") return;
+      if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) {
+        setState("failed");
+        scheduleRevert();
+        return;
+      }
+      navigator.clipboard.writeText(value).then(
+        () => {
+          setState("copied");
+          onCopied?.(value);
+          scheduleRevert();
+        },
+        () => {
+          setState("failed");
+          scheduleRevert();
+        }
+      );
+    }, [state, value, onCopied, scheduleRevert]);
+    const Icon = state === "copied" ? Check : state === "failed" ? X : Copy;
+    const liveMessage = state === "copied" ? "Copied to clipboard" : state === "failed" ? "Copy failed" : "";
+    const labelText = label !== void 0 ? state === "copied" ? "Copied!" : state === "failed" ? "Failed" : label : null;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        "data-slot": "copy-button",
+        ref,
+        type: "button",
+        onClick: handleClick,
+        "data-state": state,
+        className: cn(
+          "inline-flex items-center gap-1.5",
+          "font-sans transition-colors",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card",
+          VARIANT[variant],
+          SIZE[size],
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "size-3.5 shrink-0 transition-opacity duration-200",
+                state === "copied" && "text-success",
+                state === "failed" && "text-destructive"
+              )
+            }
+          ),
+          labelText !== null ? /* @__PURE__ */ jsx("span", { children: labelText }) : null,
+          /* @__PURE__ */ jsx("span", { className: "sr-only", "aria-live": "polite", children: liveMessage })
+        ]
+      }
+    );
+  }
+);
+CopyButton.displayName = "CopyButton";
+
+export { CopyButton };
+//# sourceMappingURL=chunk-Z6HZMGO2.js.map
+//# sourceMappingURL=chunk-Z6HZMGO2.js.map

package/dist/chunk-Z6HZMGO2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/copy-button/copy-button.tsx"],"names":[],"mappings":"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","file":"chunk-Z6HZMGO2.js","sourcesContent":["\"use client\";\n\nimport { Check, Copy, X } from \"lucide-react\";\nimport { forwardRef, useCallback, useEffect, useRef, useState } from \"react\";\nimport type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * CopyButton — click-to-copy primitive for PaaS surfaces.\n *\n * Wraps the Clipboard API behind a button that:\n *   - Calls `navigator.clipboard.writeText(value)` on click\n *   - Swaps the icon (Copy → Check on success, Copy → X on failure)\n *   - Optionally swaps the visible `label` to \"Copied!\" / \"Failed\"\n *   - Announces the state change via an `aria-live=\"polite\"` sr-only region\n *   - Reverts to idle after `feedbackDuration` ms (default 1500)\n *\n * SSR-safe (guards `navigator?.clipboard?.writeText`). Debounces double-clicks\n * by ignoring clicks while not in the `idle` state. Cleans up the revert timer\n * on unmount so no `setState` happens on unmounted components.\n *\n * @example\n *   <CopyButton value={envVar.value} />               // icon-only ghost\n *   <CopyButton value={token} label=\"Copy token\" variant=\"outline\" />\n */\ntype CopyState = \"idle\" | \"copied\" | \"failed\";\n\nexport interface CopyButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"type\" | \"onClick\" | \"children\"> {\n  /** String to copy when clicked. */\n  value: string;\n  /** Optional button label. Default: just the icon. */\n  label?: ReactNode;\n  /** Visual style. */\n  variant?: \"ghost\" | \"outline\";\n  /** Size. */\n  size?: \"sm\" | \"md\";\n  /** Callback after successful copy (e.g. analytics). */\n  onCopied?: (value: string) => void;\n  /** Duration of the feedback state in ms. Default 1500. */\n  feedbackDuration?: number;\n}\n\nconst VARIANT: Record<NonNullable<CopyButtonProps[\"variant\"]>, string> = {\n  ghost: \"hover:bg-muted\",\n  outline: \"border border-border/60 rounded-md\",\n};\n\nconst SIZE: Record<NonNullable<CopyButtonProps[\"size\"]>, string> = {\n  sm: \"px-2 py-1 text-label\",\n  md: \"px-2.5 py-1.5 text-body-sm\",\n};\n\nconst CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>(\n  (\n    {\n      className,\n      value,\n      label,\n      variant = \"ghost\",\n      size = \"sm\",\n      onCopied,\n      feedbackDuration = 1500,\n      ...props\n    },\n    ref,\n  ) => {\n    const [state, setState] = useState<CopyState>(\"idle\");\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n      return () => {\n        if (timerRef.current !== null) {\n          clearTimeout(timerRef.current);\n        }\n      };\n    }, []);\n\n    const scheduleRevert = useCallback(() => {\n      if (timerRef.current !== null) {\n        clearTimeout(timerRef.current);\n      }\n      timerRef.current = setTimeout(() => {\n        setState(\"idle\");\n        timerRef.current = null;\n      }, feedbackDuration);\n    }, [feedbackDuration]);\n\n    const handleClick = useCallback(() => {\n      if (state !== \"idle\") return;\n\n      if (typeof navigator === \"undefined\" || !navigator.clipboard?.writeText) {\n        setState(\"failed\");\n        scheduleRevert();\n        return;\n      }\n\n      navigator.clipboard.writeText(value).then(\n        () => {\n          setState(\"copied\");\n          onCopied?.(value);\n          scheduleRevert();\n        },\n        () => {\n          setState(\"failed\");\n          scheduleRevert();\n        },\n      );\n    }, [state, value, onCopied, scheduleRevert]);\n\n    const Icon = state === \"copied\" ? Check : state === \"failed\" ? X : Copy;\n    const liveMessage =\n      state === \"copied\" ? \"Copied to clipboard\" : state === \"failed\" ? \"Copy failed\" : \"\";\n\n    const labelText =\n      label !== undefined\n        ? state === \"copied\"\n          ? \"Copied!\"\n          : state === \"failed\"\n            ? \"Failed\"\n            : label\n        : null;\n\n    return (\n      <button\n        data-slot=\"copy-button\"\n        ref={ref}\n        type=\"button\"\n        onClick={handleClick}\n        data-state={state}\n        className={cn(\n          \"inline-flex items-center gap-1.5\",\n          \"font-sans transition-colors\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card\",\n          VARIANT[variant],\n          SIZE[size],\n          className,\n        )}\n        {...props}\n      >\n        <Icon\n          aria-hidden=\"true\"\n          className={cn(\n            \"size-3.5 shrink-0 transition-opacity duration-200\",\n            state === \"copied\" && \"text-success\",\n            state === \"failed\" && \"text-destructive\",\n          )}\n        />\n        {labelText !== null ? <span>{labelText}</span> : null}\n        <span className=\"sr-only\" aria-live=\"polite\">\n          {liveMessage}\n        </span>\n      </button>\n    );\n  },\n);\nCopyButton.displayName = \"CopyButton\";\n\nexport { CopyButton };\n"]}

package/dist/chunk-ZAMPCRFJ.js

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

package/dist/chunk-ZAMPCRFJ.js.map

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

package/dist/chunk-ZEFOXF2I.js

@@ -0,0 +1,87 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Search, Filter, Loader2 } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ActionBar = forwardRef(
+  ({ className, search, primaryAction, onFilterClick, ...props }, ref) => {
+    if (!search && !primaryAction && !onFilterClick) {
+      return null;
+    }
+    const PrimaryIcon = primaryAction?.icon;
+    const isLoading = primaryAction?.loading === true;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "action-bar",
+        ref,
+        className: cn("flex w-full items-center gap-2", className),
+        ...props,
+        children: [
+          search ? /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
+            /* @__PURE__ */ jsx(
+              Search,
+              {
+                "aria-hidden": "true",
+                className: "-translate-y-1/2 absolute top-1/2 left-3 size-4 text-muted-foreground"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "search",
+                placeholder: search.placeholder,
+                value: search.value,
+                onChange: (e) => search.onChange(e.target.value),
+                className: cn(
+                  "w-full rounded-md border border-border/40 bg-card py-2 pr-3 pl-9",
+                  "font-sans text-body-sm text-foreground placeholder:text-muted-foreground",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                )
+              }
+            )
+          ] }) : null,
+          onFilterClick !== void 0 ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onFilterClick,
+              "aria-label": "Filter",
+              className: cn(
+                "inline-flex size-9 items-center justify-center rounded-md border border-border/40",
+                "text-muted-foreground transition-colors",
+                "hover:bg-muted hover:text-foreground",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              ),
+              children: /* @__PURE__ */ jsx(Filter, { "aria-hidden": "true", className: "size-4" })
+            }
+          ) : null,
+          primaryAction !== void 0 ? /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: primaryAction.onClick,
+              disabled: isLoading,
+              className: cn(
+                "ml-auto inline-flex items-center gap-2 rounded-md bg-primary px-3 py-2",
+                "font-medium font-sans text-body-sm text-primary-foreground",
+                "transition-colors hover:bg-primary-deep",
+                "disabled:cursor-not-allowed disabled:opacity-60",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+              ),
+              children: [
+                isLoading ? /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "size-4 animate-spin" }) : PrimaryIcon ? /* @__PURE__ */ jsx(PrimaryIcon, { "aria-hidden": "true", className: "size-4" }) : null,
+                primaryAction.label
+              ]
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+ActionBar.displayName = "ActionBar";
+
+export { ActionBar };
+//# sourceMappingURL=chunk-ZEFOXF2I.js.map
+//# sourceMappingURL=chunk-ZEFOXF2I.js.map

package/dist/chunk-ZEFOXF2I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/action-bar/action-bar.tsx"],"names":[],"mappings":";;;;;AAsCA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAC,EAAE,SAAA,EAAW,MAAA,EAAQ,eAAe,aAAA,EAAe,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACtE,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,aAAA,IAAiB,CAAC,aAAA,EAAe;AAC/C,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,cAAc,aAAA,EAAe,IAAA;AACnC,IAAA,MAAM,SAAA,GAAY,eAAe,OAAA,KAAY,IAAA;AAE7C,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,YAAA;AAAA,QACV,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,gCAAA,EAAkC,SAAS,CAAA;AAAA,QACxD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,MAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAU;AAAA;AAAA,aACZ;AAAA,4BACA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,aAAa,MAAA,CAAO,WAAA;AAAA,gBACpB,OAAO,MAAA,CAAO,KAAA;AAAA,gBACd,UAAU,CAAC,CAAA,KAAM,OAAO,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,gBAC/C,SAAA,EAAW,EAAA;AAAA,kBACT,kEAAA;AAAA,kBACA,0EAAA;AAAA,kBACA;AAAA;AACF;AAAA;AACF,WAAA,EACF,CAAA,GACE,IAAA;AAAA,UACH,kBAAkB,MAAA,mBACjB,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,aAAA;AAAA,cACT,YAAA,EAAW,QAAA;AAAA,cACX,SAAA,EAAW,EAAA;AAAA,gBACT,mFAAA;AAAA,gBACA,yCAAA;AAAA,gBACA,sCAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,aAAA,EAAY,MAAA,EAAO,WAAU,QAAA,EAAS;AAAA;AAAA,WAChD,GACE,IAAA;AAAA,UACH,kBAAkB,MAAA,mBACjB,IAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,SAAS,aAAA,CAAc,OAAA;AAAA,cACvB,QAAA,EAAU,SAAA;AAAA,cACV,SAAA,EAAW,EAAA;AAAA,gBACT,wEAAA;AAAA,gBACA,4DAAA;AAAA,gBACA,yCAAA;AAAA,gBACA,iDAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,SAAA,mBACC,GAAA,CAAC,OAAA,EAAA,EAAQ,aAAA,EAAY,MAAA,EAAO,WAAU,qBAAA,EAAsB,CAAA,GAC1D,WAAA,mBACF,GAAA,CAAC,WAAA,EAAA,EAAY,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,UAAS,CAAA,GACjD,IAAA;AAAA,gBACH,aAAA,CAAc;AAAA;AAAA;AAAA,WACjB,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-ZEFOXF2I.js","sourcesContent":["import { Filter, Loader2, Search } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ElementType, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * ActionBar — page-top action strip primitive.\n *\n * A horizontal flexbox row with three optional slots:\n *   - Search input (flex-1, grows to fill)\n *   - Filter icon button (next to search)\n *   - Primary action button (right-aligned)\n *\n * Returns `null` when no props are provided — don't render an empty\n * bar. Used standalone or composed inside `<PageShell>` (Brief #5).\n *\n * @example\n *   <ActionBar\n *     search={{ placeholder: \"Search projects…\", value: q, onChange: setQ }}\n *     primaryAction={{ label: \"New project\", icon: Plus, onClick: openModal }}\n *   />\n */\n\nexport interface ActionBarProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  search?: {\n    placeholder: string;\n    value: string;\n    onChange: (value: string) => void;\n  };\n  primaryAction?: {\n    label: ReactNode;\n    icon?: ElementType;\n    onClick: () => void;\n    loading?: boolean;\n  };\n  onFilterClick?: () => void;\n}\n\nconst ActionBar = forwardRef<HTMLDivElement, ActionBarProps>(\n  ({ className, search, primaryAction, onFilterClick, ...props }, ref) => {\n    if (!search && !primaryAction && !onFilterClick) {\n      return null;\n    }\n\n    const PrimaryIcon = primaryAction?.icon;\n    const isLoading = primaryAction?.loading === true;\n\n    return (\n      <div\n        data-slot=\"action-bar\"\n        ref={ref}\n        className={cn(\"flex w-full items-center gap-2\", className)}\n        {...props}\n      >\n        {search ? (\n          <div className=\"relative flex-1\">\n            <Search\n              aria-hidden=\"true\"\n              className=\"-translate-y-1/2 absolute top-1/2 left-3 size-4 text-muted-foreground\"\n            />\n            <input\n              type=\"search\"\n              placeholder={search.placeholder}\n              value={search.value}\n              onChange={(e) => search.onChange(e.target.value)}\n              className={cn(\n                \"w-full rounded-md border border-border/40 bg-card py-2 pr-3 pl-9\",\n                \"font-sans text-body-sm text-foreground placeholder:text-muted-foreground\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n              )}\n            />\n          </div>\n        ) : null}\n        {onFilterClick !== undefined ? (\n          <button\n            type=\"button\"\n            onClick={onFilterClick}\n            aria-label=\"Filter\"\n            className={cn(\n              \"inline-flex size-9 items-center justify-center rounded-md border border-border/40\",\n              \"text-muted-foreground transition-colors\",\n              \"hover:bg-muted hover:text-foreground\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            )}\n          >\n            <Filter aria-hidden=\"true\" className=\"size-4\" />\n          </button>\n        ) : null}\n        {primaryAction !== undefined ? (\n          <button\n            type=\"button\"\n            onClick={primaryAction.onClick}\n            disabled={isLoading}\n            className={cn(\n              \"ml-auto inline-flex items-center gap-2 rounded-md bg-primary px-3 py-2\",\n              \"font-medium font-sans text-body-sm text-primary-foreground\",\n              \"transition-colors hover:bg-primary-deep\",\n              \"disabled:cursor-not-allowed disabled:opacity-60\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n            )}\n          >\n            {isLoading ? (\n              <Loader2 aria-hidden=\"true\" className=\"size-4 animate-spin\" />\n            ) : PrimaryIcon ? (\n              <PrimaryIcon aria-hidden=\"true\" className=\"size-4\" />\n            ) : null}\n            {primaryAction.label}\n          </button>\n        ) : null}\n      </div>\n    );\n  },\n);\nActionBar.displayName = \"ActionBar\";\n\nexport { ActionBar };\n"]}