@usetheo/ui 0.12.0 → 0.13.1

package/dist/chunk-RJ6RAMKH.js

@@ -0,0 +1,89 @@
+import { useInLiveRegion } from './chunk-UGKI466V.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { Sparkles, X } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var formatTokens = (n) => {
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
+  return `${n}`;
+};
+var AutoCompactNotice = forwardRef(
+  ({
+    className,
+    title = "Auto-compaction soon",
+    turnsRemaining,
+    tokensToCompact,
+    onCompactNow,
+    onDismiss,
+    ...props
+  }, ref) => {
+    const inLiveRegion = useInLiveRegion();
+    return /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        "data-slot": "auto-compact-notice",
+        ref,
+        "aria-live": inLiveRegion ? void 0 : "polite",
+        className: cn(
+          "grid grid-cols-[auto_1fr_auto] items-start gap-3 rounded-lg border border-warning/40 bg-warning/10 px-4 py-3",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "mt-0.5 size-4 shrink-0 text-warning", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+            /* @__PURE__ */ jsxs("p", { className: "flex items-baseline gap-2 font-medium text-body-sm text-foreground", children: [
+              title,
+              turnsRemaining !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center rounded-full bg-warning/20 px-2 py-0.5 font-mono text-label text-warning tabular-nums", children: [
+                turnsRemaining,
+                " ",
+                turnsRemaining === 1 ? "turn" : "turns",
+                " left"
+              ] }) : null
+            ] }),
+            /* @__PURE__ */ jsxs("p", { className: "text-body-sm text-muted-foreground", children: [
+              "Older context will be summarized to make room.",
+              tokensToCompact !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                " ",
+                "About",
+                " ",
+                /* @__PURE__ */ jsxs("span", { className: "font-mono tabular-nums", children: [
+                  formatTokens(tokensToCompact),
+                  " tokens"
+                ] }),
+                " ",
+                "will be replaced by a recap."
+              ] }) : null
+            ] }),
+            onCompactNow ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onCompactNow,
+                className: "mt-1 inline-flex w-fit items-center rounded-md border border-warning/40 bg-card px-2.5 py-1 font-mono text-label text-warning hover:bg-warning/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: "Compact now"
+              }
+            ) : null
+          ] }),
+          onDismiss ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onDismiss,
+              "aria-label": "Dismiss",
+              className: "rounded-md p-1 text-warning hover:bg-warning/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+AutoCompactNotice.displayName = "AutoCompactNotice";
+
+export { AutoCompactNotice };
+//# sourceMappingURL=chunk-RJ6RAMKH.js.map
+//# sourceMappingURL=chunk-RJ6RAMKH.js.map

package/dist/chunk-RJ6RAMKH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/auto-compact-notice/auto-compact-notice.tsx"],"names":[],"mappings":"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","file":"chunk-RJ6RAMKH.js","sourcesContent":["import { Sparkles, X } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { useInLiveRegion } from \"../../../lib/live-region-context.js\";\n\ninterface AutoCompactNoticeProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  /** Optional custom title. */\n  title?: ReactNode;\n  /**\n   * How many turns until the next auto-compaction. Used to render an inline\n   * countdown chip.\n   */\n  turnsRemaining?: number;\n  /** Approx tokens that will be removed/summarized. */\n  tokensToCompact?: number;\n  onCompactNow?: () => void;\n  onDismiss?: () => void;\n}\n\nconst formatTokens = (n: number) => {\n  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;\n  if (n >= 1_000) return `${(n / 1_000).toFixed(1)}k`;\n  return `${n}`;\n};\n\n/**\n * AutoCompactNotice — inline banner warning the user that the agent is\n * about to summarize / compact older context. Lets them act early (compact\n * now) or dismiss.\n *\n * Critical for transparency: a user must not be surprised by silent context\n * loss. This component announces it before it happens.\n */\nconst AutoCompactNotice = forwardRef<HTMLElement, AutoCompactNoticeProps>(\n  (\n    {\n      className,\n      title = \"Auto-compaction soon\",\n      turnsRemaining,\n      tokensToCompact,\n      onCompactNow,\n      onDismiss,\n      ...props\n    },\n    ref,\n  ) => {\n    // T4.1 (MF-4): omit aria-live when nested inside a container live region.\n    const inLiveRegion = useInLiveRegion();\n    return (\n      <aside\n        data-slot=\"auto-compact-notice\"\n        ref={ref}\n        aria-live={inLiveRegion ? undefined : \"polite\"}\n        className={cn(\n          \"grid grid-cols-[auto_1fr_auto] items-start gap-3 rounded-lg border border-warning/40 bg-warning/10 px-4 py-3\",\n          className,\n        )}\n        {...props}\n      >\n        <Sparkles className=\"mt-0.5 size-4 shrink-0 text-warning\" aria-hidden=\"true\" />\n        <div className=\"grid gap-1\">\n          <p className=\"flex items-baseline gap-2 font-medium text-body-sm text-foreground\">\n            {title}\n            {turnsRemaining !== undefined ? (\n              <span className=\"inline-flex items-center rounded-full bg-warning/20 px-2 py-0.5 font-mono text-label text-warning tabular-nums\">\n                {turnsRemaining} {turnsRemaining === 1 ? \"turn\" : \"turns\"} left\n              </span>\n            ) : null}\n          </p>\n          <p className=\"text-body-sm text-muted-foreground\">\n            Older context will be summarized to make room.\n            {tokensToCompact !== undefined ? (\n              <>\n                {\" \"}\n                About{\" \"}\n                <span className=\"font-mono tabular-nums\">\n                  {formatTokens(tokensToCompact)} tokens\n                </span>{\" \"}\n                will be replaced by a recap.\n              </>\n            ) : null}\n          </p>\n          {onCompactNow ? (\n            <button\n              type=\"button\"\n              onClick={onCompactNow}\n              className=\"mt-1 inline-flex w-fit items-center rounded-md border border-warning/40 bg-card px-2.5 py-1 font-mono text-label text-warning hover:bg-warning/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              Compact now\n            </button>\n          ) : null}\n        </div>\n        {onDismiss ? (\n          <button\n            type=\"button\"\n            onClick={onDismiss}\n            aria-label=\"Dismiss\"\n            className=\"rounded-md p-1 text-warning hover:bg-warning/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <X className=\"size-3.5\" />\n          </button>\n        ) : null}\n      </aside>\n    );\n  },\n);\nAutoCompactNotice.displayName = \"AutoCompactNotice\";\n\nexport { AutoCompactNotice };\n"]}

