@theokit/ui 0.13.0

package/dist/chunk-KOJ7XOPZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/sub-agent-dispatch/sub-agent-dispatch.tsx"],"names":[],"mappings":"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","file":"chunk-KOJ7XOPZ.js","sourcesContent":["import { Bot, CornerDownRight, Loader2 } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type SubAgentState = \"spawning\" | \"running\" | \"completed\" | \"failed\" | \"cancelled\";\n\nexport interface SubAgentRun {\n  id: string;\n  /** Profile name (matches AgentProfile.name). */\n  agent: string;\n  /** Short task description given to the sub-agent. */\n  task: string;\n  state: SubAgentState;\n  /** Optional duration label. */\n  duration?: string;\n  /** Optional last status line (preview of the latest event). */\n  lastEvent?: string;\n  /** Optional result summary (one-liner). */\n  result?: ReactNode;\n}\n\ninterface SubAgentDispatchProps extends HTMLAttributes<HTMLElement> {\n  run: SubAgentRun;\n  /** When provided, renders a cancel button while the run is in flight. */\n  onCancel?: (id: string) => void;\n}\n\nconst STATE_CONFIG: Record<SubAgentState, { label: string; class: string }> = {\n  spawning: {\n    label: \"Spawning\",\n    class: \"border-primary/40 bg-primary/10 text-primary animate-pulse\",\n  },\n  running: { label: \"Running\", class: \"border-primary/40 bg-primary/15 text-primary\" },\n  completed: { label: \"Done\", class: \"border-success/40 bg-success/15 text-success\" },\n  failed: { label: \"Failed\", class: \"border-destructive/40 bg-destructive/15 text-destructive\" },\n  cancelled: { label: \"Cancelled\", class: \"border-border/40 bg-muted text-muted-foreground\" },\n};\n\n/**\n * SubAgentDispatch — visualization for a Task() / sub-agent invocation.\n *\n * Shows the agent name, the task summary, current state, an inline event\n * preview, and an optional result. Use inside the agent timeline to make\n * delegation visible.\n */\nconst SubAgentDispatch = forwardRef<HTMLElement, SubAgentDispatchProps>(\n  ({ className, run, onCancel, ...props }, ref) => {\n    const cfg = STATE_CONFIG[run.state];\n    const isLive = run.state === \"spawning\" || run.state === \"running\";\n    return (\n      <article\n        ref={ref}\n        className={cn(\n          \"grid gap-2 rounded-lg border border-primary/30 border-l-2 border-l-primary bg-card px-4 py-3\",\n          className,\n        )}\n        {...props}\n      >\n        <header className=\"flex items-start justify-between gap-3\">\n          <div className=\"flex min-w-0 items-center gap-2\">\n            <CornerDownRight className=\"size-3.5 shrink-0 text-primary\" aria-hidden=\"true\" />\n            <Bot className=\"size-4 shrink-0 text-primary\" aria-hidden=\"true\" />\n            <span className=\"font-medium font-mono text-code-sm text-foreground\">dispatch</span>\n            <span className=\"font-mono text-code-sm text-primary\">{run.agent}</span>\n            {run.duration ? (\n              <span className=\"font-mono text-label text-muted-foreground tabular-nums\">\n                · {run.duration}\n              </span>\n            ) : null}\n          </div>\n          <span\n            className={cn(\n              \"inline-flex shrink-0 items-center gap-1 rounded-full border px-2.5 py-0.5\",\n              \"font-mono text-label uppercase tracking-wider\",\n              cfg.class,\n            )}\n          >\n            {isLive ? <Loader2 className=\"size-3 animate-spin\" aria-hidden=\"true\" /> : null}\n            {cfg.label}\n          </span>\n        </header>\n\n        <p className=\"text-body-sm text-foreground\">\n          <span className=\"mr-2 font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n            task\n          </span>\n          {run.task}\n        </p>\n\n        {run.lastEvent ? (\n          <p className=\"truncate font-mono text-code-sm text-muted-foreground\">\n            <span className=\"text-muted-foreground/60\">›</span> {run.lastEvent}\n          </p>\n        ) : null}\n\n        {run.result ? (\n          <p className=\"rounded-md bg-muted/40 px-3 py-2 text-body-sm text-foreground\">\n            <span className=\"mr-2 font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n              result\n            </span>\n            {run.result}\n          </p>\n        ) : null}\n\n        {isLive && onCancel ? (\n          <footer className=\"flex justify-end\">\n            <button\n              type=\"button\"\n              onClick={() => onCancel(run.id)}\n              className=\"rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label text-muted-foreground hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              Cancel\n            </button>\n          </footer>\n        ) : null}\n      </article>\n    );\n  },\n);\nSubAgentDispatch.displayName = \"SubAgentDispatch\";\n\nexport { SubAgentDispatch };\n"]}

package/dist/chunk-KQTHJ22B.js

