@usetheo/ui 0.13.2 → 0.14.0

package/dist/chunk-V2WCZBVE.js.map

@@ -1 +0,0 @@
-{"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-V2WCZBVE.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"]}

package/dist/chunk-V4LRBYOD.js

@@ -1,55 +0,0 @@
-import { cn } from './chunk-EWDN56AS.js';
-import { RefreshCw, Maximize2, X } from 'lucide-react';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var ArtifactPreview = forwardRef(
-  ({ className, title, source, tabs, toolbar, onMaximize, onRefresh, onClose, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-    "section",
-    {
-      "data-slot": "artifact-preview",
-      ref,
-      className: cn("flex h-full flex-col overflow-hidden rounded-xl border border-border bg-card", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("header", { className: "flex items-center gap-3 border-border/40 border-b px-3 py-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-body-sm text-foreground", children: title }),
-            source ? /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-label text-muted-foreground", children: source }) : null
-          ] }),
-          toolbar ?? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            onRefresh ? /* @__PURE__ */ jsx(ToolbarButton, { onClick: onRefresh, "aria-label": "Refresh", children: /* @__PURE__ */ jsx(RefreshCw, { className: "size-3.5" }) }) : null,
-            onMaximize ? /* @__PURE__ */ jsx(ToolbarButton, { onClick: onMaximize, "aria-label": "Maximize", children: /* @__PURE__ */ jsx(Maximize2, { className: "size-3.5" }) }) : null,
-            onClose ? /* @__PURE__ */ jsx(ToolbarButton, { onClick: onClose, "aria-label": "Close preview", children: /* @__PURE__ */ jsx(X, { className: "size-3.5" }) }) : null
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children }),
-        tabs ? /* @__PURE__ */ jsx("footer", { className: "flex items-center gap-1 border-border/40 border-t px-2 py-1", children: tabs }) : null
-      ]
-    }
-  )
-);
-ArtifactPreview.displayName = "ArtifactPreview";
-function ToolbarButton({
-  onClick,
-  children,
-  "aria-label": ariaLabel
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick,
-      "aria-label": ariaLabel,
-      className: cn(
-        "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-      ),
-      children
-    }
-  );
-}
-
-export { ArtifactPreview };
-//# sourceMappingURL=chunk-V4LRBYOD.js.map
-//# sourceMappingURL=chunk-V4LRBYOD.js.map

package/dist/chunk-V4LRBYOD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/artifact-preview/artifact-preview.tsx"],"names":[],"mappings":";;;;;AA4BA,IAAM,eAAA,GAAkB,UAAA;AAAA,EACtB,CACE,EAAE,SAAA,EAAW,KAAA,EAAO,QAAQ,IAAA,EAAM,OAAA,EAAS,UAAA,EAAY,SAAA,EAAW,OAAA,EAAS,QAAA,EAAU,GAAG,KAAA,IACxF,GAAA,qBAEA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,8EAAA,EAAgF,SAAS,CAAA;AAAA,MACtG,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,6DAAA,EAChB,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,YACvE,yBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,qDAAA,EAAuD,kBAAO,CAAA,GACzE;AAAA,WAAA,EACN,CAAA;AAAA,UACC,OAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,YAAA,SAAA,mBACC,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAS,SAAA,EAAW,YAAA,EAAW,SAAA,EAC5C,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,UAAA,EAAW,CAAA,EAClC,CAAA,GACE,IAAA;AAAA,YACH,UAAA,mBACC,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAS,UAAA,EAAY,YAAA,EAAW,UAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,UAAA,EAAW,CAAA,EAClC,CAAA,GACE,IAAA;AAAA,YACH,OAAA,mBACC,GAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAS,OAAA,EAAS,YAAA,EAAW,eAAA,EAC1C,QAAA,kBAAA,GAAA,CAAC,CAAA,EAAA,EAAE,SAAA,EAAU,UAAA,EAAW,CAAA,EAC1B,CAAA,GACE;AAAA,WAAA,EACN;AAAA,SAAA,EAEJ,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EAAwB,QAAA,EAAS,CAAA;AAAA,QAC/C,uBACC,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,6DAAA,EACf,gBACH,CAAA,GACE;AAAA;AAAA;AAAA;AAGV;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,SAAS,aAAA,CAAc;AAAA,EACrB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA,EAAc;AAChB,CAAA,EAIG;AACD,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA;AAAA,MACA,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,+FAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-V4LRBYOD.js","sourcesContent":["import { Maximize2, RefreshCw, X } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\ninterface ArtifactPreviewProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title: ReactNode;\n  /** Optional source/destination label (e.g. \"Google Drive\", \"Local · ~/reports\"). */\n  source?: ReactNode;\n  /**\n   * Tabs at the bottom of the artifact (e.g. \"Expense Report | Currency Summary\").\n   * Caller controls the active state externally.\n   */\n  tabs?: ReactNode;\n  /** Top toolbar actions. Defaults to refresh + maximize + close. */\n  toolbar?: ReactNode;\n  onMaximize?: () => void;\n  onRefresh?: () => void;\n  onClose?: () => void;\n}\n\n/**\n * ArtifactPreview — shell for previewing a generated artifact (XLSX, PDF, image…).\n *\n * Renders a toolbar + content slot + optional bottom tabs. The actual preview\n * (spreadsheet, PDF embed, image) is the caller's `children`, so this stays\n * dependency-free.\n */\nconst ArtifactPreview = forwardRef<HTMLElement, ArtifactPreviewProps>(\n  (\n    { className, title, source, tabs, toolbar, onMaximize, onRefresh, onClose, children, ...props },\n    ref,\n  ) => (\n    <section\n      data-slot=\"artifact-preview\"\n      ref={ref}\n      className={cn(\"flex h-full flex-col overflow-hidden rounded-xl border border-border bg-card\", className)}\n      {...props}\n    >\n      <header className=\"flex items-center gap-3 border-border/40 border-b px-3 py-2\">\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"truncate font-medium text-body-sm text-foreground\">{title}</p>\n          {source ? (\n            <p className=\"truncate font-mono text-label text-muted-foreground\">{source}</p>\n          ) : null}\n        </div>\n        {toolbar ?? (\n          <div className=\"flex items-center gap-1\">\n            {onRefresh ? (\n              <ToolbarButton onClick={onRefresh} aria-label=\"Refresh\">\n                <RefreshCw className=\"size-3.5\" />\n              </ToolbarButton>\n            ) : null}\n            {onMaximize ? (\n              <ToolbarButton onClick={onMaximize} aria-label=\"Maximize\">\n                <Maximize2 className=\"size-3.5\" />\n              </ToolbarButton>\n            ) : null}\n            {onClose ? (\n              <ToolbarButton onClick={onClose} aria-label=\"Close preview\">\n                <X className=\"size-3.5\" />\n              </ToolbarButton>\n            ) : null}\n          </div>\n        )}\n      </header>\n      <div className=\"flex-1 overflow-auto\">{children}</div>\n      {tabs ? (\n        <footer className=\"flex items-center gap-1 border-border/40 border-t px-2 py-1\">\n          {tabs}\n        </footer>\n      ) : null}\n    </section>\n  ),\n);\nArtifactPreview.displayName = \"ArtifactPreview\";\n\nfunction ToolbarButton({\n  onClick,\n  children,\n  \"aria-label\": ariaLabel,\n}: {\n  onClick?: () => void;\n  children: ReactNode;\n  \"aria-label\": string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-label={ariaLabel}\n      className={cn(\n        \"rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport { ArtifactPreview };\n"]}

