@usetheo/ui 0.13.0 → 0.13.1

package/dist/chunk-33ETHPT7.js

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

package/dist/chunk-33ETHPT7.js.map

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

package/dist/chunk-33IIDFSM.js

@@ -0,0 +1,43 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Clock, Coins, FileEdit } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RunStats = forwardRef(
+  ({ className, duration, tokens, filesChanged, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "run-stats",
+      ref,
+      className: cn(
+        "flex flex-wrap items-center gap-3 font-mono text-code-sm text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        duration ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(Clock, { className: "size-3", "aria-hidden": "true" }),
+          " ",
+          duration
+        ] }) : null,
+        tokens ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(Coins, { className: "size-3", "aria-hidden": "true" }),
+          " ",
+          tokens,
+          " tokens"
+        ] }) : null,
+        filesChanged !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(FileEdit, { className: "size-3", "aria-hidden": "true" }),
+          " ",
+          filesChanged,
+          " files"
+        ] }) : null
+      ]
+    }
+  )
+);
+RunStats.displayName = "RunStats";
+
+export { RunStats };
+//# sourceMappingURL=chunk-33IIDFSM.js.map
+//# sourceMappingURL=chunk-33IIDFSM.js.map

package/dist/chunk-33IIDFSM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/run-stats/run-stats.tsx"],"names":[],"mappings":";;;;;AAmBA,IAAM,QAAA,GAAW,UAAA;AAAA,EACf,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,QAAQ,YAAA,EAAc,GAAG,KAAA,EAAM,EAAG,GAAA,qBACxD,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,gFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA,mBACC,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAA,EACd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,QAAA,EAAS,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,UAAE,GAAA;AAAA,UAAE;AAAA,SAAA,EACnD,CAAA,GACE,IAAA;AAAA,QACH,MAAA,mBACC,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAA,EACd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,QAAA,EAAS,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,UAAE,GAAA;AAAA,UAAE,MAAA;AAAA,UAAO;AAAA,SAAA,EAC1D,CAAA,GACE,IAAA;AAAA,QACH,YAAA,KAAiB,MAAA,mBAChB,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kCAAA,EACd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,QAAA,EAAS,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,UAAE,GAAA;AAAA,UAAE,YAAA;AAAA,UAAa;AAAA,SAAA,EACnE,CAAA,GACE;AAAA;AAAA;AAAA;AAGV;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-33IIDFSM.js","sourcesContent":["import { Clock, Coins, FileEdit } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\ninterface RunStatsProps extends HTMLAttributes<HTMLDivElement> {\n  duration?: string;\n  /** Formatted token count, e.g. \"35.7k\". */\n  tokens?: string;\n  /** Number of files changed in the run. */\n  filesChanged?: number;\n}\n\n/**\n * RunStats — inline metric row shown after an agent run.\n *\n * Visual: muted bullet-separated row with clock + tokens + files-changed icons.\n * All optional — the component skips entries that aren't provided.\n */\nconst RunStats = forwardRef<HTMLDivElement, RunStatsProps>(\n  ({ className, duration, tokens, filesChanged, ...props }, ref) => (\n    <div\n      data-slot=\"run-stats\"\n      ref={ref}\n      className={cn(\n        \"flex flex-wrap items-center gap-3 font-mono text-code-sm text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {duration ? (\n        <span className=\"inline-flex items-center gap-1.5\">\n          <Clock className=\"size-3\" aria-hidden=\"true\" /> {duration}\n        </span>\n      ) : null}\n      {tokens ? (\n        <span className=\"inline-flex items-center gap-1.5\">\n          <Coins className=\"size-3\" aria-hidden=\"true\" /> {tokens} tokens\n        </span>\n      ) : null}\n      {filesChanged !== undefined ? (\n        <span className=\"inline-flex items-center gap-1.5\">\n          <FileEdit className=\"size-3\" aria-hidden=\"true\" /> {filesChanged} files\n        </span>\n      ) : null}\n    </div>\n  ),\n);\nRunStats.displayName = \"RunStats\";\n\nexport { RunStats };\n"]}

package/dist/chunk-345HYADQ.js

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

package/dist/chunk-345HYADQ.js.map

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

package/dist/chunk-3ZXZGZOX.js

