@usetheo/ui 0.13.0 → 0.13.2

package/dist/chunk-AODIMN2N.js

@@ -1,68 +0,0 @@
-import { cn } from './chunk-ZSRJCIWF.js';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var ScrollAreaRoot = forwardRef(
-  ({ className, children, orientation = "vertical", size = "thin", type = "hover", ...props }, ref) => /* @__PURE__ */ jsxs(
-    ScrollAreaPrimitive.Root,
-    {
-      ref,
-      type,
-      className: cn("relative overflow-hidden", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          ScrollAreaPrimitive.Viewport,
-          {
-            className: cn(
-              "h-full w-full rounded-[inherit]",
-              // Smooth scroll-behavior + masked overflow inheriting any inner radius
-              "[&>div]:!block"
-            ),
-            children
-          }
-        ),
-        orientation === "vertical" || orientation === "both" ? /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical", size }) : null,
-        orientation === "horizontal" || orientation === "both" ? /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal", size }) : null,
-        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, { className: "bg-transparent" })
-      ]
-    }
-  )
-);
-ScrollAreaRoot.displayName = "ScrollArea";
-var ScrollBar = forwardRef(({ className, orientation = "vertical", size = "thin", ...props }, ref) => /* @__PURE__ */ jsx(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "z-10 flex touch-none select-none p-0.5 transition-[width,height,background-color] duration-base ease-out-soft",
-      // hover state slightly lifts the track with a near-invisible violet wash
-      "hover:bg-primary/5",
-      orientation === "vertical" && (size === "thin" ? "h-full w-2.5 border-l border-l-transparent" : "h-full w-3 border-l border-l-transparent"),
-      orientation === "horizontal" && (size === "thin" ? "h-2.5 w-full flex-col border-t border-t-transparent" : "h-3 w-full flex-col border-t border-t-transparent"),
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      ScrollAreaPrimitive.ScrollAreaThumb,
-      {
-        className: cn(
-          "relative flex-1 rounded-full bg-primary/30",
-          "transition-[background-color,box-shadow] duration-fast ease-out-soft",
-          // Theme-aware: glow uses --primary (recolors when theme switches)
-          "hover:bg-primary/55 hover:shadow-[0_0_8px_hsl(var(--primary)/0.35)]",
-          // Drag state uses Radix data-state="visible" + :active
-          "active:bg-primary/75 data-[state=visible]:bg-primary/45"
-        )
-      }
-    )
-  }
-));
-ScrollBar.displayName = "ScrollArea.Bar";
-var ScrollArea = /* @__PURE__ */ Object.assign(ScrollAreaRoot, { Bar: ScrollBar });
-
-export { ScrollArea };
-//# sourceMappingURL=chunk-AODIMN2N.js.map
-//# sourceMappingURL=chunk-AODIMN2N.js.map