package/dist/chunk-V6H2RUVP.js

@@ -1,77 +0,0 @@
-import { cn } from './chunk-EWDN56AS.js';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var STATUS_CLASS = {
-  running: "bg-success animate-pulse",
-  queued: "bg-warning",
-  completed: "bg-muted-foreground/50",
-  failed: "bg-destructive",
-  cancelled: "bg-muted-foreground/30"
-};
-var STATUS_LABEL = {
-  running: "Running",
-  queued: "Queued",
-  completed: "Completed",
-  failed: "Failed",
-  cancelled: "Cancelled"
-};
-var MODE_CLASS = {
-  chat: "bg-primary/15 text-primary",
-  code: "bg-success/15 text-success",
-  infra: "bg-accent/15 text-accent"
-};
-var SessionListItem = forwardRef(
-  ({ className, title, status, mode, timestamp, unread, active, onClick, disabled, ...props }, ref) => /* @__PURE__ */ jsxs(
-    "button",
-    {
-      "data-slot": "session-list-item",
-      ref,
-      type: "button",
-      onClick,
-      disabled,
-      "aria-current": active ? "true" : void 0,
-      className: cn(
-        "group grid w-full grid-cols-[auto_1fr_auto] items-center gap-2 rounded-md px-2 py-2 text-left",
-        "transition-colors duration-base ease-out-soft",
-        active ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/50 hover:text-foreground",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn("size-2 shrink-0 rounded-full", STATUS_CLASS[status]),
-            "aria-label": STATUS_LABEL[status],
-            role: "img"
-          }
-        ),
-        /* @__PURE__ */ jsxs("span", { className: "grid min-w-0", children: [
-          /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-body-sm", children: title }),
-          (mode || timestamp) && /* @__PURE__ */ jsxs("span", { className: "mt-0.5 flex items-center gap-1.5 font-mono text-label text-muted-foreground", children: [
-            mode ? /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "inline-flex h-3.5 items-center rounded px-1 font-medium text-label-caps uppercase tracking-wider",
-                  MODE_CLASS[mode]
-                ),
-                children: mode
-              }
-            ) : null,
-            timestamp ? /* @__PURE__ */ jsx("span", { className: "truncate", children: timestamp }) : null
-          ] })
-        ] }),
-        unread && unread > 0 ? /* @__PURE__ */ jsx("span", { className: "inline-flex min-w-[1.25rem] shrink-0 items-center justify-center rounded-full bg-primary px-1.5 font-mono text-label text-primary-foreground tabular-nums", children: unread > 99 ? "99+" : unread }) : null
-      ]
-    }
-  )
-);
-SessionListItem.displayName = "SessionListItem";
-
-export { SessionListItem };
-//# sourceMappingURL=chunk-V6H2RUVP.js.map
-//# sourceMappingURL=chunk-V6H2RUVP.js.map