package/dist/chunk-RJBCTMVW.js

@@ -0,0 +1,59 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { ArrowRight } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TONE_CLASS = {
+  primary: "bg-primary text-primary-foreground",
+  accent: "bg-accent text-accent-foreground",
+  success: "bg-success text-success-foreground",
+  warning: "bg-warning text-warning-foreground",
+  info: "bg-info text-info-foreground",
+  muted: "bg-muted text-foreground"
+};
+function Avatar({ party }) {
+  const inits = party.initials ?? party.name.slice(0, 2).toUpperCase();
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "grid size-7 place-items-center rounded-full font-bold font-mono text-label",
+          TONE_CLASS[party.tone ?? "primary"]
+        ),
+        "aria-hidden": "true",
+        children: inits
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "font-medium font-mono text-code-sm text-foreground", children: party.name })
+  ] });
+}
+var AgentHandoff = forwardRef(
+  ({ className, from, to, reason, footer, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "article",
+    {
+      "data-slot": "agent-handoff",
+      ref,
+      className: cn(
+        "grid gap-2 rounded-lg border border-primary/30 border-dashed bg-primary/5 px-4 py-3",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Avatar, { party: from }),
+          /* @__PURE__ */ jsx(ArrowRight, { className: "size-4 text-primary", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(Avatar, { party: to }),
+          /* @__PURE__ */ jsx("span", { className: "ml-auto font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: "handoff" })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-body-sm text-foreground", children: reason }),
+        footer ? /* @__PURE__ */ jsx("p", { className: "font-mono text-label text-muted-foreground", children: footer }) : null
+      ]
+    }
+  )
+);
+AgentHandoff.displayName = "AgentHandoff";
+
+export { AgentHandoff };
+//# sourceMappingURL=chunk-RJBCTMVW.js.map
+//# sourceMappingURL=chunk-RJBCTMVW.js.map

package/dist/chunk-RJBCTMVW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/agent-handoff/agent-handoff.tsx"],"names":[],"mappings":";;;;;AAuBA,IAAM,UAAA,GAAgE;AAAA,EACpE,OAAA,EAAS,oCAAA;AAAA,EACT,MAAA,EAAQ,kCAAA;AAAA,EACR,OAAA,EAAS,oCAAA;AAAA,EACT,OAAA,EAAS,oCAAA;AAAA,EACT,IAAA,EAAM,8BAAA;AAAA,EACN,KAAA,EAAO;AACT,CAAA;AAEA,SAAS,MAAA,CAAO,EAAE,KAAA,EAAM,EAA4B;AAClD,EAAA,MAAM,KAAA,GAAQ,MAAM,QAAA,IAAY,KAAA,CAAM,KAAK,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,CAAE,WAAA,EAAY;AACnE,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gCAAA,EACd,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,4EAAA;AAAA,UACA,UAAA,CAAW,KAAA,CAAM,IAAA,IAAQ,SAAS;AAAA,SACpC;AAAA,QACA,aAAA,EAAY,MAAA;AAAA,QAEX,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,oBACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oDAAA,EAAsD,gBAAM,IAAA,EAAK;AAAA,GAAA,EACnF,CAAA;AAEJ;AAOA,IAAM,YAAA,GAAe,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,QAAQ,MAAA,EAAQ,GAAG,KAAA,EAAM,EAAG,GAAA,qBAClD,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,qFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,yBAAA,EAChB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAO,IAAA,EAAM,CAAA;AAAA,0BACrB,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,qBAAA,EAAsB,eAAY,MAAA,EAAO,CAAA;AAAA,0BAC/D,GAAA,CAAC,MAAA,EAAA,EAAO,KAAA,EAAO,EAAA,EAAI,CAAA;AAAA,0BACnB,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kFAAA,EAAmF,QAAA,EAAA,SAAA,EAEnG;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,QACnD,yBAAS,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4CAAA,EAA8C,kBAAO,CAAA,GAAO;AAAA;AAAA;AAAA;AAGzF;AACA,YAAA,CAAa,WAAA,GAAc,cAAA","file":"chunk-RJBCTMVW.js","sourcesContent":["import { ArrowRight } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport interface HandoffParty {\n  /** Display name, e.g. \"planner\". */\n  name: string;\n  /** Optional avatar initials (max 2 chars). */\n  initials?: string;\n  /** Identity tone matching AgentProfile. */\n  tone?: \"primary\" | \"accent\" | \"success\" | \"warning\" | \"info\" | \"muted\";\n}\n\ninterface AgentHandoffProps extends HTMLAttributes<HTMLElement> {\n  from: HandoffParty;\n  to: HandoffParty;\n  /** What is being handed off — short reason / payload preview. */\n  reason: ReactNode;\n  /** Optional metadata footer (e.g. timestamp, token budget). */\n  footer?: ReactNode;\n}\n\nconst TONE_CLASS: Record<NonNullable<HandoffParty[\"tone\"]>, string> = {\n  primary: \"bg-primary text-primary-foreground\",\n  accent: \"bg-accent text-accent-foreground\",\n  success: \"bg-success text-success-foreground\",\n  warning: \"bg-warning text-warning-foreground\",\n  info: \"bg-info text-info-foreground\",\n  muted: \"bg-muted text-foreground\",\n};\n\nfunction Avatar({ party }: { party: HandoffParty }) {\n  const inits = party.initials ?? party.name.slice(0, 2).toUpperCase();\n  return (\n    <span className=\"inline-flex items-center gap-2\">\n      <span\n        className={cn(\n          \"grid size-7 place-items-center rounded-full font-bold font-mono text-label\",\n          TONE_CLASS[party.tone ?? \"primary\"],\n        )}\n        aria-hidden=\"true\"\n      >\n        {inits}\n      </span>\n      <span className=\"font-medium font-mono text-code-sm text-foreground\">{party.name}</span>\n    </span>\n  );\n}\n\n/**\n * AgentHandoff — visual marker of one agent delegating to another. Pairs\n * with AgentProfile for the identity tones; place it in the timeline so the\n * user sees the baton being passed.\n */\nconst AgentHandoff = forwardRef<HTMLElement, AgentHandoffProps>(\n  ({ className, from, to, reason, footer, ...props }, ref) => (\n    <article\n      data-slot=\"agent-handoff\"\n      ref={ref}\n      className={cn(\n        \"grid gap-2 rounded-lg border border-primary/30 border-dashed bg-primary/5 px-4 py-3\",\n        className,\n      )}\n      {...props}\n    >\n      <header className=\"flex items-center gap-2\">\n        <Avatar party={from} />\n        <ArrowRight className=\"size-4 text-primary\" aria-hidden=\"true\" />\n        <Avatar party={to} />\n        <span className=\"ml-auto font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n          handoff\n        </span>\n      </header>\n      <p className=\"text-body-sm text-foreground\">{reason}</p>\n      {footer ? <p className=\"font-mono text-label text-muted-foreground\">{footer}</p> : null}\n    </article>\n  ),\n);\nAgentHandoff.displayName = \"AgentHandoff\";\n\nexport { AgentHandoff };\n"]}

package/dist/chunk-RLWULF5B.js

@@ -0,0 +1,113 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Server, RotateCcw, Plug } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var STATUS_CONFIG = {
+  connected: { label: "Connected", class: "border-success/40 bg-success/15 text-success" },
+  starting: {
+    label: "Starting",
+    class: "border-primary/40 bg-primary/15 text-primary animate-pulse"
+  },
+  degraded: { label: "Degraded", class: "border-warning/40 bg-warning/15 text-warning" },
+  disconnected: {
+    label: "Disconnected",
+    class: "border-destructive/40 bg-destructive/15 text-destructive"
+  }
+};
+var MCPServerCard = forwardRef(
+  ({ className, server, onRestart, onDisconnect, ...props }, ref) => {
+    const cfg = STATUS_CONFIG[server.status];
+    return /* @__PURE__ */ jsxs(
+      "article",
+      {
+        "data-slot": "mcp-server-card",
+        ref,
+        className: cn("grid gap-3 rounded-xl border bg-card p-4", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Server, { className: "size-4 shrink-0 text-primary", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("h4", { className: "font-medium font-mono text-body-sm text-foreground", children: server.name }),
+                /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-label text-muted-foreground", children: server.endpoint })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "inline-flex shrink-0 items-center rounded-full border px-2.5 py-0.5",
+                  "font-mono text-label uppercase tracking-wider",
+                  cfg.class
+                ),
+                children: cfg.label
+              }
+            )
+          ] }),
+          server.message ? /* @__PURE__ */ jsx("p", { className: "rounded-md border border-warning/30 bg-warning/10 px-3 py-2 font-mono text-code-sm text-warning", children: server.message }) : null,
+          server.tools.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
+            /* @__PURE__ */ jsxs("span", { className: "font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: [
+              server.tools.length,
+              " tools"
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: server.tools.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,
+          server.resources && server.resources.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
+            /* @__PURE__ */ jsxs("span", { className: "font-mono text-label-caps text-muted-foreground uppercase tracking-wider", children: [
+              server.resources.length,
+              " resources"
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: server.resources.map((r) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "inline-flex items-center rounded-md bg-accent/10 px-2 py-0.5 font-mono text-accent text-label",
+                children: r
+              },
+              r
+            )) })
+          ] }) : null,
+          /* @__PURE__ */ jsxs("footer", { className: "flex items-center justify-end gap-1.5", children: [
+            onRestart ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onRestart(server.id),
+                className: "inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: [
+                  /* @__PURE__ */ jsx(RotateCcw, { className: "size-3" }),
+                  " Restart"
+                ]
+              }
+            ) : null,
+            onDisconnect ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onDisconnect(server.id),
+                className: "inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                children: [
+                  /* @__PURE__ */ jsx(Plug, { className: "size-3" }),
+                  " Disconnect"
+                ]
+              }
+            ) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+MCPServerCard.displayName = "MCPServerCard";
+
+export { MCPServerCard };
+//# sourceMappingURL=chunk-RLWULF5B.js.map
+//# sourceMappingURL=chunk-RLWULF5B.js.map