@@ -0,0 +1,57 @@
+import { useInLiveRegion } from './chunk-UGKI466V.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { Terminal } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var kindColor = {
+  command: "text-foreground",
+  stdout: "text-muted-foreground",
+  stderr: "text-destructive",
+  ok: "text-success",
+  prompt: "text-primary"
+};
+var TerminalPanel = forwardRef(
+  ({ className, title = "Terminal", lines, promptPrefix = "$", live = "off", ...props }, ref) => {
+    const inLiveRegion = useInLiveRegion();
+    const effectiveLive = inLiveRegion ? "off" : live;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "terminal-panel",
+        ref,
+        className: cn("overflow-hidden rounded-xl border bg-card", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-center gap-2 border-border/40 border-b px-3 py-2", children: [
+            /* @__PURE__ */ jsx(Terminal, { className: "size-3.5 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "font-sans text-label-caps text-muted-foreground uppercase tracking-wider", children: title })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "ol",
+            {
+              className: "grid gap-0.5 px-3 py-2 font-mono text-code-sm",
+              "aria-live": effectiveLive,
+              "aria-atomic": "false",
+              children: lines.map((line) => {
+                const kind = line.kind ?? "stdout";
+                return /* @__PURE__ */ jsx("li", { className: cn("whitespace-pre-wrap", kindColor[kind]), children: kind === "command" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs("span", { className: "select-none text-primary", children: [
+                    promptPrefix,
+                    " "
+                  ] }),
+                  line.content
+                ] }) : kind === "prompt" ? /* @__PURE__ */ jsx("span", { className: "motion-safe:animate-pulse", children: line.content }) : line.content }, line.id);
+              })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+TerminalPanel.displayName = "TerminalPanel";
+
+export { TerminalPanel };
+//# sourceMappingURL=chunk-3ZXZGZOX.js.map
+//# sourceMappingURL=chunk-3ZXZGZOX.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/terminal-panel/terminal-panel.tsx"],"names":["TerminalIcon"],"mappings":";;;;;;AA8BA,IAAM,SAAA,GAA+D;AAAA,EACnE,OAAA,EAAS,iBAAA;AAAA,EACT,MAAA,EAAQ,uBAAA;AAAA,EACR,MAAA,EAAQ,kBAAA;AAAA,EACR,EAAA,EAAI,cAAA;AAAA,EACJ,MAAA,EAAQ;AACV,CAAA;AASA,IAAM,aAAA,GAAgB,UAAA;AAAA,EACpB,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,UAAA,EAAY,KAAA,EAAO,YAAA,GAAe,GAAA,EAAK,IAAA,GAAO,KAAA,EAAO,GAAG,KAAA,IAAS,GAAA,KAAQ;AAE7F,IAAA,MAAM,eAAe,eAAA,EAAgB;AACrC,IAAA,MAAM,aAAA,GAAgB,eAAe,KAAA,GAAQ,IAAA;AAC7C,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,gBAAA;AAAA,QACV,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,2CAAA,EAA6C,SAAS,CAAA;AAAA,QACnE,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,6DAAA,EAChB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAACA,QAAA,EAAA,EAAa,SAAA,EAAU,gCAAA,EAAiC,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,4BAC5E,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0EAAA,EACb,QAAA,EAAA,KAAA,EACH;AAAA,WAAA,EACF,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,+CAAA;AAAA,cACV,WAAA,EAAW,aAAA;AAAA,cACX,aAAA,EAAY,OAAA;AAAA,cAEX,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,gBAAA,MAAM,IAAA,GAAO,KAAK,IAAA,IAAQ,QAAA;AAC1B,gBAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAiB,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAA,CAAU,IAAI,CAAC,CAAA,EACnE,QAAA,EAAA,IAAA,KAAS,SAAA,mBACR,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,kCAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,0BAAA,EAA4B,QAAA,EAAA;AAAA,oBAAA,YAAA;AAAA,oBAAa;AAAA,mBAAA,EAAC,CAAA;AAAA,kBACzD,IAAA,CAAK;AAAA,iBAAA,EACR,CAAA,GACE,IAAA,KAAS,QAAA,mBACX,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EAA6B,QAAA,EAAA,IAAA,CAAK,OAAA,EAAQ,CAAA,GAE1D,IAAA,CAAK,OAAA,EAAA,EATA,KAAK,EAWd,CAAA;AAAA,cAEJ,CAAC;AAAA;AAAA;AACH;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-3ZXZGZOX.js","sourcesContent":["import { Terminal as TerminalIcon } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { useInLiveRegion } from \"../../../lib/live-region-context.js\";\n\nexport interface TerminalLine {\n  id: string;\n  /**\n   * Visual kind: command (prompted), stdout, stderr, ok (success), prompt (active line).\n   */\n  kind?: \"command\" | \"stdout\" | \"stderr\" | \"ok\" | \"prompt\";\n  content: ReactNode;\n}\n\ninterface TerminalPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: ReactNode;\n  lines: TerminalLine[];\n  /**\n   * Optional prompt prefix for commands, defaults to \"$\".\n   */\n  promptPrefix?: string;\n  /**\n   * Live-region politeness for screen readers. Use `\"polite\"` when streaming\n   * fresh output so assistive tech announces new lines without interrupting.\n   * Default `\"off\"` for static / historical views.\n   */\n  live?: \"off\" | \"polite\";\n}\n\nconst kindColor: Record<NonNullable<TerminalLine[\"kind\"]>, string> = {\n  command: \"text-foreground\",\n  stdout: \"text-muted-foreground\",\n  stderr: \"text-destructive\",\n  ok: \"text-success\",\n  prompt: \"text-primary\",\n};\n\n/**\n * TerminalPanel — minimal terminal output viewer.\n *\n * Visual: dark card with mono font, \"$ \" prefix on command lines, color-coded\n * stdout/stderr/success. No interactivity (read-only) — pair with your own\n * pty/xterm for live shells if needed.\n */\nconst TerminalPanel = forwardRef<HTMLDivElement, TerminalPanelProps>(\n  ({ className, title = \"Terminal\", lines, promptPrefix = \"$\", live = \"off\", ...props }, ref) => {\n    // T4.1 (MF-4): suppress own aria-live when nested in container live region.\n    const inLiveRegion = useInLiveRegion();\n    const effectiveLive = inLiveRegion ? \"off\" : live;\n    return (\n      <div\n        data-slot=\"terminal-panel\"\n        ref={ref}\n        className={cn(\"overflow-hidden rounded-xl border bg-card\", className)}\n        {...props}\n      >\n        <header className=\"flex items-center gap-2 border-border/40 border-b px-3 py-2\">\n          <TerminalIcon className=\"size-3.5 text-muted-foreground\" aria-hidden=\"true\" />\n          <span className=\"font-sans text-label-caps text-muted-foreground uppercase tracking-wider\">\n            {title}\n          </span>\n        </header>\n        <ol\n          className=\"grid gap-0.5 px-3 py-2 font-mono text-code-sm\"\n          aria-live={effectiveLive}\n          aria-atomic=\"false\"\n        >\n          {lines.map((line) => {\n            const kind = line.kind ?? \"stdout\";\n            return (\n              <li key={line.id} className={cn(\"whitespace-pre-wrap\", kindColor[kind])}>\n                {kind === \"command\" ? (\n                  <>\n                    <span className=\"select-none text-primary\">{promptPrefix} </span>\n                    {line.content}\n                  </>\n                ) : kind === \"prompt\" ? (\n                  <span className=\"motion-safe:animate-pulse\">{line.content}</span>\n                ) : (\n                  line.content\n                )}\n              </li>\n            );\n          })}\n        </ol>\n      </div>\n    );\n  },\n);\nTerminalPanel.displayName = \"TerminalPanel\";\n\nexport { TerminalPanel };\n"]}

package/dist/chunk-45FWKR23.js

@@ -0,0 +1,62 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { ShieldAlert, Bot, User } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ACTOR_ICON = {
+  user: User,
+  agent: Bot,
+  system: ShieldAlert
+};
+var SEVERITY_CLASS = {
+  info: "text-muted-foreground",
+  warning: "text-warning",
+  error: "text-destructive"
+};
+var AuditLogEntry = forwardRef(
+  ({ className, entry, ...props }, ref) => {
+    const Icon = ACTOR_ICON[entry.actor.kind];
+    const sev = entry.severity ?? "info";
+    return /* @__PURE__ */ jsxs(
+      "article",
+      {
+        "data-slot": "audit-log-entry",
+        ref,
+        className: cn(
+          "grid grid-cols-[auto_1fr_auto] items-start gap-3 border-border/30 border-b px-3 py-2",
+          "last:border-b-0",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "mt-0.5 grid size-7 place-items-center rounded-md bg-muted text-muted-foreground",
+                sev === "warning" && "text-warning",
+                sev === "error" && "text-destructive"
+              ),
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx(Icon, { className: "size-3.5" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-baseline gap-2 text-body-sm", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-medium font-mono text-code-sm text-foreground", children: entry.actor.name }),
+              /* @__PURE__ */ jsx("span", { className: cn("font-mono text-code-sm", SEVERITY_CLASS[sev]), children: entry.action }),
+              entry.target ? /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-foreground/80", children: entry.target }) : null
+            ] }),
+            entry.detail ? /* @__PURE__ */ jsx("div", { className: "mt-1 rounded-md bg-muted/40 px-2.5 py-1.5 font-mono text-code-sm text-muted-foreground", children: entry.detail }) : null
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-label text-muted-foreground tabular-nums", children: entry.timestamp })
+        ]
+      }
+    );
+  }
+);
+AuditLogEntry.displayName = "AuditLogEntry";
+
+export { AuditLogEntry };
+//# sourceMappingURL=chunk-45FWKR23.js.map
+//# sourceMappingURL=chunk-45FWKR23.js.map