package/dist/chunk-V6H2RUVP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/session-list-item/session-list-item.tsx"],"names":[],"mappings":";;;;AAwBA,IAAM,YAAA,GAAiD;AAAA,EACrD,OAAA,EAAS,0BAAA;AAAA,EACT,MAAA,EAAQ,YAAA;AAAA,EACR,SAAA,EAAW,wBAAA;AAAA,EACX,MAAA,EAAQ,gBAAA;AAAA,EACR,SAAA,EAAW;AACb,CAAA;AAEA,IAAM,YAAA,GAAiD;AAAA,EACrD,OAAA,EAAS,SAAA;AAAA,EACT,MAAA,EAAQ,QAAA;AAAA,EACR,SAAA,EAAW,WAAA;AAAA,EACX,MAAA,EAAQ,QAAA;AAAA,EACR,SAAA,EAAW;AACb,CAAA;AAEA,IAAM,UAAA,GAA0C;AAAA,EAC9C,IAAA,EAAM,4BAAA;AAAA,EACN,IAAA,EAAM,4BAAA;AAAA,EACN,KAAA,EAAO;AACT,CAAA;AAkBA,IAAM,eAAA,GAAkB,UAAA;AAAA,EACtB,CACE,EAAE,SAAA,EAAW,KAAA,EAAO,QAAQ,IAAA,EAAM,SAAA,EAAW,MAAA,EAAQ,MAAA,EAAQ,OAAA,EAAS,QAAA,EAAU,GAAG,KAAA,IACnF,GAAA,qBAEA,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,OAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA,EAAc,SAAS,MAAA,GAAS,MAAA;AAAA,MAChC,SAAA,EAAW,EAAA;AAAA,QACT,+FAAA;AAAA,QACA,+CAAA;AAAA,QACA,SACI,0BAAA,GACA,+DAAA;AAAA,QACJ,yEAAA;AAAA,QACA,iDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA,CAAG,8BAAA,EAAgC,YAAA,CAAa,MAAM,CAAC,CAAA;AAAA,YAClE,YAAA,EAAY,aAAa,MAAM,CAAA;AAAA,YAC/B,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EACd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EAAqC,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UAAA,CACzD,IAAA,IAAQ,SAAA,qBACR,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,6EAAA,EACb,QAAA,EAAA;AAAA,YAAA,IAAA,mBACC,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,kGAAA;AAAA,kBACA,WAAW,IAAI;AAAA,iBACjB;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA,aACH,GACE,IAAA;AAAA,YACH,4BAAY,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,qBAAU,CAAA,GAAU;AAAA,WAAA,EAC/D;AAAA,SAAA,EAEJ,CAAA;AAAA,QACC,MAAA,IAAU,MAAA,GAAS,CAAA,mBAClB,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2JAAA,EACb,QAAA,EAAA,MAAA,GAAS,EAAA,GAAK,KAAA,GAAQ,MAAA,EACzB,CAAA,GACE;AAAA;AAAA;AAAA;AAGV;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"chunk-V6H2RUVP.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * SessionListItem — single row in the sidebar's Sessions list for a code agent\n * app. Richer than the generic `Sidebar.Item`: shows a status dot, the agent\n * mode last used (chat/code/infra), and a relative timestamp.\n *\n *   <SessionListItem\n *     title=\"Build the alignment grid demo\"\n *     status=\"running\"\n *     mode=\"code\"\n *     timestamp=\"2m ago\"\n *     active\n *     onClick={() => navigate(`/session/${id}`)}\n *   />\n *\n * The status dot maps to the agent run state and animates while running.\n */\n\nexport type SessionRunStatus = \"running\" | \"queued\" | \"completed\" | \"failed\" | \"cancelled\";\nexport type SessionMode = \"chat\" | \"code\" | \"infra\";\n\nconst STATUS_CLASS: Record<SessionRunStatus, string> = {\n  running: \"bg-success animate-pulse\",\n  queued: \"bg-warning\",\n  completed: \"bg-muted-foreground/50\",\n  failed: \"bg-destructive\",\n  cancelled: \"bg-muted-foreground/30\",\n};\n\nconst STATUS_LABEL: Record<SessionRunStatus, string> = {\n  running: \"Running\",\n  queued: \"Queued\",\n  completed: \"Completed\",\n  failed: \"Failed\",\n  cancelled: \"Cancelled\",\n};\n\nconst MODE_CLASS: Record<SessionMode, string> = {\n  chat: \"bg-primary/15 text-primary\",\n  code: \"bg-success/15 text-success\",\n  infra: \"bg-accent/15 text-accent\",\n};\n\ninterface SessionListItemProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"type\" | \"children\" | \"title\"> {\n  /** Session title (truncated). */\n  title: ReactNode;\n  /** Agent run state. Drives the status dot. */\n  status: SessionRunStatus;\n  /** Last mode the user was viewing this session in. Optional pill. */\n  mode?: SessionMode;\n  /** Relative timestamp string (\"2m ago\", \"yesterday\"). */\n  timestamp?: ReactNode;\n  /** Optional unread count (pending agent events, new outputs). */\n  unread?: number;\n  /** Whether this is the currently selected session. */\n  active?: boolean;\n}\n\nconst SessionListItem = forwardRef<HTMLButtonElement, SessionListItemProps>(\n  (\n    { className, title, status, mode, timestamp, unread, active, onClick, disabled, ...props },\n    ref,\n  ) => (\n    <button\n      data-slot=\"session-list-item\"\n      ref={ref}\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n      aria-current={active ? \"true\" : undefined}\n      className={cn(\n        \"group grid w-full grid-cols-[auto_1fr_auto] items-center gap-2 rounded-md px-2 py-2 text-left\",\n        \"transition-colors duration-base ease-out-soft\",\n        active\n          ? \"bg-muted text-foreground\"\n          : \"text-muted-foreground hover:bg-muted/50 hover:text-foreground\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <span\n        className={cn(\"size-2 shrink-0 rounded-full\", STATUS_CLASS[status])}\n        aria-label={STATUS_LABEL[status]}\n        role=\"img\"\n      />\n      <span className=\"grid min-w-0\">\n        <span className=\"truncate font-medium text-body-sm\">{title}</span>\n        {(mode || timestamp) && (\n          <span className=\"mt-0.5 flex items-center gap-1.5 font-mono text-label text-muted-foreground\">\n            {mode ? (\n              <span\n                className={cn(\n                  \"inline-flex h-3.5 items-center rounded px-1 font-medium text-label-caps uppercase tracking-wider\",\n                  MODE_CLASS[mode],\n                )}\n              >\n                {mode}\n              </span>\n            ) : null}\n            {timestamp ? <span className=\"truncate\">{timestamp}</span> : null}\n          </span>\n        )}\n      </span>\n      {unread && unread > 0 ? (\n        <span className=\"inline-flex min-w-[1.25rem] shrink-0 items-center justify-center rounded-full bg-primary px-1.5 font-mono text-label text-primary-foreground tabular-nums\">\n          {unread > 99 ? \"99+\" : unread}\n        </span>\n      ) : null}\n    </button>\n  ),\n);\nSessionListItem.displayName = \"SessionListItem\";\n\nexport { SessionListItem };\n"]}

