@theokit/ui 0.13.0

package/dist/chunk-QDAF3LP7.js

@@ -0,0 +1,89 @@
+import { BadgeWithDot } from './chunk-P57HUMAE.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { GitCommit } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var statusToVariant = {
+  queued: "warning",
+  building: "primary",
+  deploying: "primary",
+  live: "success",
+  failed: "destructive",
+  cancelled: "default"
+};
+var statusToDotTone = {
+  queued: "warning",
+  building: "primary",
+  deploying: "primary",
+  live: "success",
+  failed: "destructive",
+  cancelled: "muted"
+};
+var statusLabels = {
+  queued: "Queued",
+  building: "Building",
+  deploying: "Deploying",
+  live: "Live",
+  failed: "Failed",
+  cancelled: "Cancelled"
+};
+var isAnimated = (status) => status === "building" || status === "deploying" || status === "queued";
+var DeploymentRow = forwardRef(
+  ({ className, deployment, actions, ...props }, ref) => {
+    const variant = statusToVariant[deployment.status];
+    const tone = statusToDotTone[deployment.status];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "grid grid-cols-[auto_1fr_auto] items-center gap-4 border-border/40 border-b px-4 py-3",
+          "last:border-b-0",
+          "transition-colors hover:bg-muted/40",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs(BadgeWithDot, { variant, className: "min-w-[88px] justify-center", children: [
+            /* @__PURE__ */ jsx(BadgeWithDot.Dot, { tone, pulse: isAnimated(deployment.status) }),
+            statusLabels[deployment.status]
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-body-sm text-foreground", children: deployment.commitMessage }),
+            /* @__PURE__ */ jsxs("p", { className: "mt-0.5 flex flex-wrap items-center gap-2 text-body-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm", children: deployment.environment }),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 font-mono text-code-sm", children: [
+                /* @__PURE__ */ jsx(GitCommit, { className: "size-3" }),
+                " ",
+                deployment.commitSha.slice(0, 7)
+              ] }),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm", children: deployment.branch }),
+              deployment.author ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "by ",
+                  deployment.author.name
+                ] })
+              ] }) : null,
+              deployment.duration ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+                /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm", children: deployment.duration })
+              ] }) : null,
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsx("span", { children: deployment.timeAgo })
+            ] })
+          ] }),
+          actions ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions }) : null
+        ]
+      }
+    );
+  }
+);
+DeploymentRow.displayName = "DeploymentRow";
+
+export { DeploymentRow };
+//# sourceMappingURL=chunk-QDAF3LP7.js.map
+//# sourceMappingURL=chunk-QDAF3LP7.js.map