package/dist/chunk-AODIMN2N.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/scroll-area/scroll-area.tsx"],"names":[],"mappings":";;;;;AAsCA,IAAM,cAAA,GAAiB,UAAA;AAAA,EACrB,CACE,EAAE,SAAA,EAAW,QAAA,EAAU,WAAA,GAAc,UAAA,EAAY,IAAA,GAAO,MAAA,EAAQ,IAAA,GAAO,OAAA,EAAS,GAAG,KAAA,IACnF,GAAA,qBAEA,IAAA;AAAA,IAAqB,mBAAA,CAAA,IAAA;AAAA,IAApB;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA;AAAA,MAClD,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAqB,mBAAA,CAAA,QAAA;AAAA,UAApB;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,iCAAA;AAAA;AAAA,cAEA;AAAA,aACF;AAAA,YAEC;AAAA;AAAA,SACH;AAAA,QACC,WAAA,KAAgB,cAAc,WAAA,KAAgB,MAAA,uBAC5C,SAAA,EAAA,EAAU,WAAA,EAAY,UAAA,EAAW,IAAA,EAAY,CAAA,GAC5C,IAAA;AAAA,QACH,WAAA,KAAgB,gBAAgB,WAAA,KAAgB,MAAA,uBAC9C,SAAA,EAAA,EAAU,WAAA,EAAY,YAAA,EAAa,IAAA,EAAY,CAAA,GAC9C,IAAA;AAAA,wBACJ,GAAA,CAAqB,mBAAA,CAAA,MAAA,EAApB,EAA2B,SAAA,EAAU,gBAAA,EAAiB;AAAA;AAAA;AAAA;AAG7D,CAAA;AACA,cAAA,CAAe,WAAA,GAAc,YAAA;AAO7B,IAAM,SAAA,GAAY,UAAA,CAGhB,CAAC,EAAE,SAAA,EAAW,WAAA,GAAc,UAAA,EAAY,IAAA,GAAO,MAAA,EAAQ,GAAG,KAAA,EAAM,EAAG,GAAA,qBACnE,GAAA;AAAA,EAAqB,mBAAA,CAAA,mBAAA;AAAA,EAApB;AAAA,IACC,GAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,+GAAA;AAAA;AAAA,MAEA,oBAAA;AAAA,MACA,WAAA,KAAgB,UAAA,KACb,IAAA,KAAS,MAAA,GACN,4CAAA,GACA,0CAAA,CAAA;AAAA,MACN,WAAA,KAAgB,YAAA,KACb,IAAA,KAAS,MAAA,GACN,qDAAA,GACA,mDAAA,CAAA;AAAA,MACN;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAA,GAAA;AAAA,MAAqB,mBAAA,CAAA,eAAA;AAAA,MAApB;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,4CAAA;AAAA,UACA,sEAAA;AAAA;AAAA,UAEA,qEAAA;AAAA;AAAA,UAEA;AAAA;AACF;AAAA;AACF;AACF,CACD,CAAA;AACD,SAAA,CAAU,WAAA,GAAc,gBAAA;AAMxB,IAAM,6BAA2B,MAAA,CAAO,MAAA,CAAO,gBAAgB,EAAE,GAAA,EAAK,WAAW","file":"chunk-AODIMN2N.js","sourcesContent":["import * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * ScrollArea — custom scroller with Violet Forge styling.\n *\n * Built on Radix ScrollArea so the native scrollbar is always hidden and the\n * custom thumb stays consistent across Chrome/Firefox/Safari/macOS-trackpad.\n *\n * Visual:\n *   - track is transparent, only the thumb is visible.\n *   - thumb is `--primary` at 25% opacity by default; on hover, 45% with violet glow.\n *   - active drag bumps to 60%.\n *   - the rounded full pill thumb plays well with the brutalist border language\n *     but stays subtle (1.5px wide on rest, 3px on hover).\n *\n * Modes (via `type`):\n *   - \"hover\" (default)  — scrollbar fades in on hover/focus, otherwise hidden.\n *   - \"always\"           — scrollbar always visible.\n *   - \"auto\"             — scrollbar visible only when content overflows.\n *   - \"scroll\"           — Radix-managed: visible only while scrolling.\n */\n\ninterface ScrollAreaProps extends ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {\n  /**\n   * Optional override for which scrollbar(s) to render.\n   * Defaults: vertical only. Set to \"both\" for grids/tables with overflow-x.\n   */\n  orientation?: \"vertical\" | \"horizontal\" | \"both\";\n  /**\n   * Thickness of the scrollbar. Default \"thin\" (2.5px → 3.5px on hover).\n   * Use \"regular\" (8px) for content where the scrollbar should be a more prominent target.\n   */\n  size?: \"thin\" | \"regular\";\n}\n\nconst ScrollAreaRoot = forwardRef<ElementRef<typeof ScrollAreaPrimitive.Root>, ScrollAreaProps>(\n  (\n    { className, children, orientation = \"vertical\", size = \"thin\", type = \"hover\", ...props },\n    ref,\n  ) => (\n    <ScrollAreaPrimitive.Root\n      ref={ref}\n      type={type}\n      className={cn(\"relative overflow-hidden\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        className={cn(\n          \"h-full w-full rounded-[inherit]\",\n          // Smooth scroll-behavior + masked overflow inheriting any inner radius\n          \"[&>div]:!block\",\n        )}\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      {orientation === \"vertical\" || orientation === \"both\" ? (\n        <ScrollBar orientation=\"vertical\" size={size} />\n      ) : null}\n      {orientation === \"horizontal\" || orientation === \"both\" ? (\n        <ScrollBar orientation=\"horizontal\" size={size} />\n      ) : null}\n      <ScrollAreaPrimitive.Corner className=\"bg-transparent\" />\n    </ScrollAreaPrimitive.Root>\n  ),\n);\nScrollAreaRoot.displayName = \"ScrollArea\";\n\ninterface ScrollBarProps\n  extends ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> {\n  size?: \"thin\" | \"regular\";\n}\n\nconst ScrollBar = forwardRef<\n  ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  ScrollBarProps\n>(({ className, orientation = \"vertical\", size = \"thin\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"z-10 flex touch-none select-none p-0.5 transition-[width,height,background-color] duration-base ease-out-soft\",\n      // hover state slightly lifts the track with a near-invisible violet wash\n      \"hover:bg-primary/5\",\n      orientation === \"vertical\" &&\n        (size === \"thin\"\n          ? \"h-full w-2.5 border-l border-l-transparent\"\n          : \"h-full w-3 border-l border-l-transparent\"),\n      orientation === \"horizontal\" &&\n        (size === \"thin\"\n          ? \"h-2.5 w-full flex-col border-t border-t-transparent\"\n          : \"h-3 w-full flex-col border-t border-t-transparent\"),\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb\n      className={cn(\n        \"relative flex-1 rounded-full bg-primary/30\",\n        \"transition-[background-color,box-shadow] duration-fast ease-out-soft\",\n        // Theme-aware: glow uses --primary (recolors when theme switches)\n        \"hover:bg-primary/55 hover:shadow-[0_0_8px_hsl(var(--primary)/0.35)]\",\n        // Drag state uses Radix data-state=\"visible\" + :active\n        \"active:bg-primary/75 data-[state=visible]:bg-primary/45\",\n      )}\n    />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = \"ScrollArea.Bar\";\n\n// Compound assembly. `ScrollArea.Bar` is the only public surface for the\n// scroll bar. The previous standalone `ScrollBar` re-export was deprecated\n// theater in v0.0.0 (no public consumers exist on a pre-published package),\n// so it was removed cleanly in T7.4 (agent-team-audit-fixes plan).\nconst ScrollArea = /*#__PURE__*/ Object.assign(ScrollAreaRoot, { Bar: ScrollBar });\n\nexport { ScrollArea };\n"]}

package/dist/chunk-ATHOPBCA.js

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

package/dist/chunk-ATHOPBCA.js.map

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

package/dist/chunk-AVPHVQZS.js