package/dist/chunk-VFRFUU7A.js

@@ -1,35 +0,0 @@
-import { BrowserControls } from './chunk-B2FL7KBJ.js';
-import { cn } from './chunk-EWDN56AS.js';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var PreviewPanel = forwardRef(
-  ({ className, url, onUrlChange, onBack, onForward, onReload, content, logsSlot, ...props }, ref) => /* @__PURE__ */ jsxs(
-    "section",
-    {
-      "data-slot": "preview-panel",
-      ref,
-      className: cn("flex h-full flex-col overflow-hidden rounded-xl border border-border bg-card", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          BrowserControls,
-          {
-            url,
-            ...onUrlChange ? { onUrlChange } : {},
-            ...onBack ? { onBack } : {},
-            ...onForward ? { onForward } : {},
-            ...onReload ? { onReload } : {}
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden bg-background", children: content }),
-        logsSlot ? /* @__PURE__ */ jsx("div", { className: "max-h-48 overflow-auto border-border/40 border-t bg-card", children: logsSlot }) : null
-      ]
-    }
-  )
-);
-PreviewPanel.displayName = "PreviewPanel";
-
-export { PreviewPanel };
-//# sourceMappingURL=chunk-VFRFUU7A.js.map
-//# sourceMappingURL=chunk-VFRFUU7A.js.map

package/dist/chunk-VFRFUU7A.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/composites/preview-panel/preview-panel.tsx"],"names":[],"mappings":";;;;;AA2BA,IAAM,YAAA,GAAe,UAAA;AAAA,EACnB,CACE,EAAE,SAAA,EAAW,GAAA,EAAK,WAAA,EAAa,MAAA,EAAQ,SAAA,EAAW,QAAA,EAAU,OAAA,EAAS,QAAA,EAAU,GAAG,KAAA,IAClF,GAAA,qBAEA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,8EAAA,EAAgF,SAAS,CAAA;AAAA,MACtG,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACC,GAAI,WAAA,GAAc,EAAE,WAAA,KAAgB,EAAC;AAAA,YACrC,GAAI,MAAA,GAAS,EAAE,MAAA,KAAW,EAAC;AAAA,YAC3B,GAAI,SAAA,GAAY,EAAE,SAAA,KAAc,EAAC;AAAA,YACjC,GAAI,QAAA,GAAW,EAAE,QAAA,KAAa;AAAC;AAAA,SAClC;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EAAwC,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,QAC9D,2BACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0DAAA,EAA4D,oBAAS,CAAA,GAClF;AAAA;AAAA;AAAA;AAGV;AACA,YAAA,CAAa,WAAA,GAAc,cAAA","file":"chunk-VFRFUU7A.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { BrowserControls } from \"../../primitives/browser-controls/index.js\";\n\ninterface PreviewPanelProps extends Omit<HTMLAttributes<HTMLElement>, \"content\"> {\n  url: string;\n  onUrlChange?: (next: string) => void;\n  onBack?: () => void;\n  onForward?: () => void;\n  onReload?: () => void;\n  /**\n   * Region rendered as the preview body. Typically an <iframe>.\n   */\n  content: ReactNode;\n  /**\n   * Optional logs section rendered below the preview (e.g. dev server output).\n   */\n  logsSlot?: ReactNode;\n}\n\n/**\n * PreviewPanel — browser preview with controls + integrated logs slot.\n *\n * The Code workspace shows live dev-server URL + HMR logs side-by-side; this\n * panel keeps both in a single card so the user doesn't switch contexts.\n */\nconst PreviewPanel = forwardRef<HTMLElement, PreviewPanelProps>(\n  (\n    { className, url, onUrlChange, onBack, onForward, onReload, content, logsSlot, ...props },\n    ref,\n  ) => (\n    <section\n      data-slot=\"preview-panel\"\n      ref={ref}\n      className={cn(\"flex h-full flex-col overflow-hidden rounded-xl border border-border bg-card\", className)}\n      {...props}\n    >\n      <BrowserControls\n        url={url}\n        {...(onUrlChange ? { onUrlChange } : {})}\n        {...(onBack ? { onBack } : {})}\n        {...(onForward ? { onForward } : {})}\n        {...(onReload ? { onReload } : {})}\n      />\n      <div className=\"flex-1 overflow-hidden bg-background\">{content}</div>\n      {logsSlot ? (\n        <div className=\"max-h-48 overflow-auto border-border/40 border-t bg-card\">{logsSlot}</div>\n      ) : null}\n    </section>\n  ),\n);\nPreviewPanel.displayName = \"PreviewPanel\";\n\nexport { PreviewPanel };\n"]}

package/dist/chunk-VHK2OUCW.js