@@ -0,0 +1,82 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Folder, FolderOpen, User, Brain } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var SCOPE_META = {
+  global: { label: "Global", icon: User, hint: "Applies to every project for this user." },
+  project: {
+    label: "Project",
+    icon: FolderOpen,
+    hint: "Versioned with the project. Shared by team."
+  },
+  session: { label: "Session", icon: Folder, hint: "This session only. Wiped on exit." }
+};
+var MemoryEditor = forwardRef(
+  ({ className, layers, activeScope, onScopeChange, onContentChange, title = "Memory", ...props }, ref) => {
+    const active = layers.find((l) => l.scope === activeScope);
+    const ActiveIcon = active ? SCOPE_META[active.scope].icon : Brain;
+    return /* @__PURE__ */ jsxs("section", { ref, className: cn("rounded-xl border bg-card", className), ...props, children: [
+      /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3 border-border/40 border-b px-4 py-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Brain, { className: "size-4 text-primary", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "inline-flex items-center rounded-lg border border-border/60 bg-muted p-0.5", children: ["global", "project", "session"].map((scope) => {
+          const meta = SCOPE_META[scope];
+          const Icon = meta.icon;
+          const isActive = scope === activeScope;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onScopeChange(scope),
+              "aria-pressed": isActive,
+              className: cn(
+                "inline-flex items-center gap-1.5 rounded-md px-2.5 py-1",
+                "font-sans text-label transition-colors",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                isActive ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(Icon, { className: "size-3" }),
+                meta.label
+              ]
+            },
+            scope
+          );
+        }) })
+      ] }),
+      active ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-border/40 border-b bg-muted/30 px-4 py-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx(ActiveIcon, { className: "size-3 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code-sm text-foreground", children: active.path }),
+            active.modifiedAt ? /* @__PURE__ */ jsxs("span", { className: "shrink-0 font-mono text-label text-muted-foreground", children: [
+              "\xB7 ",
+              active.modifiedAt
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "font-sans text-label text-muted-foreground italic", children: SCOPE_META[active.scope].hint })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            value: active.content,
+            onChange: (e) => onContentChange(active.scope, e.target.value),
+            rows: 12,
+            className: "w-full resize-y bg-transparent px-4 py-3 font-mono text-code-md text-foreground placeholder:text-muted-foreground focus:outline-none",
+            placeholder: `# ${SCOPE_META[active.scope].label} notes
+
+Write Markdown the agent should keep in context.`
+          }
+        )
+      ] }) : null
+    ] });
+  }
+);
+MemoryEditor.displayName = "MemoryEditor";
+
+export { MemoryEditor };
+//# sourceMappingURL=chunk-KQTHJ22B.js.map
+//# sourceMappingURL=chunk-KQTHJ22B.js.map

package/dist/chunk-KQTHJ22B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/memory-editor/memory-editor.tsx"],"names":[],"mappings":"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","file":"chunk-KQTHJ22B.js","sourcesContent":["import { Brain, Folder, FolderOpen, 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 MemoryScope = \"global\" | \"project\" | \"session\";\n\nexport interface MemoryLayer {\n  scope: MemoryScope;\n  /** File path on disk for transparency. */\n  path: string;\n  /** Markdown content. */\n  content: string;\n  /** Last modified label, e.g. \"2m ago\". */\n  modifiedAt?: string;\n}\n\ninterface MemoryEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  layers: MemoryLayer[];\n  /** Currently active layer for editing. */\n  activeScope: MemoryScope;\n  onScopeChange: (scope: MemoryScope) => void;\n  onContentChange: (scope: MemoryScope, next: string) => void;\n  title?: ReactNode;\n}\n\nconst SCOPE_META: Record<MemoryScope, { label: string; icon: IconComponent; hint: string }> = {\n  global: { label: \"Global\", icon: User, hint: \"Applies to every project for this user.\" },\n  project: {\n    label: \"Project\",\n    icon: FolderOpen,\n    hint: \"Versioned with the project. Shared by team.\",\n  },\n  session: { label: \"Session\", icon: Folder, hint: \"This session only. Wiped on exit.\" },\n};\n\n/**\n * MemoryEditor — three-layer Markdown memory editor (global / project /\n * session) mirroring Claude Code's CLAUDE.md hierarchy.\n *\n * Each scope keeps its own file. Switching scopes via tab updates which\n * layer is being edited. Path is shown explicitly so users know where the\n * content lives on disk.\n */\nconst MemoryEditor = forwardRef<HTMLDivElement, MemoryEditorProps>(\n  (\n    { className, layers, activeScope, onScopeChange, onContentChange, title = \"Memory\", ...props },\n    ref,\n  ) => {\n    const active = layers.find((l) => l.scope === activeScope);\n    const ActiveIcon = active ? SCOPE_META[active.scope].icon : Brain;\n    return (\n      <section ref={ref} className={cn(\"rounded-xl border bg-card\", className)} {...props}>\n        <header className=\"flex items-center justify-between gap-3 border-border/40 border-b px-4 py-3\">\n          <div className=\"flex items-center gap-2\">\n            <Brain className=\"size-4 text-primary\" aria-hidden=\"true\" />\n            <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n          </div>\n          <div className=\"inline-flex items-center rounded-lg border border-border/60 bg-muted p-0.5\">\n            {([\"global\", \"project\", \"session\"] as const).map((scope) => {\n              const meta = SCOPE_META[scope];\n              const Icon = meta.icon;\n              const isActive = scope === activeScope;\n              return (\n                <button\n                  key={scope}\n                  type=\"button\"\n                  onClick={() => onScopeChange(scope)}\n                  aria-pressed={isActive}\n                  className={cn(\n                    \"inline-flex items-center gap-1.5 rounded-md px-2.5 py-1\",\n                    \"font-sans text-label transition-colors\",\n                    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                    isActive\n                      ? \"bg-card text-foreground shadow-sm\"\n                      : \"text-muted-foreground hover:text-foreground\",\n                  )}\n                >\n                  <Icon className=\"size-3\" />\n                  {meta.label}\n                </button>\n              );\n            })}\n          </div>\n        </header>\n\n        {active ? (\n          <>\n            <div className=\"flex items-center justify-between gap-3 border-border/40 border-b bg-muted/30 px-4 py-2\">\n              <div className=\"flex min-w-0 items-center gap-2\">\n                <ActiveIcon className=\"size-3 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n                <span className=\"truncate font-mono text-code-sm text-foreground\">\n                  {active.path}\n                </span>\n                {active.modifiedAt ? (\n                  <span className=\"shrink-0 font-mono text-label text-muted-foreground\">\n                    · {active.modifiedAt}\n                  </span>\n                ) : null}\n              </div>\n              <span className=\"font-sans text-label text-muted-foreground italic\">\n                {SCOPE_META[active.scope].hint}\n              </span>\n            </div>\n            <textarea\n              value={active.content}\n              onChange={(e) => onContentChange(active.scope, e.target.value)}\n              rows={12}\n              className=\"w-full resize-y bg-transparent px-4 py-3 font-mono text-code-md text-foreground placeholder:text-muted-foreground focus:outline-none\"\n              placeholder={`# ${SCOPE_META[active.scope].label} notes\\n\\nWrite Markdown the agent should keep in context.`}\n            />\n          </>\n        ) : null}\n      </section>\n    );\n  },\n);\nMemoryEditor.displayName = \"MemoryEditor\";\n\nexport { MemoryEditor };\n"]}