@@ -1,73 +0,0 @@
-import { cn } from './chunk-ZSRJCIWF.js';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var STATUS_META = {
-  online: {
-    dot: "bg-emerald-500",
-    label: "Online",
-    aria: "Gateway online"
-  },
-  offline: {
-    dot: "bg-red-500",
-    label: "Offline",
-    aria: "Gateway offline"
-  },
-  degraded: {
-    dot: "bg-amber-500",
-    label: "Degraded",
-    aria: "Gateway degraded"
-  },
-  reconnecting: {
-    dot: "bg-blue-500",
-    label: "Reconnecting\u2026",
-    aria: "Gateway reconnecting"
-  }
-};
-function formatLatency(ms) {
-  if (ms === void 0) return null;
-  if (!Number.isFinite(ms) || ms < 0) return null;
-  if (ms < 1) return "<1ms";
-  if (ms < 1e3) return `${Math.round(ms)}ms`;
-  return `${(ms / 1e3).toFixed(1)}s`;
-}
-var GatewayStatusIndicator = forwardRef(
-  ({ status, latencyMs, variant = "labeled", className, "data-testid": dataTestId, ...rest }, ref) => {
-    const meta = STATUS_META[status];
-    const latency = formatLatency(latencyMs);
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        ref,
-        role: "img",
-        "aria-label": meta.aria,
-        className: cn("inline-flex items-center gap-2 font-medium text-xs", className),
-        "data-testid": dataTestId ?? "gateway-status-indicator",
-        "data-status": status,
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "inline-block size-2 rounded-full",
-                meta.dot,
-                status === "reconnecting" && "animate-pulse"
-              ),
-              "aria-hidden": true
-            }
-          ),
-          variant === "labeled" && /* @__PURE__ */ jsxs("span", { className: "text-foreground", children: [
-            meta.label,
-            latency !== null && /* @__PURE__ */ jsx("span", { className: "ml-1 text-muted-foreground", "data-testid": "gateway-latency", children: latency })
-          ] })
-        ]
-      }
-    );
-  }
-);
-GatewayStatusIndicator.displayName = "GatewayStatusIndicator";
-
-export { GatewayStatusIndicator };
-//# sourceMappingURL=chunk-AVPHVQZS.js.map
-//# sourceMappingURL=chunk-AVPHVQZS.js.map

package/dist/chunk-AVPHVQZS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/gateway-status-indicator/gateway-status-indicator.tsx"],"names":[],"mappings":";;;;AAyBA,IAAM,WAAA,GAAmF;AAAA,EACvF,MAAA,EAAQ;AAAA,IACN,GAAA,EAAK,gBAAA;AAAA,IACL,KAAA,EAAO,QAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,GAAA,EAAK,YAAA;AAAA,IACL,KAAA,EAAO,SAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,GAAA,EAAK,cAAA;AAAA,IACL,KAAA,EAAO,UAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,GAAA,EAAK,aAAA;AAAA,IACL,KAAA,EAAO,oBAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV,CAAA;AAEA,SAAS,cAAc,EAAA,EAAuC;AAC5D,EAAA,IAAI,EAAA,KAAO,QAAW,OAAO,IAAA;AAC7B,EAAA,IAAI,CAAC,MAAA,CAAO,QAAA,CAAS,EAAE,CAAA,IAAK,EAAA,GAAK,GAAG,OAAO,IAAA;AAC3C,EAAA,IAAI,EAAA,GAAK,GAAG,OAAO,MAAA;AACnB,EAAA,IAAI,KAAK,GAAA,EAAM,OAAO,GAAG,IAAA,CAAK,KAAA,CAAM,EAAE,CAAC,CAAA,EAAA,CAAA;AACvC,EAAA,OAAO,CAAA,EAAA,CAAI,EAAA,GAAK,GAAA,EAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA,CAAA;AAClC;AAEO,IAAM,sBAAA,GAAyB,UAAA;AAAA,EACpC,CACE,EAAE,MAAA,EAAQ,SAAA,EAAW,OAAA,GAAU,SAAA,EAAW,SAAA,EAAW,aAAA,EAAe,UAAA,EAAY,GAAG,IAAA,EAAK,EACxF,GAAA,KACG;AACH,IAAA,MAAM,IAAA,GAAO,YAAY,MAAM,CAAA;AAC/B,IAAA,MAAM,OAAA,GAAU,cAAc,SAAS,CAAA;AACvC,IAAA,uBACE,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,KAAA;AAAA,QACL,cAAY,IAAA,CAAK,IAAA;AAAA,QACjB,SAAA,EAAW,EAAA,CAAG,oDAAA,EAAsD,SAAS,CAAA;AAAA,QAC7E,eAAa,UAAA,IAAc,0BAAA;AAAA,QAC3B,aAAA,EAAa,MAAA;AAAA,QACZ,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,kCAAA;AAAA,gBACA,IAAA,CAAK,GAAA;AAAA,gBACL,WAAW,cAAA,IAAkB;AAAA,eAC/B;AAAA,cACA,aAAA,EAAW;AAAA;AAAA,WACb;AAAA,UACC,OAAA,KAAY,SAAA,oBACX,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,iBAAA,EACb,QAAA,EAAA;AAAA,YAAA,IAAA,CAAK,KAAA;AAAA,YACL,OAAA,KAAY,wBACX,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,4BAAA,EAA6B,aAAA,EAAY,mBACtD,QAAA,EAAA,OAAA,EACH;AAAA,WAAA,EAEJ;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AACA,sBAAA,CAAuB,WAAA,GAAc,wBAAA","file":"chunk-AVPHVQZS.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * GatewayStatusIndicator — live connection-status dot for a gateway/server.\n *\n * Variants:\n *   - compact  : colored dot only (sidebar footer use)\n *   - labeled  : dot + label + optional latency text\n *\n * `reconnecting` state animates with `animate-pulse` and respects\n * `prefers-reduced-motion` automatically (Tailwind defaults).\n */\n\nexport type GatewayStatus = \"online\" | \"offline\" | \"degraded\" | \"reconnecting\";\n\nexport interface GatewayStatusIndicatorProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, \"title\"> {\n  status: GatewayStatus;\n  latencyMs?: number;\n  variant?: \"compact\" | \"labeled\";\n  \"data-testid\"?: string;\n}\n\nconst STATUS_META: Record<GatewayStatus, { dot: string; label: string; aria: string }> = {\n  online: {\n    dot: \"bg-emerald-500\",\n    label: \"Online\",\n    aria: \"Gateway online\",\n  },\n  offline: {\n    dot: \"bg-red-500\",\n    label: \"Offline\",\n    aria: \"Gateway offline\",\n  },\n  degraded: {\n    dot: \"bg-amber-500\",\n    label: \"Degraded\",\n    aria: \"Gateway degraded\",\n  },\n  reconnecting: {\n    dot: \"bg-blue-500\",\n    label: \"Reconnecting…\",\n    aria: \"Gateway reconnecting\",\n  },\n};\n\nfunction formatLatency(ms: number | undefined): string | null {\n  if (ms === undefined) return null;\n  if (!Number.isFinite(ms) || ms < 0) return null;\n  if (ms < 1) return \"<1ms\";\n  if (ms < 1000) return `${Math.round(ms)}ms`;\n  return `${(ms / 1000).toFixed(1)}s`;\n}\n\nexport const GatewayStatusIndicator = forwardRef<HTMLSpanElement, GatewayStatusIndicatorProps>(\n  (\n    { status, latencyMs, variant = \"labeled\", className, \"data-testid\": dataTestId, ...rest },\n    ref,\n  ) => {\n    const meta = STATUS_META[status];\n    const latency = formatLatency(latencyMs);\n    return (\n      <span\n        ref={ref}\n        role=\"img\"\n        aria-label={meta.aria}\n        className={cn(\"inline-flex items-center gap-2 font-medium text-xs\", className)}\n        data-testid={dataTestId ?? \"gateway-status-indicator\"}\n        data-status={status}\n        {...rest}\n      >\n        <span\n          className={cn(\n            \"inline-block size-2 rounded-full\",\n            meta.dot,\n            status === \"reconnecting\" && \"animate-pulse\",\n          )}\n          aria-hidden\n        />\n        {variant === \"labeled\" && (\n          <span className=\"text-foreground\">\n            {meta.label}\n            {latency !== null && (\n              <span className=\"ml-1 text-muted-foreground\" data-testid=\"gateway-latency\">\n                {latency}\n              </span>\n            )}\n          </span>\n        )}\n      </span>\n    );\n  },\n);\nGatewayStatusIndicator.displayName = \"GatewayStatusIndicator\";\n"]}