@@ -1,38 +0,0 @@
-import { CopyButton } from './chunk-Z6HZMGO2.js';
-import { cn } from './chunk-EWDN56AS.js';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var CodeBlock = forwardRef(
-  ({ className, code, language: _language, terminal, copyable, caption, ...props }, ref) => {
-    const lines = code.split(/\r?\n/);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-slot": "code-block",
-        ref,
-        className: cn(
-          "relative rounded-lg border border-border/40 bg-muted/40 font-mono text-body-sm",
-          className
-        ),
-        ...props,
-        children: [
-          caption !== void 0 ? /* @__PURE__ */ jsx("div", { className: "border-border/40 border-b px-3 py-1.5 font-sans text-label text-muted-foreground", children: caption }) : null,
-          copyable ? /* @__PURE__ */ jsx(CopyButton, { value: code, "aria-label": "Copy code", className: "absolute top-2 right-2" }) : null,
-          /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-3 text-foreground", children: terminal ? /* @__PURE__ */ jsx("code", { children: lines.map((line, i) => (
-            // biome-ignore lint/suspicious/noArrayIndexKey: code lines are positional; reorder requires consumer recompute.
-            /* @__PURE__ */ jsxs("span", { className: "block whitespace-pre", children: [
-              /* @__PURE__ */ jsx("span", { className: "select-none text-muted-foreground", children: "$ " }),
-              line
-            ] }, i)
-          )) }) : /* @__PURE__ */ jsx("code", { children: code }) })
-        ]
-      }
-    );
-  }
-);
-CodeBlock.displayName = "CodeBlock";
-
-export { CodeBlock };
-//# sourceMappingURL=chunk-VHK2OUCW.js.map
-//# sourceMappingURL=chunk-VHK2OUCW.js.map

package/dist/chunk-VHK2OUCW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/composites/code-block/code-block.tsx"],"names":[],"mappings":";;;;;AAgCA,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,QAAA,EAAU,SAAA,EAAW,QAAA,EAAU,QAAA,EAAU,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACxF,IAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,OAAO,CAAA;AAEhC,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,YAAA;AAAA,QACV,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,gFAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,OAAA,KAAY,yBACX,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kFAAA,EACZ,mBACH,CAAA,GACE,IAAA;AAAA,UACH,QAAA,uBACE,UAAA,EAAA,EAAW,KAAA,EAAO,MAAM,YAAA,EAAW,WAAA,EAAY,SAAA,EAAU,wBAAA,EAAyB,CAAA,GACjF,IAAA;AAAA,0BACJ,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qCAAA,EACZ,QAAA,EAAA,QAAA,uBACE,MAAA,EAAA,EACE,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA;AAAA;AAAA,4BAEhB,IAAA,CAAC,MAAA,EAAA,EAAa,SAAA,EAAU,sBAAA,EACtB,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EAAoC,QAAA,EAAA,IAAA,EAAE,CAAA;AAAA,cACrD;AAAA,aAAA,EAAA,EAFQ,CAGX;AAAA,WACD,CAAA,EACH,CAAA,mBAEA,GAAA,CAAC,MAAA,EAAA,EAAM,gBAAK,CAAA,EAEhB;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-VHK2OUCW.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { CopyButton } from \"../../primitives/copy-button/index.js\";\n\n/**\n * CodeBlock — terminal command / code snippet surface.\n *\n * Pre-rendered code block with optional terminal \"$ \" prefix per line,\n * optional caption (file name), and optional CopyButton positioned top-right.\n * The CopyButton receives the RAW `code` (without the visual \"$ \" prefix),\n * so consumers paste only the executable command.\n *\n * @example\n *   <CodeBlock code=\"theo deploy\" terminal copyable />\n *   <CodeBlock code={dotenv} caption=\".env.local\" copyable />\n *\n * `language` is reserved for future syntax highlighting (v1: ignored).\n */\nexport interface CodeBlockProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /** Code content. Can be multiline. */\n  code: string;\n  /** Language hint (forward-compat; v1 ignored). */\n  language?: string;\n  /** When true, prefix each line with \"$ \" for shell commands. */\n  terminal?: boolean;\n  /** Show inline CopyButton in top-right. */\n  copyable?: boolean;\n  /** Optional caption above block (e.g. \".env.local\"). */\n  caption?: ReactNode;\n}\n\nconst CodeBlock = forwardRef<HTMLDivElement, CodeBlockProps>(\n  ({ className, code, language: _language, terminal, copyable, caption, ...props }, ref) => {\n    const lines = code.split(/\\r?\\n/);\n\n    return (\n      <div\n        data-slot=\"code-block\"\n        ref={ref}\n        className={cn(\n          \"relative rounded-lg border border-border/40 bg-muted/40 font-mono text-body-sm\",\n          className,\n        )}\n        {...props}\n      >\n        {caption !== undefined ? (\n          <div className=\"border-border/40 border-b px-3 py-1.5 font-sans text-label text-muted-foreground\">\n            {caption}\n          </div>\n        ) : null}\n        {copyable ? (\n          <CopyButton value={code} aria-label=\"Copy code\" className=\"absolute top-2 right-2\" />\n        ) : null}\n        <pre className=\"overflow-x-auto p-3 text-foreground\">\n          {terminal ? (\n            <code>\n              {lines.map((line, i) => (\n                // biome-ignore lint/suspicious/noArrayIndexKey: code lines are positional; reorder requires consumer recompute.\n                <span key={i} className=\"block whitespace-pre\">\n                  <span className=\"select-none text-muted-foreground\">$ </span>\n                  {line}\n                </span>\n              ))}\n            </code>\n          ) : (\n            <code>{code}</code>\n          )}\n        </pre>\n      </div>\n    );\n  },\n);\nCodeBlock.displayName = \"CodeBlock\";\n\nexport { CodeBlock };\n"]}

package/dist/chunk-VLNFUEOR.js