package/dist/chunk-KRC43RZR.js

@@ -0,0 +1,77 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { TrendingDown, TrendingUp } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var MetricsPanel = forwardRef(
+  ({ className, title, description, metrics, columns, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn("rounded-xl border bg-card p-5 shadow-sm", className), ...props, children: [
+    title || description ? /* @__PURE__ */ jsxs("header", { className: "mb-4 grid gap-0.5", children: [
+      title ? /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }) : null,
+      description ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: description }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "grid gap-4",
+        style: {
+          gridTemplateColumns: columns ? `repeat(${columns}, minmax(0, 1fr))` : "repeat(auto-fit, minmax(180px, 1fr))"
+        },
+        children: metrics.map((m) => /* @__PURE__ */ jsx(Tile, { metric: m }, m.label))
+      }
+    )
+  ] })
+);
+MetricsPanel.displayName = "MetricsPanel";
+function Tile({ metric }) {
+  const interactive = metric.onClick !== void 0;
+  const Tag = interactive ? "button" : "div";
+  const ariaLabel = interactive ? metric.actionLabel ?? `View ${metric.label} details` : void 0;
+  return /* @__PURE__ */ jsxs(
+    Tag,
+    {
+      type: interactive ? "button" : void 0,
+      onClick: metric.onClick,
+      "aria-label": ariaLabel,
+      className: cn(
+        "flex flex-col gap-2 rounded-lg border border-border/30 bg-muted/30 p-4 text-left",
+        "transition-colors duration-base ease-out-soft",
+        interactive && "hover:border-primary/40 hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "font-sans text-label-caps text-muted-foreground uppercase", children: metric.label }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-bold font-display text-display-md tabular-nums leading-none", children: metric.value }),
+          metric.unit ? /* @__PURE__ */ jsx("span", { className: "font-mono text-body-sm text-muted-foreground", children: metric.unit }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          metric.delta ? /* @__PURE__ */ jsx(Delta, { metric }) : null,
+          metric.sparkline && metric.sparkline.length > 0 ? /* @__PURE__ */ jsx(Sparkline, { values: metric.sparkline }) : null
+        ] })
+      ]
+    }
+  );
+}
+function Delta({ metric }) {
+  const tone = metric.deltaGood === void 0 ? "text-muted-foreground" : metric.deltaGood ? "text-success" : "text-destructive";
+  const Icon = metric.deltaGood === false ? TrendingDown : TrendingUp;
+  return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center gap-1 font-mono text-body-sm", tone), children: [
+    /* @__PURE__ */ jsx(Icon, { className: "size-3" }),
+    " ",
+    metric.delta
+  ] });
+}
+function Sparkline({ values }) {
+  const clamped = values.map((v) => Math.max(0, Math.min(1, v)));
+  return /* @__PURE__ */ jsx("span", { className: "ml-auto flex h-6 items-end gap-[2px]", "aria-hidden": "true", children: clamped.map((v, idx) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "w-[3px] rounded-sm bg-primary/60",
+      style: { height: `${Math.max(8, v * 100)}%` }
+    },
+    idx
+  )) });
+}
+
+export { MetricsPanel };
+//# sourceMappingURL=chunk-KRC43RZR.js.map
+//# sourceMappingURL=chunk-KRC43RZR.js.map