package/dist/chunk-RLWULF5B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/mcp-server-card/mcp-server-card.tsx"],"names":[],"mappings":"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","file":"chunk-RLWULF5B.js","sourcesContent":["import { Plug, RotateCcw, Server } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type MCPServerStatus = \"connected\" | \"degraded\" | \"disconnected\" | \"starting\";\n\nexport interface MCPServer {\n  id: string;\n  /** Friendly name, e.g. \"postgres\". */\n  name: string;\n  /** Transport endpoint (stdio command or URL). */\n  endpoint: string;\n  status: MCPServerStatus;\n  /** Tools exposed by the server. */\n  tools: string[];\n  /** Optional resources exposed. */\n  resources?: string[];\n  /** Diagnostic message when degraded/disconnected. */\n  message?: ReactNode;\n  /** Auto-restart toggle hint. */\n  autoRestart?: boolean;\n}\n\nconst STATUS_CONFIG: Record<MCPServerStatus, { label: string; class: string }> = {\n  connected: { label: \"Connected\", class: \"border-success/40 bg-success/15 text-success\" },\n  starting: {\n    label: \"Starting\",\n    class: \"border-primary/40 bg-primary/15 text-primary animate-pulse\",\n  },\n  degraded: { label: \"Degraded\", class: \"border-warning/40 bg-warning/15 text-warning\" },\n  disconnected: {\n    label: \"Disconnected\",\n    class: \"border-destructive/40 bg-destructive/15 text-destructive\",\n  },\n};\n\ninterface MCPServerCardProps extends HTMLAttributes<HTMLElement> {\n  server: MCPServer;\n  onRestart?: (id: string) => void;\n  onDisconnect?: (id: string) => void;\n}\n\n/**\n * MCPServerCard — one MCP server entry showing connection status, the tools\n * it exposes, and inline controls (restart, disconnect).\n *\n * Pairs with claw-code's \"degraded startup reporting\" — failed servers can\n * still appear here with a recovery message.\n */\nconst MCPServerCard = forwardRef<HTMLElement, MCPServerCardProps>(\n  ({ className, server, onRestart, onDisconnect, ...props }, ref) => {\n    const cfg = STATUS_CONFIG[server.status];\n    return (\n      <article\n        data-slot=\"mcp-server-card\"\n        ref={ref}\n        className={cn(\"grid gap-3 rounded-xl border bg-card p-4\", className)}\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            <Server className=\"size-4 shrink-0 text-primary\" aria-hidden=\"true\" />\n            <div className=\"min-w-0\">\n              <h4 className=\"font-medium font-mono text-body-sm text-foreground\">{server.name}</h4>\n              <p className=\"truncate font-mono text-label text-muted-foreground\">\n                {server.endpoint}\n              </p>\n            </div>\n          </div>\n          <span\n            className={cn(\n              \"inline-flex shrink-0 items-center rounded-full border px-2.5 py-0.5\",\n              \"font-mono text-label uppercase tracking-wider\",\n              cfg.class,\n            )}\n          >\n            {cfg.label}\n          </span>\n        </header>\n\n        {server.message ? (\n          <p className=\"rounded-md border border-warning/30 bg-warning/10 px-3 py-2 font-mono text-code-sm text-warning\">\n            {server.message}\n          </p>\n        ) : null}\n\n        {server.tools.length > 0 ? (\n          <div className=\"grid gap-1.5\">\n            <span className=\"font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n              {server.tools.length} tools\n            </span>\n            <div className=\"flex flex-wrap gap-1.5\">\n              {server.tools.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          </div>\n        ) : null}\n\n        {server.resources && server.resources.length > 0 ? (\n          <div className=\"grid gap-1.5\">\n            <span className=\"font-mono text-label-caps text-muted-foreground uppercase tracking-wider\">\n              {server.resources.length} resources\n            </span>\n            <div className=\"flex flex-wrap gap-1.5\">\n              {server.resources.map((r) => (\n                <span\n                  key={r}\n                  className=\"inline-flex items-center rounded-md bg-accent/10 px-2 py-0.5 font-mono text-accent text-label\"\n                >\n                  {r}\n                </span>\n              ))}\n            </div>\n          </div>\n        ) : null}\n\n        <footer className=\"flex items-center justify-end gap-1.5\">\n          {onRestart ? (\n            <button\n              type=\"button\"\n              onClick={() => onRestart(server.id)}\n              className=\"inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <RotateCcw className=\"size-3\" /> Restart\n            </button>\n          ) : null}\n          {onDisconnect ? (\n            <button\n              type=\"button\"\n              onClick={() => onDisconnect(server.id)}\n              className=\"inline-flex items-center gap-1.5 rounded-md border border-border/60 bg-card px-2.5 py-1 font-mono text-label hover:bg-muted hover:text-destructive focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            >\n              <Plug className=\"size-3\" /> Disconnect\n            </button>\n          ) : null}\n        </footer>\n      </article>\n    );\n  },\n);\nMCPServerCard.displayName = \"MCPServerCard\";\n\nexport { MCPServerCard };\n"]}