package/dist/chunk-QDAF3LP7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/deployment-row/deployment-row.tsx"],"names":[],"mappings":";;;;;;AAcA,IAAM,eAAA,GAGF;AAAA,EACF,MAAA,EAAQ,SAAA;AAAA,EACR,QAAA,EAAU,SAAA;AAAA,EACV,SAAA,EAAW,SAAA;AAAA,EACX,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ,aAAA;AAAA,EACR,SAAA,EAAW;AACb,CAAA;AAEA,IAAM,eAAA,GAGF;AAAA,EACF,MAAA,EAAQ,SAAA;AAAA,EACR,QAAA,EAAU,SAAA;AAAA,EACV,SAAA,EAAW,SAAA;AAAA,EACX,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ,aAAA;AAAA,EACR,SAAA,EAAW;AACb,CAAA;AAEA,IAAM,YAAA,GAAiD;AAAA,EACrD,MAAA,EAAQ,QAAA;AAAA,EACR,QAAA,EAAU,UAAA;AAAA,EACV,SAAA,EAAW,WAAA;AAAA,EACX,IAAA,EAAM,MAAA;AAAA,EACN,MAAA,EAAQ,QAAA;AAAA,EACR,SAAA,EAAW;AACb,CAAA;AAEA,IAAM,aAAa,CAAC,MAAA,KAClB,WAAW,UAAA,IAAc,MAAA,KAAW,eAAe,MAAA,KAAW,QAAA;AAyBhE,IAAM,aAAA,GAAgB,UAAA;AAAA,EACpB,CAAC,EAAE,SAAA,EAAW,UAAA,EAAY,SAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AACrD,IAAA,MAAM,OAAA,GAAU,eAAA,CAAgB,UAAA,CAAW,MAAM,CAAA;AACjD,IAAA,MAAM,IAAA,GAAO,eAAA,CAAgB,UAAA,CAAW,MAAM,CAAA;AAC9C,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,uFAAA;AAAA,UACA,iBAAA;AAAA,UACA,qCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,YAAA,EAAA,EAAM,OAAA,EAAkB,SAAA,EAAU,6BAAA,EACjC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAA,CAAM,KAAN,EAAU,IAAA,EAAY,OAAO,UAAA,CAAW,UAAA,CAAW,MAAM,CAAA,EAAG,CAAA;AAAA,YAC5D,YAAA,CAAa,WAAW,MAAM;AAAA,WAAA,EACjC,CAAA;AAAA,0BAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mDAAA,EACV,QAAA,EAAA,UAAA,CAAW,aAAA,EACd,CAAA;AAAA,4BACA,IAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6EAAA,EACX,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBAAA,EAA0B,QAAA,EAAA,UAAA,CAAW,WAAA,EAAY,CAAA;AAAA,8BACjE,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,QAAA,EAAA,MAAA,EAAC,CAAA;AAAA,8BAC1B,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uDAAA,EACd,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,SAAA,EAAA,EAAU,WAAU,QAAA,EAAS,CAAA;AAAA,gBAAE,GAAA;AAAA,gBAAE,UAAA,CAAW,SAAA,CAAU,KAAA,CAAM,CAAA,EAAG,CAAC;AAAA,eAAA,EACnE,CAAA;AAAA,8BACA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,QAAA,EAAA,MAAA,EAAC,CAAA;AAAA,8BAC1B,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBAAA,EAA0B,qBAAW,MAAA,EAAO,CAAA;AAAA,cAC3D,UAAA,CAAW,yBACV,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,QAAA,EAAA,MAAA,EAAC,CAAA;AAAA,qCACzB,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,kBAAA,KAAA;AAAA,kBAAI,WAAW,MAAA,CAAO;AAAA,iBAAA,EAAK;AAAA,eAAA,EACnC,CAAA,GACE,IAAA;AAAA,cACH,UAAA,CAAW,2BACV,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,QAAA,EAAA,MAAA,EAAC,CAAA;AAAA,gCAC1B,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBAAA,EAA0B,qBAAW,QAAA,EAAS;AAAA,eAAA,EAChE,CAAA,GACE,IAAA;AAAA,8BACJ,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,QAAA,EAAA,MAAA,EAAC,CAAA;AAAA,8BAC1B,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,UAAA,CAAW,OAAA,EAAQ;AAAA,aAAA,EAC5B;AAAA,WAAA,EACF,CAAA;AAAA,UAEC,0BAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,mBAAQ,CAAA,GAAS;AAAA;AAAA;AAAA,KACxE;AAAA,EAEJ;AACF;AACA,aAAA,CAAc,WAAA,GAAc,eAAA","file":"chunk-QDAF3LP7.js","sourcesContent":["import { GitCommit } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { Badge } from \"../../primitives/badge/index.js\";\n\nexport type DeploymentStatus =\n  | \"queued\"\n  | \"building\"\n  | \"deploying\"\n  | \"live\"\n  | \"failed\"\n  | \"cancelled\";\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};\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};\n\nconst statusLabels: Record<DeploymentStatus, string> = {\n  queued: \"Queued\",\n  building: \"Building\",\n  deploying: \"Deploying\",\n  live: \"Live\",\n  failed: \"Failed\",\n  cancelled: \"Cancelled\",\n};\n\nconst isAnimated = (status: DeploymentStatus) =>\n  status === \"building\" || status === \"deploying\" || status === \"queued\";\n\nexport interface Deployment {\n  id: string;\n  status: DeploymentStatus;\n  environment: string;\n  branch: string;\n  commitSha: string;\n  commitMessage: string;\n  author?: { name: string; avatarUrl?: string };\n  duration?: string;\n  timeAgo: string;\n}\n\ninterface DeploymentRowProps extends HTMLAttributes<HTMLDivElement> {\n  deployment: Deployment;\n  actions?: ReactNode;\n}\n\n/**\n * DeploymentRow — one row in a deployment list (table-ish layout).\n *\n * Inspired by Vercel/Railway deployment lists. Composes Badge + Badge.Dot for status,\n * mono font for SHA/branch, muted-foreground for metadata.\n */\nconst DeploymentRow = forwardRef<HTMLDivElement, DeploymentRowProps>(\n  ({ className, deployment, actions, ...props }, ref) => {\n    const variant = statusToVariant[deployment.status];\n    const tone = statusToDotTone[deployment.status];\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"grid grid-cols-[auto_1fr_auto] items-center gap-4 border-border/40 border-b px-4 py-3\",\n          \"last:border-b-0\",\n          \"transition-colors hover:bg-muted/40\",\n          className,\n        )}\n        {...props}\n      >\n        <Badge variant={variant} className=\"min-w-[88px] justify-center\">\n          <Badge.Dot tone={tone} pulse={isAnimated(deployment.status)} />\n          {statusLabels[deployment.status]}\n        </Badge>\n\n        <div className=\"min-w-0\">\n          <p className=\"truncate font-medium text-body-sm text-foreground\">\n            {deployment.commitMessage}\n          </p>\n          <p className=\"mt-0.5 flex flex-wrap items-center gap-2 text-body-sm text-muted-foreground\">\n            <span className=\"font-mono text-code-sm\">{deployment.environment}</span>\n            <span aria-hidden=\"true\">·</span>\n            <span className=\"inline-flex items-center gap-1 font-mono text-code-sm\">\n              <GitCommit className=\"size-3\" /> {deployment.commitSha.slice(0, 7)}\n            </span>\n            <span aria-hidden=\"true\">·</span>\n            <span className=\"font-mono text-code-sm\">{deployment.branch}</span>\n            {deployment.author ? (\n              <>\n                <span aria-hidden=\"true\">·</span>\n                <span>by {deployment.author.name}</span>\n              </>\n            ) : null}\n            {deployment.duration ? (\n              <>\n                <span aria-hidden=\"true\">·</span>\n                <span className=\"font-mono text-code-sm\">{deployment.duration}</span>\n              </>\n            ) : null}\n            <span aria-hidden=\"true\">·</span>\n            <span>{deployment.timeAgo}</span>\n          </p>\n        </div>\n\n        {actions ? <div className=\"flex items-center gap-1\">{actions}</div> : null}\n      </div>\n    );\n  },\n);\nDeploymentRow.displayName = \"DeploymentRow\";\n\nexport { DeploymentRow };\n"]}