package/dist/chunk-KRC43RZR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/metrics-panel/metrics-panel.tsx"],"names":[],"mappings":"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","file":"chunk-KRC43RZR.js","sourcesContent":["import { TrendingDown, TrendingUp } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport interface Metric {\n  /**\n   * Short label, e.g. \"Requests/s\", \"p95 latency\", \"Error rate\".\n   */\n  label: string;\n  /**\n   * Pre-formatted value string, e.g. \"1.2k\", \"182ms\", \"0.03%\".\n   * Consumer formats; the component does not parse.\n   */\n  value: string;\n  /**\n   * Optional unit suffix appended after value with .9 opacity.\n   */\n  unit?: string;\n  /**\n   * Optional change vs comparison period, e.g. \"+12%\", \"-4ms\", \"+0.01pp\".\n   */\n  delta?: string;\n  /**\n   * If true, delta is \"good\" (success color); if false, \"bad\" (destructive).\n   * If omitted, delta is rendered in muted (neutral).\n   *\n   * Caller decides semantics — \"more requests\" is good but \"more errors\" is bad.\n   */\n  deltaGood?: boolean;\n  /**\n   * Optional sparkline data, 0..1 normalized. Consumer is responsible for normalization.\n   */\n  sparkline?: number[];\n  /**\n   * Optional onClick to drill into the metric.\n   */\n  onClick?: () => void;\n  /**\n   * Optional override for the clickable tile's accessible name. When the\n   * tile is interactive (`onClick` set), defaults to `View <label> details`.\n   * Has no effect when `onClick` is absent (tile is rendered as a non-link\n   * `<div>` with no button semantics). T4.3.\n   */\n  actionLabel?: string;\n}\n\ninterface MetricsPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: ReactNode;\n  description?: ReactNode;\n  metrics: Metric[];\n  /**\n   * Grid columns. Defaults to auto-fit ~180px min.\n   */\n  columns?: number;\n}\n\n/**\n * MetricsPanel — grid of metric tiles for observability dashboards.\n *\n * Visual: each tile is a soft surface with a big value (font-display),\n * label uppercase muted, optional delta with arrow icon + tone color,\n * optional CSS-only sparkline drawn as flexed bars.\n *\n * No external chart lib — keeps the registry copy-pasteable.\n */\nconst MetricsPanel = forwardRef<HTMLDivElement, MetricsPanelProps>(\n  ({ className, title, description, metrics, columns, ...props }, ref) => (\n    <div ref={ref} className={cn(\"rounded-xl border bg-card p-5 shadow-sm\", className)} {...props}>\n      {title || description ? (\n        <header className=\"mb-4 grid gap-0.5\">\n          {title ? <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3> : null}\n          {description ? <p className=\"text-body-sm text-muted-foreground\">{description}</p> : null}\n        </header>\n      ) : null}\n      <div\n        className=\"grid gap-4\"\n        style={{\n          gridTemplateColumns: columns\n            ? `repeat(${columns}, minmax(0, 1fr))`\n            : \"repeat(auto-fit, minmax(180px, 1fr))\",\n        }}\n      >\n        {metrics.map((m) => (\n          <Tile key={m.label} metric={m} />\n        ))}\n      </div>\n    </div>\n  ),\n);\nMetricsPanel.displayName = \"MetricsPanel\";\n\nfunction Tile({ metric }: { metric: Metric }) {\n  const interactive = metric.onClick !== undefined;\n  const Tag = interactive ? \"button\" : \"div\";\n  // T4.3 (Code Issue 3): clickable tiles need an explicit accessible name\n  // so AT users hear \"View Requests/s details, button\" instead of just\n  // the spoken value cluster. Falls back to metric.actionLabel when the\n  // caller wants custom text (e.g., \"Drill into requests\").\n  const ariaLabel = interactive\n    ? (metric.actionLabel ?? `View ${metric.label} details`)\n    : undefined;\n  return (\n    <Tag\n      type={interactive ? \"button\" : undefined}\n      onClick={metric.onClick}\n      aria-label={ariaLabel}\n      className={cn(\n        \"flex flex-col gap-2 rounded-lg border border-border/30 bg-muted/30 p-4 text-left\",\n        \"transition-colors duration-base ease-out-soft\",\n        interactive &&\n          \"hover:border-primary/40 hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card\",\n      )}\n    >\n      <span className=\"font-sans text-label-caps text-muted-foreground uppercase\">\n        {metric.label}\n      </span>\n      <div className=\"flex items-baseline gap-1.5\">\n        <span className=\"font-bold font-display text-display-md tabular-nums leading-none\">\n          {metric.value}\n        </span>\n        {metric.unit ? (\n          <span className=\"font-mono text-body-sm text-muted-foreground\">{metric.unit}</span>\n        ) : null}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {metric.delta ? <Delta metric={metric} /> : null}\n        {metric.sparkline && metric.sparkline.length > 0 ? (\n          <Sparkline values={metric.sparkline} />\n        ) : null}\n      </div>\n    </Tag>\n  );\n}\n\nfunction Delta({ metric }: { metric: Metric }) {\n  const tone =\n    metric.deltaGood === undefined\n      ? \"text-muted-foreground\"\n      : metric.deltaGood\n        ? \"text-success\"\n        : \"text-destructive\";\n  const Icon = metric.deltaGood === false ? TrendingDown : TrendingUp;\n  return (\n    <span className={cn(\"inline-flex items-center gap-1 font-mono text-body-sm\", tone)}>\n      <Icon className=\"size-3\" /> {metric.delta}\n    </span>\n  );\n}\n\nfunction Sparkline({ values }: { values: number[] }) {\n  const clamped = values.map((v) => Math.max(0, Math.min(1, v)));\n  return (\n    <span className=\"ml-auto flex h-6 items-end gap-[2px]\" aria-hidden=\"true\">\n      {clamped.map((v, idx) => (\n        <span\n          // biome-ignore lint/suspicious/noArrayIndexKey: positional, values are not stable identifiers\n          key={idx}\n          className=\"w-[3px] rounded-sm bg-primary/60\"\n          style={{ height: `${Math.max(8, v * 100)}%` }}\n        />\n      ))}\n    </span>\n  );\n}\n\nexport { MetricsPanel };\n"]}

package/dist/chunk-LJQOEGQ2.js

@@ -0,0 +1,116 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var Root = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "aside",
+    {
+      ref,
+      className: cn(
+        "flex h-full w-64 flex-col border-border/40 border-r bg-card text-card-foreground",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Root.displayName = "Sidebar";
+var Header = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex h-16 items-center gap-3 border-border/40 border-b px-5", className),
+      ...props
+    }
+  )
+);
+Header.displayName = "Sidebar.Header";
+var Section = forwardRef(
+  ({ className, title, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-1 px-3 py-4", className), ...props, children: [
+    title ? /* @__PURE__ */ jsx("p", { className: "px-2 pb-1 font-sans text-label-caps text-muted-foreground uppercase", children: title }) : null,
+    children
+  ] })
+);
+Section.displayName = "Sidebar.Section";
+var Item = forwardRef(
+  ({ className, icon: Icon, active, count, as = "button", href, children, ...props }, ref) => {
+    const classes = cn(
+      "group flex w-full items-center gap-3 rounded-lg px-2 py-2",
+      "font-medium font-sans text-body-sm",
+      "transition-colors duration-base ease-out-soft",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card",
+      active ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-muted hover:text-foreground",
+      className
+    );
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      Icon ? /* @__PURE__ */ jsx(
+        Icon,
+        {
+          className: cn(
+            "size-4 shrink-0",
+            active ? "text-primary" : "text-muted-foreground group-hover:text-foreground"
+          )
+        }
+      ) : null,
+      /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left", children }),
+      count !== void 0 ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "ml-auto rounded-full px-1.5 py-0.5 font-mono text-label",
+            active ? "bg-primary text-primary-foreground" : "bg-muted-foreground/15"
+          ),
+          children: count
+        }
+      ) : null
+    ] });
+    if (as === "a") {
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          ref,
+          href,
+          className: classes,
+          "aria-current": active ? "page" : void 0,
+          ...props,
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: classes,
+        "aria-pressed": active ? "true" : void 0,
+        ...props,
+        children: content
+      }
+    );
+  }
+);
+Item.displayName = "Sidebar.Item";
+var Footer = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("mt-auto border-border/40 border-t px-5 py-4", className),
+      ...props
+    }
+  )
+);
+Footer.displayName = "Sidebar.Footer";
+var Sidebar = /* @__PURE__ */ Object.assign(Root, {
+  Header,
+  Section,
+  Item,
+  Footer
+});
+
+export { Sidebar };
+//# sourceMappingURL=chunk-LJQOEGQ2.js.map
+//# sourceMappingURL=chunk-LJQOEGQ2.js.map