package/dist/chunk-RPZMFGYI.js

@@ -0,0 +1,31 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var EmptyState = forwardRef(
+  ({ className, icon: Icon, title, description, action, eyebrow, dashed = true, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "empty-state",
+      ref,
+      className: cn(
+        "grid place-items-center gap-3 rounded-2xl border bg-card px-6 py-12 text-center",
+        dashed ? "border-border/60 border-dashed" : "border-border/40",
+        className
+      ),
+      ...props,
+      children: [
+        Icon ? /* @__PURE__ */ jsx("span", { className: "grid size-12 place-items-center rounded-2xl bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(Icon, { className: "size-6", "aria-hidden": "true" }) }) : null,
+        eyebrow ? /* @__PURE__ */ jsx("p", { className: "font-mono text-label-caps text-muted-foreground uppercase", children: eyebrow }) : null,
+        /* @__PURE__ */ jsx("h3", { className: "font-display text-foreground text-title-md", children: title }),
+        description ? /* @__PURE__ */ jsx("p", { className: "max-w-md text-body-sm text-muted-foreground", children: description }) : null,
+        action ? /* @__PURE__ */ jsx("div", { className: "mt-2", children: action }) : null
+      ]
+    }
+  )
+);
+EmptyState.displayName = "EmptyState";
+
+export { EmptyState };
+//# sourceMappingURL=chunk-RPZMFGYI.js.map
+//# sourceMappingURL=chunk-RPZMFGYI.js.map

package/dist/chunk-RPZMFGYI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/empty-state/empty-state.tsx"],"names":[],"mappings":";;;;AAwBA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CACE,EAAE,SAAA,EAAW,IAAA,EAAM,MAAM,KAAA,EAAO,WAAA,EAAa,MAAA,EAAQ,OAAA,EAAS,MAAA,GAAS,IAAA,EAAM,GAAG,KAAA,IAChF,GAAA,qBAEA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iFAAA;AAAA,QACA,SAAS,gCAAA,GAAmC,kBAAA;AAAA,QAC5C;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,mBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wEAAA,EACd,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,aAAA,EAAY,MAAA,EAAO,CAAA,EAC9C,CAAA,GACE,IAAA;AAAA,QACH,0BACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2DAAA,EAA6D,mBAAQ,CAAA,GAChF,IAAA;AAAA,wBACJ,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,4CAAA,EAA8C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACjE,8BACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6CAAA,EAA+C,uBAAY,CAAA,GACtE,IAAA;AAAA,QACH,yBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAQ,kBAAO,CAAA,GAAS;AAAA;AAAA;AAAA;AAGvD;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-RPZMFGYI.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\ninterface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** Icon shown above the title. */\n  icon?: IconComponent;\n  title: ReactNode;\n  description?: ReactNode;\n  /** Optional action slot (typically <Button>). */\n  action?: ReactNode;\n  /** Hint shown above the title (e.g. uppercase eyebrow). */\n  eyebrow?: ReactNode;\n  /** Bordered dashed surface (placeholder vibe). Default true. */\n  dashed?: boolean;\n}\n\n/**\n * EmptyState — visual placeholder for empty lists / first-run screens.\n *\n * Composition: icon + eyebrow + title + description + action. All slots are\n * optional except title.\n */\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    { className, icon: Icon, title, description, action, eyebrow, dashed = true, ...props },\n    ref,\n  ) => (\n    <div\n      data-slot=\"empty-state\"\n      ref={ref}\n      className={cn(\n        \"grid place-items-center gap-3 rounded-2xl border bg-card px-6 py-12 text-center\",\n        dashed ? \"border-border/60 border-dashed\" : \"border-border/40\",\n        className,\n      )}\n      {...props}\n    >\n      {Icon ? (\n        <span className=\"grid size-12 place-items-center rounded-2xl bg-primary/10 text-primary\">\n          <Icon className=\"size-6\" aria-hidden=\"true\" />\n        </span>\n      ) : null}\n      {eyebrow ? (\n        <p className=\"font-mono text-label-caps text-muted-foreground uppercase\">{eyebrow}</p>\n      ) : null}\n      <h3 className=\"font-display text-foreground text-title-md\">{title}</h3>\n      {description ? (\n        <p className=\"max-w-md text-body-sm text-muted-foreground\">{description}</p>\n      ) : null}\n      {action ? <div className=\"mt-2\">{action}</div> : null}\n    </div>\n  ),\n);\nEmptyState.displayName = \"EmptyState\";\n\nexport { EmptyState };\n"]}