package/dist/chunk-QGVIGNJ3.js

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

package/dist/chunk-QGVIGNJ3.js.map

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

package/dist/chunk-QNUITYSY.js

@@ -0,0 +1,68 @@
+import { cn } from './chunk-EWDN56AS.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-QNUITYSY.js.map
+//# sourceMappingURL=chunk-QNUITYSY.js.map

package/dist/chunk-QNUITYSY.js.map

@@ -0,0 +1 @@
+{"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-QNUITYSY.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-QSWVN3RT.js

@@ -0,0 +1,116 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Clock, Sparkles, Coins, MessageSquare, ChevronRight } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var STATUS_CLASS = {
+  active: "border-primary/40 bg-primary/15 text-primary",
+  completed: "border-success/40 bg-success/15 text-success",
+  failed: "border-destructive/40 bg-destructive/15 text-destructive",
+  aborted: "border-border/40 bg-muted text-muted-foreground"
+};
+var STATUS_LABEL = {
+  active: "Active",
+  completed: "Completed",
+  failed: "Failed",
+  aborted: "Aborted"
+};
+var SessionTimeline = forwardRef(
+  ({ className, sessions, title = "Recent sessions", onOpen, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ref,
+      className: cn("rounded-xl border bg-card", className),
+      "aria-label": "Session history",
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsxs("header", { className: "flex items-baseline justify-between border-border/40 border-b px-4 py-3", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title }),
+          /* @__PURE__ */ jsxs("span", { className: "font-mono text-label text-muted-foreground", children: [
+            sessions.length,
+            " ",
+            sessions.length === 1 ? "session" : "sessions"
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsxs("ul", { className: "divide-y divide-border/30", children: [
+          sessions.map((s) => {
+            const RowTag = onOpen ? "button" : "div";
+            return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+              RowTag,
+              {
+                type: onOpen ? "button" : void 0,
+                onClick: onOpen ? () => onOpen(s.id) : void 0,
+                className: cn(
+                  "grid w-full grid-cols-[1fr_auto] items-center gap-3 px-4 py-3 text-left",
+                  onOpen && "hover:bg-muted/40 focus-visible:bg-muted/40 focus-visible:outline-none"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                      /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-body-sm text-foreground", children: s.title }),
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "inline-flex shrink-0 items-center rounded-full border px-2 py-0.5",
+                            "font-mono text-label uppercase tracking-wider",
+                            STATUS_CLASS[s.status]
+                          ),
+                          children: STATUS_LABEL[s.status]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-3 font-mono text-label text-muted-foreground", children: [
+                      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(Clock, { className: "size-3", "aria-hidden": "true" }),
+                        " ",
+                        s.startedAt,
+                        s.duration ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                          " \xB7 ",
+                          s.duration
+                        ] }) : null
+                      ] }),
+                      s.model ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(Sparkles, { className: "size-3", "aria-hidden": "true" }),
+                        " ",
+                        s.model
+                      ] }) : null,
+                      s.tokens ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(Coins, { className: "size-3", "aria-hidden": "true" }),
+                        " ",
+                        s.tokens,
+                        " tok"
+                      ] }) : null,
+                      s.cost !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
+                        "$",
+                        s.cost.toFixed(2)
+                      ] }) : null,
+                      s.messageCount !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx(MessageSquare, { className: "size-3", "aria-hidden": "true" }),
+                        " ",
+                        s.messageCount
+                      ] }) : null
+                    ] })
+                  ] }),
+                  onOpen ? /* @__PURE__ */ jsx(
+                    ChevronRight,
+                    {
+                      className: "size-4 shrink-0 text-muted-foreground",
+                      "aria-hidden": "true"
+                    }
+                  ) : null
+                ]
+              }
+            ) }, s.id);
+          }),
+          sessions.length === 0 ? /* @__PURE__ */ jsx("li", { className: "px-4 py-8 text-center font-sans text-body-sm text-muted-foreground", children: "No sessions yet." }) : null
+        ] })
+      ]
+    }
+  )
+);
+SessionTimeline.displayName = "SessionTimeline";
+
+export { SessionTimeline };
+//# sourceMappingURL=chunk-QSWVN3RT.js.map
+//# sourceMappingURL=chunk-QSWVN3RT.js.map