package/dist/chunk-AXKBNRZW.js

@@ -1,173 +0,0 @@
-import { cn } from './chunk-ZSRJCIWF.js';
-import { forwardRef, useMemo } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function binPoints(points, maxBars) {
-  if (points.length <= maxBars) return points;
-  const binSize = Math.ceil(points.length / maxBars);
-  const out = [];
-  for (let i = 0; i < points.length; i += binSize) {
-    const slice = points.slice(i, i + binSize);
-    if (slice.length === 0) continue;
-    const first = slice[0]?.label ?? "";
-    const last = slice[slice.length - 1]?.label ?? first;
-    out.push({
-      label: slice.length === 1 ? first : `${first}\u2026${last}`,
-      input: slice.reduce((a, p) => a + p.input, 0),
-      output: slice.reduce((a, p) => a + p.output, 0)
-    });
-  }
-  return out;
-}
-var formatTokens = (n) => {
-  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
-  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
-  return `${n}`;
-};
-var TokenUsageChart = forwardRef(
-  ({
-    className,
-    points,
-    title = "Token usage",
-    height = 160,
-    showLegend = true,
-    maxBars = 60,
-    ...props
-  }, ref) => {
-    const series = useMemo(() => binPoints(points, maxBars), [points, maxBars]);
-    const max = Math.max(1, ...series.map((p) => p.input + p.output));
-    const barCount = series.length;
-    const barWidth = 100 / Math.max(1, barCount);
-    const gap = Math.min(2, barWidth * 0.2);
-    const innerWidth = barWidth - gap;
-    const total = series.reduce((acc, p) => acc + p.input + p.output, 0);
-    return /* @__PURE__ */ jsxs(
-      "section",
-      {
-        ref,
-        className: cn("rounded-xl border bg-card p-4", className),
-        "aria-label": "Token usage over time",
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("header", { className: "flex items-baseline justify-between gap-3", children: [
-            title ? /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }) : /* @__PURE__ */ jsx("span", {}),
-            /* @__PURE__ */ jsxs("span", { className: "font-mono text-label text-muted-foreground tabular-nums", children: [
-              "total \xB7 ",
-              formatTokens(total)
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-3 grid grid-cols-[auto_1fr] gap-2", children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "grid font-mono text-label text-muted-foreground",
-                style: { height, gridTemplateRows: "1fr 1fr 1fr" },
-                "aria-hidden": "true",
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: formatTokens(max) }),
-                  /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: formatTokens(max / 2) }),
-                  /* @__PURE__ */ jsx("span", { className: "self-end tabular-nums", children: "0" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "svg",
-              {
-                viewBox: "0 0 100 100",
-                preserveAspectRatio: "none",
-                className: "w-full",
-                style: { height },
-                role: "img",
-                "aria-label": `Token usage across ${barCount} periods`,
-                children: [
-                  [25, 50, 75].map((y) => /* @__PURE__ */ jsx(
-                    "line",
-                    {
-                      x1: 0,
-                      y1: y,
-                      x2: 100,
-                      y2: y,
-                      stroke: "hsl(var(--border) / 0.4)",
-                      strokeWidth: 0.2
-                    },
-                    y
-                  )),
-                  series.map((p, idx) => {
-                    const totalH = (p.input + p.output) / max * 100;
-                    const inputH = p.input / max * 100;
-                    const outputH = p.output / max * 100;
-                    const x = idx * barWidth + gap / 2;
-                    return /* @__PURE__ */ jsxs("g", { children: [
-                      /* @__PURE__ */ jsx("title", { children: `${p.label} \u2014 input ${formatTokens(p.input)} \xB7 output ${formatTokens(p.output)}` }),
-                      /* @__PURE__ */ jsx(
-                        "rect",
-                        {
-                          x,
-                          y: 100 - totalH,
-                          width: innerWidth,
-                          height: outputH,
-                          fill: "hsl(var(--primary))",
-                          opacity: 0.85
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        "rect",
-                        {
-                          x,
-                          y: 100 - inputH,
-                          width: innerWidth,
-                          height: inputH,
-                          fill: "hsl(var(--accent))",
-                          opacity: 0.85
-                        }
-                      )
-                    ] }, p.label);
-                  })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "mt-1 grid grid-cols-[auto_1fr] gap-2 font-mono text-label text-muted-foreground",
-              "aria-hidden": "true",
-              children: [
-                /* @__PURE__ */ jsx("span", { "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx("div", { className: "grid", style: { gridTemplateColumns: `repeat(${barCount}, 1fr)` }, children: series.map((p) => /* @__PURE__ */ jsx("span", { className: "truncate text-center", children: p.label }, p.label)) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs("table", { className: "sr-only", children: [
-            /* @__PURE__ */ jsx("caption", { children: "Token usage by period \u2014 input vs output" }),
-            /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-              /* @__PURE__ */ jsx("th", { scope: "col", children: "Period" }),
-              /* @__PURE__ */ jsx("th", { scope: "col", children: "Input tokens" }),
-              /* @__PURE__ */ jsx("th", { scope: "col", children: "Output tokens" })
-            ] }) }),
-            /* @__PURE__ */ jsx("tbody", { children: series.map((p) => /* @__PURE__ */ jsxs("tr", { children: [
-              /* @__PURE__ */ jsx("td", { children: p.label }),
-              /* @__PURE__ */ jsx("td", { children: p.input }),
-              /* @__PURE__ */ jsx("td", { children: p.output })
-            ] }, `a11y-${p.label}`)) })
-          ] }),
-          showLegend ? /* @__PURE__ */ jsxs("footer", { className: "mt-3 flex items-center gap-4 font-mono text-label text-muted-foreground", children: [
-            /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx("span", { className: "size-2 rounded-sm bg-accent", "aria-hidden": "true" }),
-              "Input"
-            ] }),
-            /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ jsx("span", { className: "size-2 rounded-sm bg-primary", "aria-hidden": "true" }),
-              "Output"
-            ] })
-          ] }) : null
-        ]
-      }
-    );
-  }
-);
-TokenUsageChart.displayName = "TokenUsageChart";
-
-export { TokenUsageChart };
-//# sourceMappingURL=chunk-AXKBNRZW.js.map
-//# sourceMappingURL=chunk-AXKBNRZW.js.map