package/dist/chunk-LJQOEGQ2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/sidebar/sidebar.tsx"],"names":[],"mappings":"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","file":"chunk-LJQOEGQ2.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type {\n  AnchorHTMLAttributes,\n  ButtonHTMLAttributes,\n  ElementType,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n} from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Sidebar — vertical navigation shell.\n *\n * Composition:\n *   <Sidebar>\n *     <Sidebar.Header>…brand…</Sidebar.Header>\n *     <Sidebar.Section title=\"Workspace\">\n *       <Sidebar.Item icon={Home} active>Overview</Sidebar.Item>\n *       <Sidebar.Item icon={Rocket} count={3}>Deployments</Sidebar.Item>\n *     </Sidebar.Section>\n *     <Sidebar.Footer>…user…</Sidebar.Footer>\n *   </Sidebar>\n *\n * Width is 260px by default (matches the wiremocks). Pass `className` to override.\n * Sidebar root is `<aside>` with a hairline right border.\n */\n\nconst Root = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  ({ className, ...props }, ref) => (\n    <aside\n      ref={ref}\n      className={cn(\n        \"flex h-full w-64 flex-col border-border/40 border-r bg-card text-card-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nRoot.displayName = \"Sidebar\";\n\nconst Header = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex h-16 items-center gap-3 border-border/40 border-b px-5\", className)}\n      {...props}\n    />\n  ),\n);\nHeader.displayName = \"Sidebar.Header\";\n\ninterface SectionProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: ReactNode;\n}\n\nconst Section = forwardRef<HTMLDivElement, SectionProps>(\n  ({ className, title, children, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex flex-col gap-1 px-3 py-4\", className)} {...props}>\n      {title ? (\n        <p className=\"px-2 pb-1 font-sans text-label-caps text-muted-foreground uppercase\">\n          {title}\n        </p>\n      ) : null}\n      {children}\n    </div>\n  ),\n);\nSection.displayName = \"Sidebar.Section\";\n\ninterface ItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"type\"> {\n  icon?: ElementType;\n  active?: boolean;\n  count?: number | string;\n  as?: \"button\" | \"a\";\n  href?: string;\n}\n\n/**\n * Sidebar.Item — single nav row. Renders as <button> by default; pass `as=\"a\"` + `href`\n * to render an anchor for routing.\n */\nconst Item = forwardRef<HTMLElement, ItemProps>(\n  ({ className, icon: Icon, active, count, as = \"button\", href, children, ...props }, ref) => {\n    const classes = cn(\n      \"group flex w-full items-center gap-3 rounded-lg px-2 py-2\",\n      \"font-medium font-sans text-body-sm\",\n      \"transition-colors duration-base ease-out-soft\",\n      \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card\",\n      active\n        ? \"bg-primary/10 text-primary\"\n        : \"text-muted-foreground hover:bg-muted hover:text-foreground\",\n      className,\n    );\n\n    const content = (\n      <>\n        {Icon ? (\n          <Icon\n            className={cn(\n              \"size-4 shrink-0\",\n              active ? \"text-primary\" : \"text-muted-foreground group-hover:text-foreground\",\n            )}\n          />\n        ) : null}\n        <span className=\"flex-1 truncate text-left\">{children}</span>\n        {count !== undefined ? (\n          <span\n            className={cn(\n              \"ml-auto rounded-full px-1.5 py-0.5 font-mono text-label\",\n              active ? \"bg-primary text-primary-foreground\" : \"bg-muted-foreground/15\",\n            )}\n          >\n            {count}\n          </span>\n        ) : null}\n      </>\n    );\n\n    if (as === \"a\") {\n      return (\n        <a\n          ref={ref as Ref<HTMLAnchorElement>}\n          href={href}\n          className={classes}\n          aria-current={active ? \"page\" : undefined}\n          {...(props as AnchorHTMLAttributes<HTMLAnchorElement>)}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        ref={ref as Ref<HTMLButtonElement>}\n        type=\"button\"\n        className={classes}\n        aria-pressed={active ? \"true\" : undefined}\n        {...props}\n      >\n        {content}\n      </button>\n    );\n  },\n);\nItem.displayName = \"Sidebar.Item\";\n\nconst Footer = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"mt-auto border-border/40 border-t px-5 py-4\", className)}\n      {...props}\n    />\n  ),\n);\nFooter.displayName = \"Sidebar.Footer\";\n\nconst Sidebar = /*#__PURE__*/ Object.assign(Root, {\n  Header,\n  Section,\n  Item,\n  Footer,\n});\n\nexport { Sidebar };\n"]}