package/dist/chunk-RQT5DWGG.js

@@ -0,0 +1,34 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsxs } from 'react/jsx-runtime';
+
+var BranchIndicator = forwardRef(
+  ({ branchCount, tooltipText, className, "data-testid": dataTestId, ...rest }, ref) => {
+    if (!Number.isInteger(branchCount) || branchCount < 2) return null;
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "data-slot": "branch-indicator",
+        ref,
+        className: cn(
+          "inline-flex items-center rounded-full border border-border bg-muted",
+          "px-1.5 py-0.5 font-medium text-muted-foreground text-xs",
+          className
+        ),
+        title: tooltipText ?? `Run branched ${branchCount - 1} time${branchCount > 2 ? "s" : ""}`,
+        "data-testid": dataTestId ?? "branch-indicator",
+        "data-branch-count": branchCount,
+        ...rest,
+        children: [
+          "\xD7",
+          branchCount
+        ]
+      }
+    );
+  }
+);
+BranchIndicator.displayName = "BranchIndicator";
+
+export { BranchIndicator };
+//# sourceMappingURL=chunk-RQT5DWGG.js.map
+//# sourceMappingURL=chunk-RQT5DWGG.js.map

package/dist/chunk-RQT5DWGG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/branch-indicator/branch-indicator.tsx"],"names":[],"mappings":";;;;AAiBO,IAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CAAC,EAAE,WAAA,EAAa,WAAA,EAAa,SAAA,EAAW,eAAe,UAAA,EAAY,GAAG,IAAA,EAAK,EAAG,GAAA,KAAQ;AACpF,IAAA,IAAI,CAAC,MAAA,CAAO,SAAA,CAAU,WAAW,CAAA,IAAK,WAAA,GAAc,GAAG,OAAO,IAAA;AAC9D,IAAA,uBACE,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,kBAAA;AAAA,QACV,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,qEAAA;AAAA,UACA,yDAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA,EAAO,eAAe,CAAA,aAAA,EAAgB,WAAA,GAAc,CAAC,CAAA,KAAA,EAAQ,WAAA,GAAc,CAAA,GAAI,GAAA,GAAM,EAAE,CAAA,CAAA;AAAA,QACvF,eAAa,UAAA,IAAc,kBAAA;AAAA,QAC3B,mBAAA,EAAmB,WAAA;AAAA,QAClB,GAAG,IAAA;AAAA,QACL,QAAA,EAAA;AAAA,UAAA,MAAA;AAAA,UACG;AAAA;AAAA;AAAA,KACJ;AAAA,EAEJ;AACF;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"chunk-RQT5DWGG.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * BranchIndicator — small \"×N\" pill that shows when a run was retried/branched.\n *\n * Renders `null` when `branchCount < 2` OR when not a positive integer.\n * EC-10 guard: parametrized over [-1, 0, 0.5] in tests.\n */\n\nexport interface BranchIndicatorProps extends HTMLAttributes<HTMLSpanElement> {\n  branchCount: number;\n  tooltipText?: string;\n  \"data-testid\"?: string;\n}\n\nexport const BranchIndicator = forwardRef<HTMLSpanElement, BranchIndicatorProps>(\n  ({ branchCount, tooltipText, className, \"data-testid\": dataTestId, ...rest }, ref) => {\n    if (!Number.isInteger(branchCount) || branchCount < 2) return null;\n    return (\n      <span\n        data-slot=\"branch-indicator\"\n        ref={ref}\n        className={cn(\n          \"inline-flex items-center rounded-full border border-border bg-muted\",\n          \"px-1.5 py-0.5 font-medium text-muted-foreground text-xs\",\n          className,\n        )}\n        title={tooltipText ?? `Run branched ${branchCount - 1} time${branchCount > 2 ? \"s\" : \"\"}`}\n        data-testid={dataTestId ?? \"branch-indicator\"}\n        data-branch-count={branchCount}\n        {...rest}\n      >\n        ×{branchCount}\n      </span>\n    );\n  },\n);\nBranchIndicator.displayName = \"BranchIndicator\";\n"]}

package/dist/chunk-SBKVVVYY.js