package/dist/chunk-AXKBNRZW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/token-usage-chart/token-usage-chart.tsx"],"names":[],"mappings":"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","file":"chunk-AXKBNRZW.js","sourcesContent":["import { forwardRef, useMemo } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport interface TokenUsagePoint {\n  /** ISO date or friendly label for the x-axis tooltip. */\n  label: string;\n  /** Input tokens for this period (e.g. day). */\n  input: number;\n  /** Output tokens for this period. */\n  output: number;\n}\n\ninterface TokenUsageChartProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  points: TokenUsagePoint[];\n  /** Title above the chart. */\n  title?: ReactNode;\n  /** Chart height in px. Default 160. */\n  height?: number;\n  /** Show legend below the chart. Default true. */\n  showLegend?: boolean;\n  /**\n   * Maximum number of bars to render. When `points.length` exceeds this, the\n   * series is binned (summed in equal-width windows) so the chart stays\n   * legible and SVG node count stays bounded. Default 60.\n   */\n  maxBars?: number;\n}\n\nfunction binPoints(points: TokenUsagePoint[], maxBars: number): TokenUsagePoint[] {\n  if (points.length <= maxBars) return points;\n  const binSize = Math.ceil(points.length / maxBars);\n  const out: TokenUsagePoint[] = [];\n  for (let i = 0; i < points.length; i += binSize) {\n    const slice = points.slice(i, i + binSize);\n    if (slice.length === 0) continue;\n    const first = slice[0]?.label ?? \"\";\n    const last = slice[slice.length - 1]?.label ?? first;\n    out.push({\n      label: slice.length === 1 ? first : `${first}…${last}`,\n      input: slice.reduce((a, p) => a + p.input, 0),\n      output: slice.reduce((a, p) => a + p.output, 0),\n    });\n  }\n  return out;\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 * TokenUsageChart — stacked-bar chart of input vs output tokens over time.\n *\n * Pure SVG, no chart lib. Width is fluid; bars adjust to viewBox. Hover any\n * bar to see the breakdown in the tooltip slot below.\n */\nconst TokenUsageChart = forwardRef<HTMLDivElement, TokenUsageChartProps>(\n  (\n    {\n      className,\n      points,\n      title = \"Token usage\",\n      height = 160,\n      showLegend = true,\n      maxBars = 60,\n      ...props\n    },\n    ref,\n  ) => {\n    const series = useMemo(() => binPoints(points, maxBars), [points, maxBars]);\n    const max = Math.max(1, ...series.map((p) => p.input + p.output));\n    const barCount = series.length;\n    const barWidth = 100 / Math.max(1, barCount);\n    const gap = Math.min(2, barWidth * 0.2);\n    const innerWidth = barWidth - gap;\n\n    const total = series.reduce((acc, p) => acc + p.input + p.output, 0);\n\n    return (\n      <section\n        ref={ref}\n        className={cn(\"rounded-xl border bg-card p-4\", className)}\n        aria-label=\"Token usage over time\"\n        {...props}\n      >\n        <header className=\"flex items-baseline justify-between gap-3\">\n          {title ? (\n            <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n          ) : (\n            <span />\n          )}\n          <span className=\"font-mono text-label text-muted-foreground tabular-nums\">\n            total · {formatTokens(total)}\n          </span>\n        </header>\n        <div className=\"mt-3 grid grid-cols-[auto_1fr] gap-2\">\n          {/* Y-axis ticks */}\n          <div\n            className=\"grid font-mono text-label text-muted-foreground\"\n            style={{ height, gridTemplateRows: \"1fr 1fr 1fr\" }}\n            aria-hidden=\"true\"\n          >\n            <span className=\"tabular-nums\">{formatTokens(max)}</span>\n            <span className=\"tabular-nums\">{formatTokens(max / 2)}</span>\n            <span className=\"self-end tabular-nums\">0</span>\n          </div>\n          {/* Chart */}\n          <svg\n            viewBox=\"0 0 100 100\"\n            preserveAspectRatio=\"none\"\n            className=\"w-full\"\n            style={{ height }}\n            role=\"img\"\n            aria-label={`Token usage across ${barCount} periods`}\n          >\n            {/* gridlines */}\n            {[25, 50, 75].map((y) => (\n              <line\n                key={y}\n                x1={0}\n                y1={y}\n                x2={100}\n                y2={y}\n                stroke=\"hsl(var(--border) / 0.4)\"\n                strokeWidth={0.2}\n              />\n            ))}\n            {series.map((p, idx) => {\n              const totalH = ((p.input + p.output) / max) * 100;\n              const inputH = (p.input / max) * 100;\n              const outputH = (p.output / max) * 100;\n              const x = idx * barWidth + gap / 2;\n              return (\n                <g key={p.label}>\n                  <title>{`${p.label} — input ${formatTokens(p.input)} · output ${formatTokens(p.output)}`}</title>\n                  {/* output (top, primary tone) */}\n                  <rect\n                    x={x}\n                    y={100 - totalH}\n                    width={innerWidth}\n                    height={outputH}\n                    fill=\"hsl(var(--primary))\"\n                    opacity={0.85}\n                  />\n                  {/* input (bottom, accent tone) */}\n                  <rect\n                    x={x}\n                    y={100 - inputH}\n                    width={innerWidth}\n                    height={inputH}\n                    fill=\"hsl(var(--accent))\"\n                    opacity={0.85}\n                  />\n                </g>\n              );\n            })}\n          </svg>\n        </div>\n        {/* x-axis labels — aligned with the chart column of the parent grid */}\n        <div\n          className=\"mt-1 grid grid-cols-[auto_1fr] gap-2 font-mono text-label text-muted-foreground\"\n          aria-hidden=\"true\"\n        >\n          <span aria-hidden=\"true\" />\n          <div className=\"grid\" style={{ gridTemplateColumns: `repeat(${barCount}, 1fr)` }}>\n            {series.map((p) => (\n              <span key={p.label} className=\"truncate text-center\">\n                {p.label}\n              </span>\n            ))}\n          </div>\n        </div>\n        {/* Screen-reader fallback: the SVG is decorative-ish for AT users.\n         * `<title>` per bar is unreliably exposed across NVDA/VoiceOver/JAWS,\n         * so we ship an `sr-only` table with the same data. Sighted users\n         * never see this; AT users can navigate the values cell-by-cell.\n         * Reference: WCAG 1.1.1 (Non-text content). */}\n        <table className=\"sr-only\">\n          <caption>Token usage by period — input vs output</caption>\n          <thead>\n            <tr>\n              <th scope=\"col\">Period</th>\n              <th scope=\"col\">Input tokens</th>\n              <th scope=\"col\">Output tokens</th>\n            </tr>\n          </thead>\n          <tbody>\n            {series.map((p) => (\n              <tr key={`a11y-${p.label}`}>\n                <td>{p.label}</td>\n                <td>{p.input}</td>\n                <td>{p.output}</td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n        {showLegend ? (\n          <footer className=\"mt-3 flex items-center gap-4 font-mono text-label text-muted-foreground\">\n            <span className=\"inline-flex items-center gap-1.5\">\n              <span className=\"size-2 rounded-sm bg-accent\" aria-hidden=\"true\" />\n              Input\n            </span>\n            <span className=\"inline-flex items-center gap-1.5\">\n              <span className=\"size-2 rounded-sm bg-primary\" aria-hidden=\"true\" />\n              Output\n            </span>\n          </footer>\n        ) : null}\n      </section>\n    );\n  },\n);\nTokenUsageChart.displayName = \"TokenUsageChart\";\n\nexport { TokenUsageChart };\n"]}