@@ -1,86 +0,0 @@
-import { cn } from './chunk-EWDN56AS.js';
-import { Users, User, BookOpen, Sparkles } from 'lucide-react';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var SOURCE_CONFIG = {
-  builtin: { label: "Built-in", icon: Sparkles, tone: "text-primary" },
-  project: { label: "Project", icon: BookOpen, tone: "text-accent" },
-  user: { label: "User", icon: User, tone: "text-info" },
-  plugin: { label: "Plugin", icon: Users, tone: "text-muted-foreground" }
-};
-var SkillCard = forwardRef(
-  ({ className, skill, onToggle, ...props }, ref) => {
-    const config = SOURCE_CONFIG[skill.source];
-    const Icon = config.icon;
-    const state = skill.state ?? "enabled";
-    const enabled = state === "enabled";
-    return /* @__PURE__ */ jsxs(
-      "article",
-      {
-        "data-slot": "skill-card",
-        ref,
-        className: cn(
-          "grid gap-3 rounded-xl border border-border bg-card p-4",
-          !enabled && "opacity-60",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("header", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: cn("grid size-8 place-items-center rounded-md bg-muted", config.tone), children: /* @__PURE__ */ jsx(Icon, { className: "size-4", "aria-hidden": "true" }) }),
-              /* @__PURE__ */ jsxs("div", { className: "grid", children: [
-                /* @__PURE__ */ jsx("h4", { className: "font-medium font-mono text-body-sm text-foreground", children: skill.name }),
-                /* @__PURE__ */ jsx("span", { className: "font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: config.label })
-              ] })
-            ] }),
-            onToggle ? /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => onToggle(skill.id, enabled ? "disabled" : "enabled"),
-                "aria-pressed": enabled,
-                className: cn(
-                  "inline-flex items-center rounded-full border px-2.5 py-0.5",
-                  "font-mono text-label uppercase tracking-wider transition-colors",
-                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                  enabled ? "border-success/40 bg-success/15 text-success" : "border-border/40 bg-muted text-muted-foreground"
-                ),
-                children: enabled ? "Enabled" : "Disabled"
-              }
-            ) : null
-          ] }),
-          skill.description ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: skill.description }) : null,
-          skill.allowedTools && skill.allowedTools.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
-            /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground uppercase tracking-wider", children: "tools:" }),
-            skill.allowedTools.map((tool) => /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "inline-flex items-center rounded-md bg-muted px-2 py-0.5 font-mono text-foreground text-label",
-                children: tool
-              },
-              tool
-            ))
-          ] }) : null,
-          skill.triggers && skill.triggers.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
-            /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground uppercase tracking-wider", children: "triggers:" }),
-            skill.triggers.map((trigger) => /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "inline-flex items-center rounded-md bg-primary/10 px-2 py-0.5 font-mono text-label text-primary",
-                children: trigger
-              },
-              trigger
-            ))
-          ] }) : null
-        ]
-      }
-    );
-  }
-);
-SkillCard.displayName = "SkillCard";
-
-export { SkillCard };
-//# sourceMappingURL=chunk-VLNFUEOR.js.map
-//# sourceMappingURL=chunk-VLNFUEOR.js.map

package/dist/chunk-VLNFUEOR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/skill-card/skill-card.tsx"],"names":[],"mappings":"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","file":"chunk-VLNFUEOR.js","sourcesContent":["import { BookOpen, Sparkles, User, Users } 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\";\nimport type { Mode } from \"../../../types/mode.js\";\n\nexport type SkillSource = \"builtin\" | \"project\" | \"user\" | \"plugin\";\nexport type SkillState = \"enabled\" | \"disabled\";\n\nconst SOURCE_CONFIG: Record<SkillSource, { label: string; icon: IconComponent; tone: string }> = {\n  builtin: { label: \"Built-in\", icon: Sparkles, tone: \"text-primary\" },\n  project: { label: \"Project\", icon: BookOpen, tone: \"text-accent\" },\n  user: { label: \"User\", icon: User, tone: \"text-info\" },\n  plugin: { label: \"Plugin\", icon: Users, tone: \"text-muted-foreground\" },\n};\n\nexport interface Skill {\n  id: string;\n  name: string;\n  description?: ReactNode;\n  /** Where the skill comes from. */\n  source: SkillSource;\n  /** Optional tools the skill is allowed to use (informational). */\n  allowedTools?: string[];\n  /** Optional trigger keywords / patterns for discovery. */\n  triggers?: string[];\n  state?: SkillState;\n  /** Modes this skill is visible in. Omit / empty = global (all modes). */\n  modes?: Mode[];\n}\n\ninterface SkillCardProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onToggle\"> {\n  skill: Skill;\n  onToggle?: (id: string, next: SkillState) => void;\n}\n\n/**\n * SkillCard — single skill entry showing what it does, where it came from,\n * and which tools it needs. Toggle to enable/disable for the current session.\n */\nconst SkillCard = forwardRef<HTMLDivElement, SkillCardProps>(\n  ({ className, skill, onToggle, ...props }, ref) => {\n    const config = SOURCE_CONFIG[skill.source];\n    const Icon = config.icon;\n    const state = skill.state ?? \"enabled\";\n    const enabled = state === \"enabled\";\n    return (\n      <article\n        data-slot=\"skill-card\"\n        ref={ref}\n        className={cn(\n          \"grid gap-3 rounded-xl border border-border bg-card p-4\",\n          !enabled && \"opacity-60\",\n          className,\n        )}\n        {...props}\n      >\n        <header className=\"flex items-start justify-between gap-3\">\n          <div className=\"flex items-center gap-2\">\n            <span className={cn(\"grid size-8 place-items-center rounded-md bg-muted\", config.tone)}>\n              <Icon className=\"size-4\" aria-hidden=\"true\" />\n            </span>\n            <div className=\"grid\">\n              <h4 className=\"font-medium font-mono text-body-sm text-foreground\">{skill.name}</h4>\n              <span className=\"font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n                {config.label}\n              </span>\n            </div>\n          </div>\n          {onToggle ? (\n            <button\n              type=\"button\"\n              onClick={() => onToggle(skill.id, enabled ? \"disabled\" : \"enabled\")}\n              aria-pressed={enabled}\n              className={cn(\n                \"inline-flex items-center rounded-full border px-2.5 py-0.5\",\n                \"font-mono text-label uppercase tracking-wider transition-colors\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                enabled\n                  ? \"border-success/40 bg-success/15 text-success\"\n                  : \"border-border/40 bg-muted text-muted-foreground\",\n              )}\n            >\n              {enabled ? \"Enabled\" : \"Disabled\"}\n            </button>\n          ) : null}\n        </header>\n        {skill.description ? (\n          <p className=\"text-body-sm text-muted-foreground\">{skill.description}</p>\n        ) : null}\n        {skill.allowedTools && skill.allowedTools.length > 0 ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            <span className=\"font-mono text-label text-muted-foreground uppercase tracking-wider\">\n              tools:\n            </span>\n            {skill.allowedTools.map((tool) => (\n              <span\n                key={tool}\n                className=\"inline-flex items-center rounded-md bg-muted px-2 py-0.5 font-mono text-foreground text-label\"\n              >\n                {tool}\n              </span>\n            ))}\n          </div>\n        ) : null}\n        {skill.triggers && skill.triggers.length > 0 ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            <span className=\"font-mono text-label text-muted-foreground uppercase tracking-wider\">\n              triggers:\n            </span>\n            {skill.triggers.map((trigger) => (\n              <span\n                key={trigger}\n                className=\"inline-flex items-center rounded-md bg-primary/10 px-2 py-0.5 font-mono text-label text-primary\"\n              >\n                {trigger}\n              </span>\n            ))}\n          </div>\n        ) : null}\n      </article>\n    );\n  },\n);\nSkillCard.displayName = \"SkillCard\";\n\nexport { SkillCard };\n"]}