@@ -0,0 +1,89 @@
+import { safeHref } from './chunk-GDMCDW66.js';
+import { BadgeWithDot } from './chunk-624AATQZ.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { GitBranch, GitCommit, Activity } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var statusToVariant = {
+  queued: "warning",
+  building: "primary",
+  deploying: "primary",
+  live: "success",
+  failed: "destructive",
+  cancelled: "default",
+  idle: "default"
+};
+var statusToDotTone = {
+  queued: "warning",
+  building: "primary",
+  deploying: "primary",
+  live: "success",
+  failed: "destructive",
+  cancelled: "muted",
+  idle: "muted"
+};
+var ProjectCard = forwardRef(
+  ({ className, project, href, actions, detailed = true, ...props }, ref) => {
+    const sanitizedHref = safeHref(href);
+    const isLink = sanitizedHref !== void 0;
+    const Tag = isLink ? "a" : "div";
+    const isAnimated = project.status === "building" || project.status === "deploying" || project.status === "queued";
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("h3", { className: "truncate font-display text-title-md tracking-tight", children: project.name }),
+          project.framework ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 font-mono text-label-caps text-muted-foreground uppercase", children: project.framework }) : null
+        ] }),
+        /* @__PURE__ */ jsxs(BadgeWithDot, { variant: statusToVariant[project.status], children: [
+          /* @__PURE__ */ jsx(BadgeWithDot.Dot, { tone: statusToDotTone[project.status], pulse: isAnimated }),
+          project.status === "live" ? "Live" : project.status === "building" ? "Building" : project.status === "deploying" ? "Deploying" : project.status === "queued" ? "Queued" : project.status === "failed" ? "Failed" : project.status === "idle" ? "Idle" : "Cancelled"
+        ] })
+      ] }),
+      detailed && project.description ? /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-body-sm text-muted-foreground", children: project.description }) : null,
+      detailed && project.commitMessage ? /* @__PURE__ */ jsx("p", { className: "line-clamp-1 font-mono text-code-sm text-foreground/80", children: project.commitMessage }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 font-mono text-code-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(GitBranch, { className: "size-3" }),
+          " ",
+          project.branch
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(GitCommit, { className: "size-3" }),
+          " ",
+          project.commitSha.slice(0, 7)
+        ] }),
+        project.region ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(Activity, { className: "size-3" }),
+          " ",
+          project.region
+        ] }) : null,
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+        /* @__PURE__ */ jsx("span", { children: project.lastDeployedAt })
+      ] }),
+      actions ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 pt-2", children: actions }) : null
+    ] });
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        "data-slot": "project-card",
+        ref,
+        href: sanitizedHref,
+        className: cn(
+          "group relative flex flex-col gap-3 rounded-xl border bg-card p-5 shadow-sm",
+          "transition-[box-shadow,transform,border-color] duration-base ease-out-soft",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+          isLink && "hover:-translate-y-px cursor-pointer hover:border-primary/50 hover:shadow-md",
+          className
+        ),
+        ...props,
+        children: content
+      }
+    );
+  }
+);
+ProjectCard.displayName = "ProjectCard";
+
+export { ProjectCard };
+//# sourceMappingURL=chunk-SBKVVVYY.js.map
+//# sourceMappingURL=chunk-SBKVVVYY.js.map

package/dist/chunk-SBKVVVYY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/project-card/project-card.tsx"],"names":[],"mappings":"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","file":"chunk-SBKVVVYY.js","sourcesContent":["import { Activity, GitBranch, GitCommit } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode, Ref } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { safeHref } from \"../../../lib/safe-href.js\";\nimport { Badge } from \"../../primitives/badge/index.js\";\nimport type { DeploymentStatus } from \"../deployment-row/deployment-row.js\";\n\nconst statusToVariant: Record<\n  DeploymentStatus,\n  \"default\" | \"primary\" | \"success\" | \"warning\" | \"destructive\"\n> = {\n  queued: \"warning\",\n  building: \"primary\",\n  deploying: \"primary\",\n  live: \"success\",\n  failed: \"destructive\",\n  cancelled: \"default\",\n  idle: \"default\",\n};\nconst statusToDotTone: Record<\n  DeploymentStatus,\n  \"primary\" | \"success\" | \"warning\" | \"destructive\" | \"muted\"\n> = {\n  queued: \"warning\",\n  building: \"primary\",\n  deploying: \"primary\",\n  live: \"success\",\n  failed: \"destructive\",\n  cancelled: \"muted\",\n  idle: \"muted\",\n};\n\nexport interface Project {\n  id: string;\n  name: string;\n  description?: string;\n  framework?: string;\n  branch: string;\n  commitSha: string;\n  commitMessage?: string;\n  status: DeploymentStatus;\n  url?: string;\n  region?: string;\n  lastDeployedAt: string;\n}\n\ninterface ProjectCardProps extends HTMLAttributes<HTMLAnchorElement | HTMLDivElement> {\n  project: Project;\n  href?: string;\n  actions?: ReactNode;\n  /**\n   * Show the project description and commit message. Default true.\n   */\n  detailed?: boolean;\n}\n\n/**\n * ProjectCard — surface for a project in a project listing.\n *\n * Light hover lift (no shadow inflation), violet ring on focus,\n * status badge with optional pulse, framework + region in muted footer.\n */\nconst ProjectCard = forwardRef<HTMLElement, ProjectCardProps>(\n  ({ className, project, href, actions, detailed = true, ...props }, ref) => {\n    // T3.3 (SEC-003): defang javascript:/vbscript:/data:text/html before\n    // rendering as <a href>. Consumers passing user-controlled URLs are\n    // protected from XSS via dangerous protocols.\n    const sanitizedHref = safeHref(href);\n    const isLink = sanitizedHref !== undefined;\n    const Tag = isLink ? \"a\" : \"div\";\n    const isAnimated =\n      project.status === \"building\" ||\n      project.status === \"deploying\" ||\n      project.status === \"queued\";\n\n    const content = (\n      <>\n        <div className=\"flex items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <h3 className=\"truncate font-display text-title-md tracking-tight\">{project.name}</h3>\n            {project.framework ? (\n              <p className=\"mt-0.5 font-mono text-label-caps text-muted-foreground uppercase\">\n                {project.framework}\n              </p>\n            ) : null}\n          </div>\n          <Badge variant={statusToVariant[project.status]}>\n            <Badge.Dot tone={statusToDotTone[project.status]} pulse={isAnimated} />\n            {project.status === \"live\"\n              ? \"Live\"\n              : project.status === \"building\"\n                ? \"Building\"\n                : project.status === \"deploying\"\n                  ? \"Deploying\"\n                  : project.status === \"queued\"\n                    ? \"Queued\"\n                    : project.status === \"failed\"\n                      ? \"Failed\"\n                      : project.status === \"idle\"\n                        ? \"Idle\"\n                        : \"Cancelled\"}\n          </Badge>\n        </div>\n\n        {detailed && project.description ? (\n          <p className=\"line-clamp-2 text-body-sm text-muted-foreground\">{project.description}</p>\n        ) : null}\n\n        {detailed && project.commitMessage ? (\n          <p className=\"line-clamp-1 font-mono text-code-sm text-foreground/80\">\n            {project.commitMessage}\n          </p>\n        ) : null}\n\n        <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1 font-mono text-code-sm text-muted-foreground\">\n          <span className=\"inline-flex items-center gap-1\">\n            <GitBranch className=\"size-3\" /> {project.branch}\n          </span>\n          <span className=\"inline-flex items-center gap-1\">\n            <GitCommit className=\"size-3\" /> {project.commitSha.slice(0, 7)}\n          </span>\n          {project.region ? (\n            <span className=\"inline-flex items-center gap-1\">\n              <Activity className=\"size-3\" /> {project.region}\n            </span>\n          ) : null}\n          <span aria-hidden=\"true\">·</span>\n          <span>{project.lastDeployedAt}</span>\n        </div>\n\n        {actions ? <div className=\"flex items-center gap-2 pt-2\">{actions}</div> : null}\n      </>\n    );\n\n    return (\n      <Tag\n        data-slot=\"project-card\"\n        ref={ref as Ref<HTMLAnchorElement & HTMLDivElement>}\n        href={sanitizedHref}\n        className={cn(\n          \"group relative flex flex-col gap-3 rounded-xl border bg-card p-5 shadow-sm\",\n          \"transition-[box-shadow,transform,border-color] duration-base ease-out-soft\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n          isLink && \"hover:-translate-y-px cursor-pointer hover:border-primary/50 hover:shadow-md\",\n          className,\n        )}\n        {...(props as HTMLAttributes<HTMLAnchorElement> & HTMLAttributes<HTMLDivElement>)}\n      >\n        {content}\n      </Tag>\n    );\n  },\n);\nProjectCard.displayName = \"ProjectCard\";\n\nexport { ProjectCard };\n"]}