package/dist/chunk-B75MEYNR.js

@@ -1,106 +0,0 @@
-import { MCPServerCard } from './chunk-QB6BNHO3.js';
-import { cn } from './chunk-ZSRJCIWF.js';
-import { Plus } from 'lucide-react';
-import { forwardRef, useState, useMemo } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var STATUS_ORDER = ["connected", "starting", "degraded", "disconnected"];
-var MCPServerList = forwardRef(
-  ({ className, servers, title = "MCP servers", onAdd, onRestart, onDisconnect, ...props }, ref) => {
-    const [filter, setFilter] = useState(null);
-    const counts = useMemo(() => {
-      const result = {
-        connected: 0,
-        starting: 0,
-        degraded: 0,
-        disconnected: 0
-      };
-      for (const s of servers) result[s.status]++;
-      return result;
-    }, [servers]);
-    const filtered = useMemo(
-      () => filter ? servers.filter((s) => s.status === filter) : servers,
-      [servers, filter]
-    );
-    return /* @__PURE__ */ jsxs(
-      "section",
-      {
-        ref,
-        className: cn("grid gap-3", className),
-        "aria-label": "MCP servers",
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-center justify-between gap-3", children: [
-            title ? /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }) : /* @__PURE__ */ jsx("span", {}),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "inline-flex rounded-lg border border-border/60 bg-muted p-0.5", children: [
-                /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => setFilter(null),
-                    "aria-pressed": filter === null,
-                    className: cn(
-                      "rounded-md px-2.5 py-1 font-mono text-label",
-                      filter === null ? "bg-card text-foreground shadow-sm" : "text-muted-foreground"
-                    ),
-                    children: [
-                      "All \xB7 ",
-                      servers.length
-                    ]
-                  }
-                ),
-                STATUS_ORDER.map((status) => /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => setFilter(status),
-                    "aria-pressed": filter === status,
-                    disabled: counts[status] === 0,
-                    className: cn(
-                      "rounded-md px-2.5 py-1 font-mono text-label uppercase",
-                      filter === status ? "bg-card text-foreground shadow-sm" : "text-muted-foreground",
-                      "disabled:opacity-40"
-                    ),
-                    children: [
-                      status,
-                      " \xB7 ",
-                      counts[status]
-                    ]
-                  },
-                  status
-                ))
-              ] }),
-              onAdd ? /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  onClick: onAdd,
-                  className: "inline-flex items-center gap-1 rounded-md bg-primary px-2.5 py-1 font-sans text-label text-primary-foreground hover:shadow-glow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                  children: [
-                    /* @__PURE__ */ jsx(Plus, { className: "size-3.5" }),
-                    " Add server"
-                  ]
-                }
-              ) : null
-            ] })
-          ] }),
-          filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded-xl border border-border/60 border-dashed bg-muted/30 px-4 py-8 text-center font-sans text-body-sm text-muted-foreground", children: "No servers in this state." }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2", children: filtered.map((server) => /* @__PURE__ */ jsx(
-            MCPServerCard,
-            {
-              server,
-              ...onRestart ? { onRestart } : {},
-              ...onDisconnect ? { onDisconnect } : {}
-            },
-            server.id
-          )) })
-        ]
-      }
-    );
-  }
-);
-MCPServerList.displayName = "MCPServerList";
-
-export { MCPServerList };
-//# sourceMappingURL=chunk-B75MEYNR.js.map
-//# sourceMappingURL=chunk-B75MEYNR.js.map