package/dist/chunk-LKRNUSKZ.js

@@ -0,0 +1,149 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Info, AlertTriangle, AlertOctagon } from 'lucide-react';
+import { forwardRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var SEVERITY_META = {
+  fatal: {
+    icon: AlertOctagon,
+    className: "text-destructive",
+    label: "Fatal"
+  },
+  error: {
+    icon: AlertTriangle,
+    className: "text-amber-600 dark:text-amber-400",
+    label: "Error"
+  },
+  warn: {
+    icon: Info,
+    className: "text-blue-600 dark:text-blue-400",
+    label: "Warning"
+  }
+};
+function CollapsibleSection({
+  title,
+  testId,
+  defaultOpen = true,
+  children
+}) {
+  const [open, setOpen] = useState(defaultOpen);
+  return /* @__PURE__ */ jsxs("section", { className: "rounded border border-border", "data-testid": testId, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((v) => !v),
+        className: "flex w-full items-center justify-between px-3 py-2 text-left font-medium text-sm hover:bg-muted/30",
+        "aria-expanded": open,
+        "data-testid": `${testId}-toggle`,
+        children: [
+          /* @__PURE__ */ jsx("span", { children: title }),
+          /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: open ? "\u25BE" : "\u25B8" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx("div", { className: "border-border border-t px-3 py-2", children })
+  ] });
+}
+var StabilityBundleViewer = forwardRef(
+  ({ bundle, onCopy, className, "data-testid": dataTestId }, ref) => {
+    const meta = SEVERITY_META[bundle.severity] ?? SEVERITY_META.error;
+    const Icon = meta.icon;
+    const envEntries = bundle.env !== void 0 ? Object.entries(bundle.env) : [];
+    const configEntries = bundle.config !== void 0 ? Object.entries(bundle.config) : [];
+    const metadataEntries = bundle.metadata !== void 0 ? Object.entries(bundle.metadata) : [];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col gap-3", className),
+        "data-testid": dataTestId ?? "stability-bundle-viewer",
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-start gap-3 rounded border border-border bg-card p-3", children: [
+            /* @__PURE__ */ jsx(Icon, { className: cn("size-5", meta.className), "aria-hidden": true }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn("font-semibold text-sm", meta.className),
+                    "data-testid": "stability-severity",
+                    children: meta.label
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "time",
+                  {
+                    className: "text-muted-foreground text-xs",
+                    dateTime: bundle.timestamp,
+                    "data-testid": "stability-timestamp",
+                    children: bundle.timestamp
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm", "data-testid": "stability-summary", children: bundle.summary })
+            ] }),
+            onCopy !== void 0 && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onCopy,
+                className: "rounded border border-border px-2 py-1 text-xs hover:bg-muted/30",
+                "data-testid": "stability-copy",
+                children: "Copy"
+              }
+            )
+          ] }),
+          bundle.error !== void 0 && /* @__PURE__ */ jsxs(CollapsibleSection, { title: "Error", testId: "stability-section-error", children: [
+            /* @__PURE__ */ jsxs("p", { className: "font-mono text-sm", children: [
+              /* @__PURE__ */ jsx("strong", { children: bundle.error.name }),
+              ": ",
+              bundle.error.message
+            ] }),
+            bundle.error.stack !== void 0 && bundle.error.stack.length > 0 && /* @__PURE__ */ jsx(
+              "pre",
+              {
+                className: "mt-2 overflow-x-auto rounded bg-muted/30 p-2 text-xs",
+                "data-testid": "stability-stack",
+                children: bundle.error.stack
+              }
+            )
+          ] }),
+          envEntries.length > 0 && /* @__PURE__ */ jsx(
+            CollapsibleSection,
+            {
+              title: `Environment (${envEntries.length})`,
+              testId: "stability-section-env",
+              defaultOpen: false,
+              children: /* @__PURE__ */ jsxs("table", { className: "w-full text-xs", children: [
+                /* @__PURE__ */ jsx("thead", { className: "text-muted-foreground", children: /* @__PURE__ */ jsxs("tr", { children: [
+                  /* @__PURE__ */ jsx("th", { className: "text-left", children: "Key" }),
+                  /* @__PURE__ */ jsx("th", { className: "text-left", children: "Value" })
+                ] }) }),
+                /* @__PURE__ */ jsx("tbody", { children: envEntries.map(([k, v]) => /* @__PURE__ */ jsxs("tr", { className: "border-border/40 border-t", children: [
+                  /* @__PURE__ */ jsx("td", { className: "py-1 pr-2 font-mono", children: k }),
+                  /* @__PURE__ */ jsx("td", { className: "py-1 font-mono", children: v })
+                ] }, k)) })
+              ] })
+            }
+          ),
+          configEntries.length > 0 && /* @__PURE__ */ jsx(CollapsibleSection, { title: "Config", testId: "stability-section-config", defaultOpen: false, children: /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded bg-muted/30 p-2 text-xs", children: JSON.stringify(bundle.config, null, 2) }) }),
+          metadataEntries.length > 0 && /* @__PURE__ */ jsx(
+            CollapsibleSection,
+            {
+              title: "Metadata",
+              testId: "stability-section-metadata",
+              defaultOpen: false,
+              children: /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded bg-muted/30 p-2 text-xs", children: JSON.stringify(bundle.metadata, null, 2) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+StabilityBundleViewer.displayName = "StabilityBundleViewer";
+
+export { StabilityBundleViewer };
+//# sourceMappingURL=chunk-LKRNUSKZ.js.map
+//# sourceMappingURL=chunk-LKRNUSKZ.js.map

package/dist/chunk-LKRNUSKZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/stability-bundle-viewer/stability-bundle-viewer.tsx"],"names":[],"mappings":"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","file":"chunk-LKRNUSKZ.js","sourcesContent":["import { AlertOctagon, AlertTriangle, Info, type LucideIcon } from \"lucide-react\";\nimport { forwardRef, useState } from \"react\";\n\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * StabilityBundleViewer — inspector for a stability-bundle JSON produced by a\n * server crash. Sections (error, env, config, metadata) collapse independently.\n *\n * EC-9: handles bundles missing optional sections gracefully. Renderer DOES\n * NOT redact env values — bundle writer is expected to redact at emit-time.\n */\n\nexport type StabilitySeverity = \"fatal\" | \"error\" | \"warn\";\n\nexport interface StabilityBundle {\n  timestamp: string;\n  severity: StabilitySeverity;\n  summary: string;\n  error?: { name: string; message: string; stack?: string };\n  env?: Record<string, string>;\n  config?: Record<string, unknown>;\n  metadata?: Record<string, unknown>;\n}\n\nexport interface StabilityBundleViewerProps {\n  bundle: StabilityBundle;\n  onCopy?: () => void;\n  className?: string;\n  \"data-testid\"?: string;\n}\n\nconst SEVERITY_META: Record<\n  StabilitySeverity,\n  { icon: LucideIcon; className: string; label: string }\n> = {\n  fatal: {\n    icon: AlertOctagon,\n    className: \"text-destructive\",\n    label: \"Fatal\",\n  },\n  error: {\n    icon: AlertTriangle,\n    className: \"text-amber-600 dark:text-amber-400\",\n    label: \"Error\",\n  },\n  warn: {\n    icon: Info,\n    className: \"text-blue-600 dark:text-blue-400\",\n    label: \"Warning\",\n  },\n};\n\ninterface CollapsibleSectionProps {\n  title: string;\n  testId: string;\n  defaultOpen?: boolean;\n  children: React.ReactNode;\n}\n\nfunction CollapsibleSection({\n  title,\n  testId,\n  defaultOpen = true,\n  children,\n}: CollapsibleSectionProps) {\n  const [open, setOpen] = useState(defaultOpen);\n  return (\n    <section className=\"rounded border border-border\" data-testid={testId}>\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        className=\"flex w-full items-center justify-between px-3 py-2 text-left font-medium text-sm hover:bg-muted/30\"\n        aria-expanded={open}\n        data-testid={`${testId}-toggle`}\n      >\n        <span>{title}</span>\n        <span aria-hidden>{open ? \"▾\" : \"▸\"}</span>\n      </button>\n      {open && <div className=\"border-border border-t px-3 py-2\">{children}</div>}\n    </section>\n  );\n}\n\nexport const StabilityBundleViewer = forwardRef<HTMLDivElement, StabilityBundleViewerProps>(\n  ({ bundle, onCopy, className, \"data-testid\": dataTestId }, ref) => {\n    const meta = SEVERITY_META[bundle.severity] ?? SEVERITY_META.error;\n    const Icon = meta.icon;\n    const envEntries = bundle.env !== undefined ? Object.entries(bundle.env) : [];\n    const configEntries = bundle.config !== undefined ? Object.entries(bundle.config) : [];\n    const metadataEntries = bundle.metadata !== undefined ? Object.entries(bundle.metadata) : [];\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"flex flex-col gap-3\", className)}\n        data-testid={dataTestId ?? \"stability-bundle-viewer\"}\n      >\n        <header className=\"flex items-start gap-3 rounded border border-border bg-card p-3\">\n          <Icon className={cn(\"size-5\", meta.className)} aria-hidden />\n          <div className=\"flex-1\">\n            <div className=\"flex items-baseline gap-2\">\n              <span\n                className={cn(\"font-semibold text-sm\", meta.className)}\n                data-testid=\"stability-severity\"\n              >\n                {meta.label}\n              </span>\n              <time\n                className=\"text-muted-foreground text-xs\"\n                dateTime={bundle.timestamp}\n                data-testid=\"stability-timestamp\"\n              >\n                {bundle.timestamp}\n              </time>\n            </div>\n            <p className=\"mt-1 text-sm\" data-testid=\"stability-summary\">\n              {bundle.summary}\n            </p>\n          </div>\n          {onCopy !== undefined && (\n            <button\n              type=\"button\"\n              onClick={onCopy}\n              className=\"rounded border border-border px-2 py-1 text-xs hover:bg-muted/30\"\n              data-testid=\"stability-copy\"\n            >\n              Copy\n            </button>\n          )}\n        </header>\n\n        {bundle.error !== undefined && (\n          <CollapsibleSection title=\"Error\" testId=\"stability-section-error\">\n            <p className=\"font-mono text-sm\">\n              <strong>{bundle.error.name}</strong>: {bundle.error.message}\n            </p>\n            {bundle.error.stack !== undefined && bundle.error.stack.length > 0 && (\n              <pre\n                className=\"mt-2 overflow-x-auto rounded bg-muted/30 p-2 text-xs\"\n                data-testid=\"stability-stack\"\n              >\n                {bundle.error.stack}\n              </pre>\n            )}\n          </CollapsibleSection>\n        )}\n\n        {envEntries.length > 0 && (\n          <CollapsibleSection\n            title={`Environment (${envEntries.length})`}\n            testId=\"stability-section-env\"\n            defaultOpen={false}\n          >\n            <table className=\"w-full text-xs\">\n              <thead className=\"text-muted-foreground\">\n                <tr>\n                  <th className=\"text-left\">Key</th>\n                  <th className=\"text-left\">Value</th>\n                </tr>\n              </thead>\n              <tbody>\n                {envEntries.map(([k, v]) => (\n                  <tr key={k} className=\"border-border/40 border-t\">\n                    <td className=\"py-1 pr-2 font-mono\">{k}</td>\n                    <td className=\"py-1 font-mono\">{v}</td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </CollapsibleSection>\n        )}\n\n        {configEntries.length > 0 && (\n          <CollapsibleSection title=\"Config\" testId=\"stability-section-config\" defaultOpen={false}>\n            <pre className=\"overflow-x-auto rounded bg-muted/30 p-2 text-xs\">\n              {JSON.stringify(bundle.config, null, 2)}\n            </pre>\n          </CollapsibleSection>\n        )}\n\n        {metadataEntries.length > 0 && (\n          <CollapsibleSection\n            title=\"Metadata\"\n            testId=\"stability-section-metadata\"\n            defaultOpen={false}\n          >\n            <pre className=\"overflow-x-auto rounded bg-muted/30 p-2 text-xs\">\n              {JSON.stringify(bundle.metadata, null, 2)}\n            </pre>\n          </CollapsibleSection>\n        )}\n      </div>\n    );\n  },\n);\nStabilityBundleViewer.displayName = \"StabilityBundleViewer\";\n"]}

package/dist/chunk-LLL7QQ52.js

@@ -0,0 +1,76 @@
+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",
+    {
+      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-LLL7QQ52.js.map
+//# sourceMappingURL=chunk-LLL7QQ52.js.map

package/dist/chunk-LLL7QQ52.js.map

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