package/dist/chunk-45FWKR23.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/audit-log-entry/audit-log-entry.tsx"],"names":[],"mappings":";;;;;AA6BA,IAAM,UAAA,GAAoD;AAAA,EACxD,IAAA,EAAM,IAAA;AAAA,EACN,KAAA,EAAO,GAAA;AAAA,EACP,MAAA,EAAQ;AACV,CAAA;AAEA,IAAM,cAAA,GAAgD;AAAA,EACpD,IAAA,EAAM,uBAAA;AAAA,EACN,OAAA,EAAS,cAAA;AAAA,EACT,KAAA,EAAO;AACT,CAAA;AAMA,IAAM,aAAA,GAAgB,UAAA;AAAA,EACpB,CAAC,EAAE,SAAA,EAAW,OAAO,GAAG,KAAA,IAAS,GAAA,KAAQ;AACvC,IAAA,MAAM,IAAA,GAAO,UAAA,CAAW,KAAA,CAAM,KAAA,CAAM,IAAI,CAAA;AACxC,IAAA,MAAM,GAAA,GAAM,MAAM,QAAA,IAAY,MAAA;AAC9B,IAAA,uBACE,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,iBAAA;AAAA,QACV,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,sFAAA;AAAA,UACA,iBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,iFAAA;AAAA,gBACA,QAAQ,SAAA,IAAa,cAAA;AAAA,gBACrB,QAAQ,OAAA,IAAW;AAAA,eACrB;AAAA,cACA,aAAA,EAAY,MAAA;AAAA,cAEZ,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAW;AAAA;AAAA,WAC7B;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EACb,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,kDAAA,EACX,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oDAAA,EACb,QAAA,EAAA,KAAA,CAAM,MAAM,IAAA,EACf,CAAA;AAAA,8BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,wBAAA,EAA0B,eAAe,GAAG,CAAC,CAAA,EAC9D,QAAA,EAAA,KAAA,CAAM,MAAA,EACT,CAAA;AAAA,cACC,KAAA,CAAM,yBACL,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,oDAAA,EACb,QAAA,EAAA,KAAA,CAAM,QACT,CAAA,GACE;AAAA,aAAA,EACN,CAAA;AAAA,YACC,KAAA,CAAM,yBACL,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wFAAA,EACZ,QAAA,EAAA,KAAA,CAAM,QACT,CAAA,GACE;AAAA,WAAA,EACN,CAAA;AAAA,0BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kEAAA,EACb,gBAAM,SAAA,EACT;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-45FWKR23.js","sourcesContent":["import { Bot, ShieldAlert, User } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\nexport type AuditActorKind = \"user\" | \"agent\" | \"system\";\n\nexport type AuditSeverity = \"info\" | \"warning\" | \"error\";\n\nexport interface AuditEntry {\n  id: string;\n  /** Who triggered the action. */\n  actor: { kind: AuditActorKind; name: string };\n  /** Verb / action label, e.g. \"wrote file\", \"ran command\". */\n  action: string;\n  /** Target of the action (file path, command, etc). */\n  target?: ReactNode;\n  /** ISO timestamp / friendly label. */\n  timestamp: string;\n  severity?: AuditSeverity;\n  /** Optional detail block (multi-line). */\n  detail?: ReactNode;\n}\n\ninterface AuditLogEntryProps extends HTMLAttributes<HTMLElement> {\n  entry: AuditEntry;\n}\n\nconst ACTOR_ICON: Record<AuditActorKind, IconComponent> = {\n  user: User,\n  agent: Bot,\n  system: ShieldAlert,\n};\n\nconst SEVERITY_CLASS: Record<AuditSeverity, string> = {\n  info: \"text-muted-foreground\",\n  warning: \"text-warning\",\n  error: \"text-destructive\",\n};\n\n/**\n * AuditLogEntry — one row in the agent audit log. Tells the user exactly\n * who did what and when. Severity colors the timestamp and target.\n */\nconst AuditLogEntry = forwardRef<HTMLElement, AuditLogEntryProps>(\n  ({ className, entry, ...props }, ref) => {\n    const Icon = ACTOR_ICON[entry.actor.kind];\n    const sev = entry.severity ?? \"info\";\n    return (\n      <article\n        data-slot=\"audit-log-entry\"\n        ref={ref}\n        className={cn(\n          \"grid grid-cols-[auto_1fr_auto] items-start gap-3 border-border/30 border-b px-3 py-2\",\n          \"last:border-b-0\",\n          className,\n        )}\n        {...props}\n      >\n        <span\n          className={cn(\n            \"mt-0.5 grid size-7 place-items-center rounded-md bg-muted text-muted-foreground\",\n            sev === \"warning\" && \"text-warning\",\n            sev === \"error\" && \"text-destructive\",\n          )}\n          aria-hidden=\"true\"\n        >\n          <Icon className=\"size-3.5\" />\n        </span>\n        <div className=\"min-w-0\">\n          <p className=\"flex flex-wrap items-baseline gap-2 text-body-sm\">\n            <span className=\"font-medium font-mono text-code-sm text-foreground\">\n              {entry.actor.name}\n            </span>\n            <span className={cn(\"font-mono text-code-sm\", SEVERITY_CLASS[sev])}>\n              {entry.action}\n            </span>\n            {entry.target ? (\n              <span className=\"truncate font-mono text-code-sm text-foreground/80\">\n                {entry.target}\n              </span>\n            ) : null}\n          </p>\n          {entry.detail ? (\n            <div className=\"mt-1 rounded-md bg-muted/40 px-2.5 py-1.5 font-mono text-code-sm text-muted-foreground\">\n              {entry.detail}\n            </div>\n          ) : null}\n        </div>\n        <span className=\"shrink-0 font-mono text-label text-muted-foreground tabular-nums\">\n          {entry.timestamp}\n        </span>\n      </article>\n    );\n  },\n);\nAuditLogEntry.displayName = \"AuditLogEntry\";\n\nexport { AuditLogEntry };\n"]}