package/dist/chunk-SOJW47EZ.js

@@ -0,0 +1,70 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Bot, Terminal, Loader2, CheckCircle2 } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var sourceIcon = {
+  agent: Bot,
+  bash: Terminal,
+  tool: Bot
+};
+var sourceLabel = {
+  agent: "Agent",
+  bash: "Bash",
+  tool: "Tool"
+};
+var RunningTasksPanel = forwardRef(
+  ({ className, tasks, ...props }, ref) => {
+    const running = tasks.filter((t) => t.status === "running");
+    const completed = tasks.filter((t) => t.status !== "running");
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "running-tasks-panel",
+        ref,
+        className: cn("rounded-xl border bg-card p-4", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Group, { title: "Running", empty: "Nothing running", items: running }),
+          completed.length > 0 ? /* @__PURE__ */ jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsx(Group, { title: "Completed", empty: "\u2014", items: completed }) }) : null
+        ]
+      }
+    );
+  }
+);
+RunningTasksPanel.displayName = "RunningTasksPanel";
+function Group({
+  title,
+  empty,
+  items
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h4", { className: "mb-2 font-sans text-label-caps text-muted-foreground uppercase tracking-wider", children: title }),
+    items.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-body-sm text-muted-foreground", children: empty }) : /* @__PURE__ */ jsx("ul", { className: "grid gap-1", children: items.map((task) => {
+      const SourceIcon = sourceIcon[task.source];
+      return /* @__PURE__ */ jsxs(
+        "li",
+        {
+          className: "flex items-center gap-2 rounded-md px-2 py-1.5 text-body-sm",
+          children: [
+            task.status === "running" ? /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin text-primary", "aria-label": "running" }) : task.status === "completed" ? /* @__PURE__ */ jsx(CheckCircle2, { className: "size-3.5 text-success", "aria-label": "completed" }) : /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-destructive", "aria-label": "failed" }),
+            /* @__PURE__ */ jsx(
+              SourceIcon,
+              {
+                className: "size-3.5 shrink-0 text-muted-foreground",
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: task.label }),
+            /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground uppercase", children: sourceLabel[task.source] })
+          ]
+        },
+        task.id
+      );
+    }) })
+  ] });
+}
+
+export { RunningTasksPanel };
+//# sourceMappingURL=chunk-SOJW47EZ.js.map
+//# sourceMappingURL=chunk-SOJW47EZ.js.map