package/dist/chunk-VM4RMQQN.js

@@ -1,11 +0,0 @@
-// src/types/mode.ts
-var ALL_MODES = ["chat", "code", "infra"];
-var MODE_LABEL = {
-  chat: "Chat",
-  code: "Code",
-  infra: "Infra"
-};
-
-export { ALL_MODES, MODE_LABEL };
-//# sourceMappingURL=chunk-VM4RMQQN.js.map
-//# sourceMappingURL=chunk-VM4RMQQN.js.map

package/dist/chunk-VM4RMQQN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/types/mode.ts"],"names":[],"mappings":";AAcO,IAAM,SAAA,GAAiC,CAAC,MAAA,EAAQ,MAAA,EAAQ,OAAO;AAG/D,IAAM,UAAA,GAAmC;AAAA,EAC9C,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO;AACT","file":"chunk-VM4RMQQN.js","sourcesContent":["/**\n * Mode — top-level density / domain the agent session is operating in.\n *\n * `chat`  — conversational Q&A, lean UI.\n * `code`  — code agent: read/plan/edit/verify inside the repo.\n * `infra` — operate the deployed system: metrics, deploys, logs, rollback.\n *\n * Used everywhere resources can be scoped per-mode (Skills, Agents, Rules,\n * SystemPrompt overrides, Sessions, …). `modes?: Mode[]` on a resource means\n * \"only available in these modes\"; omitting `modes` means \"available\n * globally\".\n */\nexport type Mode = \"chat\" | \"code\" | \"infra\";\n\nexport const ALL_MODES: ReadonlyArray<Mode> = [\"chat\", \"code\", \"infra\"];\n\n/** Friendly label per mode — render in chips, headers, badges. */\nexport const MODE_LABEL: Record<Mode, string> = {\n  chat: \"Chat\",\n  code: \"Code\",\n  infra: \"Infra\",\n};\n"]}

package/dist/chunk-VU7XKD4G.js

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

package/dist/chunk-VU7XKD4G.js.map

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

package/dist/chunk-VZX4HLBM.js

@@ -1,84 +0,0 @@
-"use client";
-import { cn } from './chunk-EWDN56AS.js';
-import { ChevronRight, X, Check, Loader2 } from 'lucide-react';
-import { useState } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var STATUS_ICON = {
-  running: /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin text-primary", "aria-hidden": "true" }),
-  success: /* @__PURE__ */ jsx(Check, { className: "size-3.5 text-success", "aria-hidden": "true" }),
-  failed: /* @__PURE__ */ jsx(X, { className: "size-3.5 text-destructive", "aria-hidden": "true" }),
-  queued: /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-warning", "aria-hidden": "true" }),
-  skipped: /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-muted-foreground", "aria-hidden": "true" })
-};
-var STATUS_LABEL = {
-  running: "Running",
-  success: "Completed",
-  failed: "Failed",
-  queued: "Queued",
-  skipped: "Skipped"
-};
-function ToolCallCard({
-  className,
-  tool,
-  icon: Icon,
-  target,
-  status,
-  output,
-  defaultExpanded = false,
-  timestamp,
-  ...props
-}) {
-  const [open, setOpen] = useState(defaultExpanded);
-  const expandable = !!output;
-  return /* @__PURE__ */ jsxs(
-    "article",
-    {
-      "data-slot": "tool-call-card",
-      className: cn(
-        "overflow-hidden rounded-lg border border-border/40 bg-card/40 text-card-foreground",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 px-3 py-2"), children: [
-          expandable ? /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => setOpen((v) => !v),
-              "aria-expanded": open,
-              "aria-label": open ? `Collapse ${tool} details` : `Expand ${tool} details`,
-              className: "-m-1 inline-flex size-6 shrink-0 items-center justify-center rounded-md p-1 text-muted-foreground hover:bg-muted/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              children: /* @__PURE__ */ jsx(
-                ChevronRight,
-                {
-                  className: cn("size-3.5 transition-transform duration-base", open && "rotate-90"),
-                  "aria-hidden": "true"
-                }
-              )
-            }
-          ) : null,
-          Icon ? /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }) : null,
-          /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium font-mono text-code-sm text-foreground", children: tool }),
-          target ? /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-muted-foreground", children: target }) : null,
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              role: "img",
-              "aria-label": STATUS_LABEL[status],
-              className: "ml-auto inline-flex shrink-0 items-center gap-1.5",
-              children: STATUS_ICON[status]
-            }
-          ),
-          timestamp ? /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-label text-muted-foreground tabular-nums", children: timestamp }) : null
-        ] }),
-        expandable && open ? /* @__PURE__ */ jsx("div", { className: "border-border/40 border-t bg-muted/20 px-3 py-2 font-mono text-code-sm", children: output }) : null
-      ]
-    }
-  );
-}
-
-export { ToolCallCard };
-//# sourceMappingURL=chunk-VZX4HLBM.js.map
-//# sourceMappingURL=chunk-VZX4HLBM.js.map