package/dist/chunk-QSWVN3RT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/session-timeline/session-timeline.tsx"],"names":[],"mappings":"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","file":"chunk-QSWVN3RT.js","sourcesContent":["import { ChevronRight, Clock, Coins, MessageSquare, Sparkles } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type SessionStatus = \"active\" | \"completed\" | \"failed\" | \"aborted\";\n\nexport interface SessionSummary {\n  id: string;\n  /** Friendly title (often the first user message). */\n  title: string;\n  /** ISO timestamp / friendly date label. */\n  startedAt: string;\n  duration?: string;\n  status: SessionStatus;\n  /** Agent/model that ran the session. */\n  model?: string;\n  /** Total tokens consumed (formatted, e.g. \"35.7k\"). */\n  tokens?: string;\n  /** Total cost (USD). */\n  cost?: number;\n  /** Number of messages in the session. */\n  messageCount?: number;\n}\n\ninterface SessionTimelineProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  sessions: SessionSummary[];\n  /** Title above the list. */\n  title?: ReactNode;\n  /** Fires when a row is clicked. */\n  onOpen?: (id: string) => void;\n}\n\nconst STATUS_CLASS: Record<SessionStatus, string> = {\n  active: \"border-primary/40 bg-primary/15 text-primary\",\n  completed: \"border-success/40 bg-success/15 text-success\",\n  failed: \"border-destructive/40 bg-destructive/15 text-destructive\",\n  aborted: \"border-border/40 bg-muted text-muted-foreground\",\n};\n\nconst STATUS_LABEL: Record<SessionStatus, string> = {\n  active: \"Active\",\n  completed: \"Completed\",\n  failed: \"Failed\",\n  aborted: \"Aborted\",\n};\n\n/**\n * SessionTimeline — historical view of past agent sessions with per-row\n * tokens / cost / duration / status. Click a row to open the full session.\n */\nconst SessionTimeline = forwardRef<HTMLDivElement, SessionTimelineProps>(\n  ({ className, sessions, title = \"Recent sessions\", onOpen, ...props }, ref) => (\n    <section\n      ref={ref}\n      className={cn(\"rounded-xl border bg-card\", className)}\n      aria-label=\"Session history\"\n      {...props}\n    >\n      {title ? (\n        <header className=\"flex items-baseline justify-between border-border/40 border-b px-4 py-3\">\n          <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n          <span className=\"font-mono text-label text-muted-foreground\">\n            {sessions.length} {sessions.length === 1 ? \"session\" : \"sessions\"}\n          </span>\n        </header>\n      ) : null}\n      <ul className=\"divide-y divide-border/30\">\n        {sessions.map((s) => {\n          const RowTag = onOpen ? \"button\" : \"div\";\n          return (\n            <li key={s.id}>\n              <RowTag\n                type={onOpen ? \"button\" : undefined}\n                onClick={onOpen ? () => onOpen(s.id) : undefined}\n                className={cn(\n                  \"grid w-full grid-cols-[1fr_auto] items-center gap-3 px-4 py-3 text-left\",\n                  onOpen &&\n                    \"hover:bg-muted/40 focus-visible:bg-muted/40 focus-visible:outline-none\",\n                )}\n              >\n                <div className=\"min-w-0\">\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <p className=\"truncate font-medium text-body-sm text-foreground\">{s.title}</p>\n                    <span\n                      className={cn(\n                        \"inline-flex shrink-0 items-center rounded-full border px-2 py-0.5\",\n                        \"font-mono text-label uppercase tracking-wider\",\n                        STATUS_CLASS[s.status],\n                      )}\n                    >\n                      {STATUS_LABEL[s.status]}\n                    </span>\n                  </div>\n                  <div className=\"mt-1 flex flex-wrap items-center gap-3 font-mono text-label text-muted-foreground\">\n                    <span className=\"inline-flex items-center gap-1\">\n                      <Clock className=\"size-3\" aria-hidden=\"true\" /> {s.startedAt}\n                      {s.duration ? <> · {s.duration}</> : null}\n                    </span>\n                    {s.model ? (\n                      <span className=\"inline-flex items-center gap-1\">\n                        <Sparkles className=\"size-3\" aria-hidden=\"true\" /> {s.model}\n                      </span>\n                    ) : null}\n                    {s.tokens ? (\n                      <span className=\"inline-flex items-center gap-1\">\n                        <Coins className=\"size-3\" aria-hidden=\"true\" /> {s.tokens} tok\n                      </span>\n                    ) : null}\n                    {s.cost !== undefined ? (\n                      <span className=\"tabular-nums\">${s.cost.toFixed(2)}</span>\n                    ) : null}\n                    {s.messageCount !== undefined ? (\n                      <span className=\"inline-flex items-center gap-1\">\n                        <MessageSquare className=\"size-3\" aria-hidden=\"true\" /> {s.messageCount}\n                      </span>\n                    ) : null}\n                  </div>\n                </div>\n                {onOpen ? (\n                  <ChevronRight\n                    className=\"size-4 shrink-0 text-muted-foreground\"\n                    aria-hidden=\"true\"\n                  />\n                ) : null}\n              </RowTag>\n            </li>\n          );\n        })}\n        {sessions.length === 0 ? (\n          <li className=\"px-4 py-8 text-center font-sans text-body-sm text-muted-foreground\">\n            No sessions yet.\n          </li>\n        ) : null}\n      </ul>\n    </section>\n  ),\n);\nSessionTimeline.displayName = \"SessionTimeline\";\n\nexport { SessionTimeline };\n"]}