package/dist/chunk-B75MEYNR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/composites/mcp-server-list/mcp-server-list.tsx"],"names":[],"mappings":";;;;;;AAkBA,IAAM,YAAA,GAAkC,CAAC,WAAA,EAAa,UAAA,EAAY,YAAY,cAAc,CAAA;AAM5F,IAAM,aAAA,GAAgB,UAAA;AAAA,EACpB,CACE,EAAE,SAAA,EAAW,OAAA,EAAS,KAAA,GAAQ,aAAA,EAAe,KAAA,EAAO,SAAA,EAAW,YAAA,EAAc,GAAG,KAAA,EAAM,EACtF,GAAA,KACG;AACH,IAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAiC,IAAI,CAAA;AAEjE,IAAA,MAAM,MAAA,GAAS,QAAQ,MAAM;AAC3B,MAAA,MAAM,MAAA,GAA0C;AAAA,QAC9C,SAAA,EAAW,CAAA;AAAA,QACX,QAAA,EAAU,CAAA;AAAA,QACV,QAAA,EAAU,CAAA;AAAA,QACV,YAAA,EAAc;AAAA,OAChB;AACA,MAAA,KAAA,MAAW,CAAA,IAAK,OAAA,EAAS,MAAA,CAAO,CAAA,CAAE,MAAM,CAAA,EAAA;AACxC,MAAA,OAAO,MAAA;AAAA,IACT,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,IAAA,MAAM,QAAA,GAAW,OAAA;AAAA,MACf,MAAO,SAAS,OAAA,CAAQ,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,MAAA,KAAW,MAAM,CAAA,GAAI,OAAA;AAAA,MAC7D,CAAC,SAAS,MAAM;AAAA,KAClB;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA;AAAA,QACrC,YAAA,EAAW,aAAA;AAAA,QACV,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,mDAAA,EACf,QAAA,EAAA;AAAA,YAAA,KAAA,uBACE,IAAA,EAAA,EAAG,SAAA,EAAU,6CAA6C,QAAA,EAAA,KAAA,EAAM,CAAA,uBAEhE,MAAA,EAAA,EAAK,CAAA;AAAA,4BAER,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+DAAA,EACb,QAAA,EAAA;AAAA,gCAAA,IAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAK,QAAA;AAAA,oBACL,OAAA,EAAS,MAAM,SAAA,CAAU,IAAI,CAAA;AAAA,oBAC7B,gBAAc,MAAA,KAAW,IAAA;AAAA,oBACzB,SAAA,EAAW,EAAA;AAAA,sBACT,6CAAA;AAAA,sBACA,MAAA,KAAW,OAAO,mCAAA,GAAsC;AAAA,qBAC1D;AAAA,oBACD,QAAA,EAAA;AAAA,sBAAA,WAAA;AAAA,sBACQ,OAAA,CAAQ;AAAA;AAAA;AAAA,iBACjB;AAAA,gBACC,YAAA,CAAa,GAAA,CAAI,CAAC,MAAA,qBACjB,IAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBAEC,IAAA,EAAK,QAAA;AAAA,oBACL,OAAA,EAAS,MAAM,SAAA,CAAU,MAAM,CAAA;AAAA,oBAC/B,gBAAc,MAAA,KAAW,MAAA;AAAA,oBACzB,QAAA,EAAU,MAAA,CAAO,MAAM,CAAA,KAAM,CAAA;AAAA,oBAC7B,SAAA,EAAW,EAAA;AAAA,sBACT,uDAAA;AAAA,sBACA,MAAA,KAAW,SACP,mCAAA,GACA,uBAAA;AAAA,sBACJ;AAAA,qBACF;AAAA,oBAEC,QAAA,EAAA;AAAA,sBAAA,MAAA;AAAA,sBAAO,QAAA;AAAA,sBAAI,OAAO,MAAM;AAAA;AAAA,mBAAA;AAAA,kBAbpB;AAAA,iBAeR;AAAA,eAAA,EACH,CAAA;AAAA,cACC,KAAA,mBACC,IAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,QAAA;AAAA,kBACL,OAAA,EAAS,KAAA;AAAA,kBACT,SAAA,EAAU,yMAAA;AAAA,kBAEV,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,UAAA,EAAW,CAAA;AAAA,oBAAE;AAAA;AAAA;AAAA,eAC/B,GACE;AAAA,aAAA,EACN;AAAA,WAAA,EACF,CAAA;AAAA,UAEC,SAAS,MAAA,KAAW,CAAA,mBACnB,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,iIAAA,EAAkI,QAAA,EAAA,2BAAA,EAE/I,CAAA,mBAEA,GAAA,CAAC,SAAI,SAAA,EAAU,uCAAA,EACZ,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,MAAA,qBACb,GAAA;AAAA,YAAC,aAAA;AAAA,YAAA;AAAA,cAEC,MAAA;AAAA,cACC,GAAI,SAAA,GAAY,EAAE,SAAA,KAAc,EAAC;AAAA,cACjC,GAAI,YAAA,GAAe,EAAE,YAAA,KAAiB;AAAC,aAAA;AAAA,YAHnC,MAAA,CAAO;AAAA,WAKf,CAAA,EACH;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AACA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-B75MEYNR.js","sourcesContent":["import { Plus } from \"lucide-react\";\nimport { forwardRef, useMemo, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport {\n  type MCPServer,\n  MCPServerCard,\n  type MCPServerStatus,\n} from \"../../primitives/mcp-server-card/index.js\";\n\ninterface MCPServerListProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  servers: MCPServer[];\n  title?: ReactNode;\n  onAdd?: () => void;\n  onRestart?: (id: string) => void;\n  onDisconnect?: (id: string) => void;\n}\n\nconst STATUS_ORDER: MCPServerStatus[] = [\"connected\", \"starting\", \"degraded\", \"disconnected\"];\n\n/**\n * MCPServerList — grouped MCP server inventory with status filter chips.\n * Surfaces degraded/disconnected servers prominently so the user can act.\n */\nconst MCPServerList = forwardRef<HTMLDivElement, MCPServerListProps>(\n  (\n    { className, servers, title = \"MCP servers\", onAdd, onRestart, onDisconnect, ...props },\n    ref,\n  ) => {\n    const [filter, setFilter] = useState<MCPServerStatus | null>(null);\n\n    const counts = useMemo(() => {\n      const result: Record<MCPServerStatus, number> = {\n        connected: 0,\n        starting: 0,\n        degraded: 0,\n        disconnected: 0,\n      };\n      for (const s of servers) result[s.status]++;\n      return result;\n    }, [servers]);\n\n    const filtered = useMemo(\n      () => (filter ? servers.filter((s) => s.status === filter) : servers),\n      [servers, filter],\n    );\n\n    return (\n      <section\n        ref={ref}\n        className={cn(\"grid gap-3\", className)}\n        aria-label=\"MCP servers\"\n        {...props}\n      >\n        <header className=\"flex flex-wrap items-center justify-between gap-3\">\n          {title ? (\n            <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n          ) : (\n            <span />\n          )}\n          <div className=\"flex items-center gap-2\">\n            <div className=\"inline-flex rounded-lg border border-border/60 bg-muted p-0.5\">\n              <button\n                type=\"button\"\n                onClick={() => setFilter(null)}\n                aria-pressed={filter === null}\n                className={cn(\n                  \"rounded-md px-2.5 py-1 font-mono text-label\",\n                  filter === null ? \"bg-card text-foreground shadow-sm\" : \"text-muted-foreground\",\n                )}\n              >\n                All · {servers.length}\n              </button>\n              {STATUS_ORDER.map((status) => (\n                <button\n                  key={status}\n                  type=\"button\"\n                  onClick={() => setFilter(status)}\n                  aria-pressed={filter === status}\n                  disabled={counts[status] === 0}\n                  className={cn(\n                    \"rounded-md px-2.5 py-1 font-mono text-label uppercase\",\n                    filter === status\n                      ? \"bg-card text-foreground shadow-sm\"\n                      : \"text-muted-foreground\",\n                    \"disabled:opacity-40\",\n                  )}\n                >\n                  {status} · {counts[status]}\n                </button>\n              ))}\n            </div>\n            {onAdd ? (\n              <button\n                type=\"button\"\n                onClick={onAdd}\n                className=\"inline-flex items-center gap-1 rounded-md bg-primary px-2.5 py-1 font-sans text-label text-primary-foreground hover:shadow-glow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                <Plus className=\"size-3.5\" /> Add server\n              </button>\n            ) : null}\n          </div>\n        </header>\n\n        {filtered.length === 0 ? (\n          <p className=\"rounded-xl border border-border/60 border-dashed bg-muted/30 px-4 py-8 text-center font-sans text-body-sm text-muted-foreground\">\n            No servers in this state.\n          </p>\n        ) : (\n          <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2\">\n            {filtered.map((server) => (\n              <MCPServerCard\n                key={server.id}\n                server={server}\n                {...(onRestart ? { onRestart } : {})}\n                {...(onDisconnect ? { onDisconnect } : {})}\n              />\n            ))}\n          </div>\n        )}\n      </section>\n    );\n  },\n);\nMCPServerList.displayName = \"MCPServerList\";\n\nexport { MCPServerList };\n"]}

package/dist/chunk-BGKA6DI6.js

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

package/dist/chunk-BGKA6DI6.js.map

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