package/dist/chunk-VZX4HLBM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/tool-call-card/tool-call-card.tsx"],"names":[],"mappings":"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","file":"chunk-VZX4HLBM.js","sourcesContent":["\"use client\";\n\nimport { Check, ChevronRight, Loader2, X } from \"lucide-react\";\nimport { useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\n/**\n * ToolCallCard — single agent tool invocation rendered inside the stream.\n *\n * Visual: row with tool icon + tool name + target/command (mono) + status +\n * optional chevron. Expandable: when `output` is provided the row becomes a\n * `<details>` whose body renders the stdout/stderr/result block.\n *\n * Distinct from `AgentEvent` in the existing AgentTimeline by being a\n * stand-alone card that lives inside an AgentStream alongside chat messages.\n */\n\nexport type ToolCallStatus = \"running\" | \"success\" | \"failed\" | \"queued\" | \"skipped\";\n\nconst STATUS_ICON: Record<ToolCallStatus, ReactNode> = {\n  running: <Loader2 className=\"size-3.5 animate-spin text-primary\" aria-hidden=\"true\" />,\n  success: <Check className=\"size-3.5 text-success\" aria-hidden=\"true\" />,\n  failed: <X className=\"size-3.5 text-destructive\" aria-hidden=\"true\" />,\n  queued: <span className=\"size-2 rounded-full bg-warning\" aria-hidden=\"true\" />,\n  skipped: <span className=\"size-2 rounded-full bg-muted-foreground\" aria-hidden=\"true\" />,\n};\n\nconst STATUS_LABEL: Record<ToolCallStatus, string> = {\n  running: \"Running\",\n  success: \"Completed\",\n  failed: \"Failed\",\n  queued: \"Queued\",\n  skipped: \"Skipped\",\n};\n\ninterface ToolCallCardProps extends HTMLAttributes<HTMLElement> {\n  /** Tool name (matches Theo Code / Claude Code tool registry: Bash, Edit, Read, …). */\n  tool: ReactNode;\n  /** Optional icon for the tool. */\n  icon?: IconComponent;\n  /** Target / command shown in monospace next to the tool name. */\n  target?: ReactNode;\n  status: ToolCallStatus;\n  /** Optional stdout/stderr/result body. When present, the card becomes expandable. */\n  output?: ReactNode;\n  /** Default expanded state. Default: false (collapsed). */\n  defaultExpanded?: boolean;\n  /** Timestamp shown on the right. */\n  timestamp?: ReactNode;\n}\n\nexport function ToolCallCard({\n  className,\n  tool,\n  icon: Icon,\n  target,\n  status,\n  output,\n  defaultExpanded = false,\n  timestamp,\n  ...props\n}: ToolCallCardProps) {\n  const [open, setOpen] = useState(defaultExpanded);\n  const expandable = !!output;\n\n  return (\n    <article\n      data-slot=\"tool-call-card\"\n      className={cn(\n        \"overflow-hidden rounded-lg border border-border/40 bg-card/40 text-card-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {/* T5.4: <header role=\"button\"> previously failed axe's\n       * aria-prohibited-attr + semantic-landmark guidance. Replaced by\n       * <div> for the layout container and a separate <button> for the\n       * expand affordance (when expandable). Status icon span now carries\n       * role=\"img\" to make aria-label valid. */}\n      <div className={cn(\"flex items-center gap-2 px-3 py-2\")}>\n        {expandable ? (\n          <button\n            type=\"button\"\n            onClick={() => setOpen((v) => !v)}\n            aria-expanded={open}\n            aria-label={open ? `Collapse ${tool} details` : `Expand ${tool} details`}\n            className=\"-m-1 inline-flex size-6 shrink-0 items-center justify-center rounded-md p-1 text-muted-foreground hover:bg-muted/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <ChevronRight\n              className={cn(\"size-3.5 transition-transform duration-base\", open && \"rotate-90\")}\n              aria-hidden=\"true\"\n            />\n          </button>\n        ) : null}\n        {Icon ? (\n          <Icon className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n        ) : null}\n        <span className=\"shrink-0 font-medium font-mono text-code-sm text-foreground\">{tool}</span>\n        {target ? (\n          <span className=\"truncate font-mono text-code-sm text-muted-foreground\">{target}</span>\n        ) : null}\n        <span\n          role=\"img\"\n          aria-label={STATUS_LABEL[status]}\n          className=\"ml-auto inline-flex shrink-0 items-center gap-1.5\"\n        >\n          {STATUS_ICON[status]}\n        </span>\n        {timestamp ? (\n          <span className=\"shrink-0 font-mono text-label text-muted-foreground tabular-nums\">\n            {timestamp}\n          </span>\n        ) : null}\n      </div>\n      {expandable && open ? (\n        <div className=\"border-border/40 border-t bg-muted/20 px-3 py-2 font-mono text-code-sm\">\n          {output}\n        </div>\n      ) : null}\n    </article>\n  );\n}\n"]}