package/dist/chunk-QTLQZ7OJ.js

@@ -0,0 +1,110 @@
+import { EmptyState } from './chunk-XJ3EG6XY.js';
+import { Card } from './chunk-K45OO62F.js';
+import { ActionBar } from './chunk-7EI7424P.js';
+import { cn } from './chunk-EWDN56AS.js';
+import { AlertCircle, Loader2 } from 'lucide-react';
+import { forwardRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PageShell = forwardRef(
+  ({
+    title,
+    description,
+    onTitleChange,
+    primaryAction,
+    search,
+    onFilterClick,
+    loading = false,
+    loadingNode,
+    error,
+    empty,
+    children,
+    className
+  }, ref) => {
+    useEffect(() => {
+      onTitleChange?.(title);
+    }, [title, onTitleChange]);
+    const hasActionBar = search !== void 0 || primaryAction !== void 0 || onFilterClick !== void 0;
+    let content;
+    if (loading) {
+      content = loadingNode ?? /* @__PURE__ */ jsxs(Card, { className: "flex items-center justify-center gap-3 p-12 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "size-5 animate-spin" }),
+        /* @__PURE__ */ jsx("span", { className: "font-sans text-body-sm", children: "Loading\u2026" })
+      ] });
+    } else if (error) {
+      content = /* @__PURE__ */ jsxs(Card, { className: "flex flex-col items-center gap-3 p-8 text-center", children: [
+        /* @__PURE__ */ jsx(AlertCircle, { "aria-hidden": "true", className: "size-8 text-destructive" }),
+        /* @__PURE__ */ jsx("p", { className: "font-sans text-body-sm text-foreground", children: error.message }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          error.onRetry ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: error.onRetry,
+              className: cn(
+                "inline-flex items-center rounded-md border border-border/40 px-3 py-1.5",
+                "font-sans text-body-sm text-foreground",
+                "transition-colors hover:bg-muted"
+              ),
+              children: "Retry"
+            }
+          ) : null,
+          error.docsHref ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: error.docsHref,
+              className: "font-sans text-body-sm text-primary hover:underline",
+              children: "View docs"
+            }
+          ) : null
+        ] })
+      ] });
+    } else if (empty) {
+      const emptyAction = empty.action;
+      content = /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: empty.icon,
+          title: empty.title,
+          description: empty.description,
+          action: emptyAction ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: emptyAction.onClick,
+              className: cn(
+                "inline-flex items-center rounded-md bg-primary px-3 py-1.5",
+                "font-medium font-sans text-body-sm text-primary-foreground",
+                "transition-colors hover:bg-primary-deep"
+              ),
+              children: emptyAction.label
+            }
+          ) : void 0
+        }
+      );
+    } else {
+      content = children;
+    }
+    return /* @__PURE__ */ jsxs(
+      "main",
+      {
+        ref,
+        "aria-busy": loading || void 0,
+        className: cn("flex flex-col gap-6", className),
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("h1", { className: "font-display font-semibold text-display-sm text-foreground tracking-tight", children: title }),
+            description ? /* @__PURE__ */ jsx("p", { className: "font-sans text-body-md text-muted-foreground", children: description }) : null
+          ] }),
+          hasActionBar ? /* @__PURE__ */ jsx(ActionBar, { search, primaryAction, onFilterClick }) : null,
+          /* @__PURE__ */ jsx("div", { children: content })
+        ]
+      }
+    );
+  }
+);
+PageShell.displayName = "PageShell";
+
+export { PageShell };
+//# sourceMappingURL=chunk-QTLQZ7OJ.js.map
+//# sourceMappingURL=chunk-QTLQZ7OJ.js.map