package/dist/chunk-SOJW47EZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/running-tasks-panel/running-tasks-panel.tsx"],"names":[],"mappings":";;;;;AAmBA,IAAM,UAAA,GAAa;AAAA,EACjB,KAAA,EAAO,GAAA;AAAA,EACP,IAAA,EAAM,QAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AACA,IAAM,WAAA,GAA0C;AAAA,EAC9C,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAQA,IAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,OAAO,GAAG,KAAA,IAAS,GAAA,KAAQ;AACvC,IAAA,MAAM,UAAU,KAAA,CAAM,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,SAAS,CAAA;AAC1D,IAAA,MAAM,YAAY,KAAA,CAAM,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,SAAS,CAAA;AAC5D,IAAA,uBACE,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,qBAAA;AAAA,QACV,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,QACvD,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAM,KAAA,EAAM,SAAA,EAAU,KAAA,EAAM,iBAAA,EAAkB,OAAO,OAAA,EAAS,CAAA;AAAA,UAC9D,UAAU,MAAA,GAAS,CAAA,mBAClB,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,MAAA,EACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,KAAA,EAAM,aAAY,KAAA,EAAM,QAAA,EAAI,KAAA,EAAO,SAAA,EAAW,GACvD,CAAA,GACE;AAAA;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,SAAS,KAAA,CAAM;AAAA,EACb,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,+EAAA,EACX,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC,MAAM,MAAA,KAAW,CAAA,mBAChB,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,oCAAA,EAAsC,QAAA,EAAA,KAAA,EAAM,CAAA,mBAEzD,GAAA,CAAC,QAAG,SAAA,EAAU,YAAA,EACX,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,MAAA,MAAM,UAAA,GAAa,UAAA,CAAW,IAAA,CAAK,MAAM,CAAA;AACzC,MAAA,uBACE,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UAEC,SAAA,EAAU,6DAAA;AAAA,UAET,QAAA,EAAA;AAAA,YAAA,IAAA,CAAK,MAAA,KAAW,SAAA,mBACf,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAU,sCAAqC,YAAA,EAAW,SAAA,EAAU,CAAA,GAC3E,IAAA,CAAK,MAAA,KAAW,WAAA,uBACjB,YAAA,EAAA,EAAa,SAAA,EAAU,uBAAA,EAAwB,YAAA,EAAW,WAAA,EAAY,CAAA,uBAEtE,MAAA,EAAA,EAAK,SAAA,EAAU,oCAAA,EAAqC,YAAA,EAAW,QAAA,EAAS,CAAA;AAAA,4BAE3E,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,yCAAA;AAAA,gBACV,aAAA,EAAY;AAAA;AAAA,aACd;AAAA,4BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,eAAK,KAAA,EAAM,CAAA;AAAA,gCAC7C,MAAA,EAAA,EAAK,SAAA,EAAU,wDACb,QAAA,EAAA,WAAA,CAAY,IAAA,CAAK,MAAM,CAAA,EAC1B;AAAA;AAAA,SAAA;AAAA,QAjBK,IAAA,CAAK;AAAA,OAkBZ;AAAA,IAEJ,CAAC,CAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ","file":"chunk-SOJW47EZ.js","sourcesContent":["import { Bot, CheckCircle2, Loader2, Terminal } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type TaskSource = \"agent\" | \"bash\" | \"tool\";\nexport type RunningTaskStatus = \"running\" | \"completed\" | \"failed\";\n\nexport interface RunningTaskItem {\n  id: string;\n  label: ReactNode;\n  source: TaskSource;\n  status: RunningTaskStatus;\n}\n\ninterface RunningTasksPanelProps extends HTMLAttributes<HTMLElement> {\n  tasks: RunningTaskItem[];\n}\n\nconst sourceIcon = {\n  agent: Bot,\n  bash: Terminal,\n  tool: Bot,\n} as const;\nconst sourceLabel: Record<TaskSource, string> = {\n  agent: \"Agent\",\n  bash: \"Bash\",\n  tool: \"Tool\",\n};\n\n/**\n * RunningTasksPanel — split list of Running vs Completed tasks.\n *\n * Used in the Code workspace right rail to give operational visibility into\n * what the agent is executing (foreground/background) vs what already finished.\n */\nconst RunningTasksPanel = forwardRef<HTMLElement, RunningTasksPanelProps>(\n  ({ className, tasks, ...props }, ref) => {\n    const running = tasks.filter((t) => t.status === \"running\");\n    const completed = tasks.filter((t) => t.status !== \"running\");\n    return (\n      <section\n        data-slot=\"running-tasks-panel\"\n        ref={ref}\n        className={cn(\"rounded-xl border bg-card p-4\", className)}\n        {...props}\n      >\n        <Group title=\"Running\" empty=\"Nothing running\" items={running} />\n        {completed.length > 0 ? (\n          <div className=\"mt-4\">\n            <Group title=\"Completed\" empty=\"—\" items={completed} />\n          </div>\n        ) : null}\n      </section>\n    );\n  },\n);\nRunningTasksPanel.displayName = \"RunningTasksPanel\";\n\nfunction Group({\n  title,\n  empty,\n  items,\n}: {\n  title: string;\n  empty: ReactNode;\n  items: RunningTaskItem[];\n}) {\n  return (\n    <div>\n      <h4 className=\"mb-2 font-sans text-label-caps text-muted-foreground uppercase tracking-wider\">\n        {title}\n      </h4>\n      {items.length === 0 ? (\n        <p className=\"text-body-sm text-muted-foreground\">{empty}</p>\n      ) : (\n        <ul className=\"grid gap-1\">\n          {items.map((task) => {\n            const SourceIcon = sourceIcon[task.source];\n            return (\n              <li\n                key={task.id}\n                className=\"flex items-center gap-2 rounded-md px-2 py-1.5 text-body-sm\"\n              >\n                {task.status === \"running\" ? (\n                  <Loader2 className=\"size-3.5 animate-spin text-primary\" aria-label=\"running\" />\n                ) : task.status === \"completed\" ? (\n                  <CheckCircle2 className=\"size-3.5 text-success\" aria-label=\"completed\" />\n                ) : (\n                  <span className=\"size-2 rounded-full bg-destructive\" aria-label=\"failed\" />\n                )}\n                <SourceIcon\n                  className=\"size-3.5 shrink-0 text-muted-foreground\"\n                  aria-hidden=\"true\"\n                />\n                <span className=\"flex-1 truncate\">{task.label}</span>\n                <span className=\"font-mono text-label text-muted-foreground uppercase\">\n                  {sourceLabel[task.source]}\n                </span>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nexport { RunningTasksPanel };\n"]}

package/dist/chunk-SQ66DCXY.js

@@ -0,0 +1,35 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Folder, ChevronDown } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var FolderSelector = forwardRef(
+  ({ className, path, compact, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      "data-slot": "folder-selector",
+      ref,
+      type: "button",
+      className: cn(
+        "inline-flex items-center gap-2 rounded-lg border border-border/60 bg-card",
+        "font-mono text-code-sm text-foreground",
+        "transition-colors duration-base ease-out-soft",
+        "hover:border-primary/40 hover:bg-muted",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        compact ? "h-8 px-2.5" : "h-10 px-3",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Folder, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-left", children: path }),
+        /* @__PURE__ */ jsx(ChevronDown, { className: "size-3 shrink-0 text-muted-foreground", "aria-hidden": "true" })
+      ]
+    }
+  )
+);
+FolderSelector.displayName = "FolderSelector";
+
+export { FolderSelector };
+//# sourceMappingURL=chunk-SQ66DCXY.js.map
+//# sourceMappingURL=chunk-SQ66DCXY.js.map