package/dist/chunk-4DTLUBRW.js

@@ -0,0 +1,122 @@
+import { ApprovalCard } from './chunk-2EUKYGH5.js';
+import { ChatMessage } from './chunk-Q2BAL2PF.js';
+import { ToolCallCard } from './chunk-VZX4HLBM.js';
+import { AgentStreaming } from './chunk-YD2QEVHO.js';
+import { AgentErrorCard } from './chunk-W7I3ZX66.js';
+import { LiveRegionProvider } from './chunk-UGKI466V.js';
+import { cn } from './chunk-EWDN56AS.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",
+      {
+        "data-slot": "agent-stream",
+        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";
+
+// src/components/composites/agent-stream/to-agent-stream-items.ts
+var STATUS_MAP = {
+  pending: "queued",
+  running: "running",
+  success: "success",
+  failed: "failed"
+};
+function mapAgentEventStatus(status) {
+  return STATUS_MAP[status];
+}
+function toMessageItem(message) {
+  return { kind: "message", id: message.id, message };
+}
+function toToolCallItem(event, classifyTool) {
+  const base = {
+    kind: "tool-call",
+    id: event.id,
+    tool: event.label,
+    target: event.path,
+    output: event.detail,
+    status: mapAgentEventStatus(event.status)
+  };
+  const override = classifyTool?.(event);
+  return {
+    ...base,
+    ...override,
+    kind: "tool-call",
+    id: event.id,
+    status: base.status,
+    tool: override?.tool ?? base.tool
+  };
+}
+function toAgentStreamItems(input, options = {}) {
+  const history = (input.history ?? []).map(toMessageItem);
+  const live = (input.live ?? []).map((event) => toToolCallItem(event, options.classifyTool));
+  return [...history, ...live];
+}
+
+export { AgentStream, mapAgentEventStatus, toAgentStreamItems };
+//# sourceMappingURL=chunk-4DTLUBRW.js.map
+//# sourceMappingURL=chunk-4DTLUBRW.js.map

package/dist/chunk-4DTLUBRW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/agent-stream/agent-stream.tsx","../src/components/composites/agent-stream/to-agent-stream-items.ts"],"names":[],"mappings":"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","file":"chunk-4DTLUBRW.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\nexport interface 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\nexport interface 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        data-slot=\"agent-stream\"\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","/**\n * `toAgentStreamItems` (M5-6) — a pure, order-aware builder that merges\n * historical `UIMessage`s with live `AgentEvent`s into the `AgentStreamItem[]`\n * that `<AgentStream>` renders.\n *\n * History (the conversation so far) becomes `message` items; live activity\n * (commands / file ops / lint / …) becomes `tool-call` items, in\n * history-then-live order (the caller owns chronology within each segment). A\n * `classifyTool` option customizes each tool-call item per event.\n *\n * Pure: no React, no hooks — imports types only.\n */\nimport type { AgentEvent, AgentEventStatus } from \"../../../types/agent.js\";\nimport type { UIMessage } from \"../../../types/chat.js\";\nimport type { ToolCallStatus } from \"../../primitives/tool-call-card/index.js\";\nimport type { AgentStreamItem, MessageStreamItem, ToolCallStreamItem } from \"./agent-stream.js\";\n\nconst STATUS_MAP: Record<AgentEventStatus, ToolCallStatus> = {\n  pending: \"queued\",\n  running: \"running\",\n  success: \"success\",\n  failed: \"failed\",\n};\n\n/** Map theo-ui's `AgentEventStatus` to the `ToolCallCard` `ToolCallStatus`. */\nexport function mapAgentEventStatus(status: AgentEventStatus): ToolCallStatus {\n  return STATUS_MAP[status];\n}\n\n/** Fields of a tool-call item a `classifyTool` override may set (never the discriminant). */\nexport type ToolCallOverride = Partial<\n  Pick<ToolCallStreamItem, \"tool\" | \"icon\" | \"target\" | \"output\" | \"defaultExpanded\" | \"timestamp\">\n>;\n\nexport interface ToAgentStreamItemsInput {\n  /** Completed conversation turns, rendered first. */\n  history?: UIMessage[];\n  /** In-flight agent activity, rendered after history. */\n  live?: AgentEvent[];\n}\n\nexport interface ToAgentStreamItemsOptions {\n  /** Customize the tool-call item produced for each live event. */\n  classifyTool?: (event: AgentEvent) => ToolCallOverride;\n}\n\nfunction toMessageItem(message: UIMessage): MessageStreamItem {\n  return { kind: \"message\", id: message.id, message };\n}\n\nfunction toToolCallItem(\n  event: AgentEvent,\n  classifyTool?: (event: AgentEvent) => ToolCallOverride,\n): ToolCallStreamItem {\n  const base: ToolCallStreamItem = {\n    kind: \"tool-call\",\n    id: event.id,\n    tool: event.label,\n    target: event.path,\n    output: event.detail,\n    status: mapAgentEventStatus(event.status),\n  };\n  const override = classifyTool?.(event);\n  // Override may set presentational fields only; kind/id/status stay authoritative,\n  // and an explicit `tool: undefined` must NOT blank the required label.\n  return {\n    ...base,\n    ...override,\n    kind: \"tool-call\",\n    id: event.id,\n    status: base.status,\n    tool: override?.tool ?? base.tool,\n  };\n}\n\n/** Build the ordered `AgentStreamItem[]` for `<AgentStream>`. Pure. */\nexport function toAgentStreamItems(\n  input: ToAgentStreamItemsInput,\n  options: ToAgentStreamItemsOptions = {},\n): AgentStreamItem[] {\n  const history = (input.history ?? []).map(toMessageItem);\n  const live = (input.live ?? []).map((event) => toToolCallItem(event, options.classifyTool));\n  return [...history, ...live];\n}\n"]}