package/dist/chunk-QTLQZ7OJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/page-shell/page-shell.tsx"],"names":[],"mappings":"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","file":"chunk-QTLQZ7OJ.js","sourcesContent":["import { AlertCircle, Loader2 } from \"lucide-react\";\nimport { forwardRef, useEffect } from \"react\";\nimport type { ElementType, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport { ActionBar } from \"../../primitives/action-bar/index.js\";\nimport { Card } from \"../../primitives/card/index.js\";\nimport { EmptyState } from \"../../primitives/empty-state/index.js\";\n\n/**\n * PageShell — page-level scaffold composite.\n *\n * Renders title + optional description + optional ActionBar, then\n * one of four mutually-exclusive content states:\n *   1. loading (highest precedence)\n *   2. error\n *   3. empty\n *   4. children (default)\n *\n * Scope-narrowed per Brief #5 D3: PageShell does NOT manage\n * `document.title`. Use the optional `onTitleChange` callback to\n * wire your own hook (e.g. useSetPageTitle, react-helmet,\n * next/head).\n *\n * @example\n *   <PageShell\n *     title=\"Domains\"\n *     description=\"Custom domains and DNS verification.\"\n *     search={{ placeholder: \"Search…\", value: q, onChange: setQ }}\n *     primaryAction={{ label: \"Add domain\", icon: Plus, onClick: openModal }}\n *     loading={isLoading}\n *     error={error ? { message: error.message, onRetry: refetch } : undefined}\n *     empty={data?.length === 0 ? { title: \"No domains yet\" } : undefined}\n *   >\n *     <DataTable columns={…} data={data} />\n *   </PageShell>\n */\nexport interface PageShellProps {\n  title: string;\n  description?: ReactNode;\n  /** Optional callback invoked when `title` changes — wire to your own document.title hook. */\n  onTitleChange?: (title: string) => void;\n  primaryAction?: {\n    label: ReactNode;\n    icon?: ElementType;\n    onClick: () => void;\n    loading?: boolean;\n  };\n  search?: {\n    placeholder: string;\n    value: string;\n    onChange: (v: string) => void;\n  };\n  onFilterClick?: () => void;\n  loading?: boolean;\n  /** Custom loading UI. Defaults to a centered spinner card. */\n  loadingNode?: ReactNode;\n  error?: {\n    message: string;\n    onRetry?: () => void;\n    docsHref?: string;\n  };\n  empty?: {\n    icon?: ElementType;\n    title: string;\n    description?: ReactNode;\n    action?: { label: string; onClick: () => void };\n  };\n  children?: ReactNode;\n  className?: string;\n}\n\nconst PageShell = forwardRef<HTMLElement, PageShellProps>(\n  (\n    {\n      title,\n      description,\n      onTitleChange,\n      primaryAction,\n      search,\n      onFilterClick,\n      loading = false,\n      loadingNode,\n      error,\n      empty,\n      children,\n      className,\n    },\n    ref,\n  ) => {\n    useEffect(() => {\n      onTitleChange?.(title);\n    }, [title, onTitleChange]);\n\n    const hasActionBar =\n      search !== undefined || primaryAction !== undefined || onFilterClick !== undefined;\n\n    // State precedence: loading > error > empty > children\n    let content: ReactNode;\n    if (loading) {\n      content = loadingNode ?? (\n        <Card className=\"flex items-center justify-center gap-3 p-12 text-muted-foreground\">\n          <Loader2 aria-hidden=\"true\" className=\"size-5 animate-spin\" />\n          <span className=\"font-sans text-body-sm\">Loading…</span>\n        </Card>\n      );\n    } else if (error) {\n      content = (\n        <Card className=\"flex flex-col items-center gap-3 p-8 text-center\">\n          <AlertCircle aria-hidden=\"true\" className=\"size-8 text-destructive\" />\n          <p className=\"font-sans text-body-sm text-foreground\">{error.message}</p>\n          <div className=\"flex items-center gap-3\">\n            {error.onRetry ? (\n              <button\n                type=\"button\"\n                onClick={error.onRetry}\n                className={cn(\n                  \"inline-flex items-center rounded-md border border-border/40 px-3 py-1.5\",\n                  \"font-sans text-body-sm text-foreground\",\n                  \"transition-colors hover:bg-muted\",\n                )}\n              >\n                Retry\n              </button>\n            ) : null}\n            {error.docsHref ? (\n              <a\n                href={error.docsHref}\n                className=\"font-sans text-body-sm text-primary hover:underline\"\n              >\n                View docs\n              </a>\n            ) : null}\n          </div>\n        </Card>\n      );\n    } else if (empty) {\n      const emptyAction = empty.action;\n      content = (\n        <EmptyState\n          icon={empty.icon as Parameters<typeof EmptyState>[0][\"icon\"]}\n          title={empty.title}\n          description={empty.description}\n          action={\n            emptyAction ? (\n              <button\n                type=\"button\"\n                onClick={emptyAction.onClick}\n                className={cn(\n                  \"inline-flex items-center rounded-md bg-primary px-3 py-1.5\",\n                  \"font-medium font-sans text-body-sm text-primary-foreground\",\n                  \"transition-colors hover:bg-primary-deep\",\n                )}\n              >\n                {emptyAction.label}\n              </button>\n            ) : undefined\n          }\n        />\n      );\n    } else {\n      content = children;\n    }\n\n    return (\n      <main\n        ref={ref}\n        aria-busy={loading || undefined}\n        className={cn(\"flex flex-col gap-6\", className)}\n      >\n        <header className=\"flex flex-col gap-1\">\n          <h1 className=\"font-display font-semibold text-display-sm text-foreground tracking-tight\">\n            {title}\n          </h1>\n          {description ? (\n            <p className=\"font-sans text-body-md text-muted-foreground\">{description}</p>\n          ) : null}\n        </header>\n        {hasActionBar ? (\n          <ActionBar search={search} primaryAction={primaryAction} onFilterClick={onFilterClick} />\n        ) : null}\n        <div>{content}</div>\n      </main>\n    );\n  },\n);\nPageShell.displayName = \"PageShell\";\n\nexport { PageShell };\n"]}

package/dist/chunk-QYAMLIG2.js

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

package/dist/chunk-QYAMLIG2.js.map

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