@theokit/ui 0.13.0

package/dist/chunk-REILH4XF.js

@@ -0,0 +1,128 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Hash, Slash } from 'lucide-react';
+import { useState, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_TITLE = {
+  "/": "Commands",
+  "@": "Files",
+  "#": "Memories"
+};
+var DEFAULT_ICON = {
+  "/": Slash,
+  "@": Slash,
+  "#": Hash
+};
+function MentionMenu({
+  open,
+  trigger,
+  items,
+  onSelect,
+  onClose,
+  title,
+  emptyLabel = "No matches",
+  className
+}) {
+  const [activeIndex, setActiveIndex] = useState(0);
+  const listRef = useRef(null);
+  const resolvedTitle = title ?? DEFAULT_TITLE[trigger];
+  const TriggerIcon = DEFAULT_ICON[trigger];
+  useEffect(() => {
+    if (activeIndex >= items.length) setActiveIndex(Math.max(0, items.length - 1));
+  }, [items.length, activeIndex]);
+  useEffect(() => {
+    if (open) setActiveIndex(0);
+  }, [open, trigger]);
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setActiveIndex((i) => Math.min(items.length - 1, i + 1));
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setActiveIndex((i) => Math.max(0, i - 1));
+      } else if (e.key === "Enter") {
+        if (items.length === 0) return;
+        e.preventDefault();
+        const item = items[activeIndex];
+        if (item) onSelect(item);
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        onClose();
+      }
+    };
+    window.addEventListener("keydown", onKey, true);
+    return () => window.removeEventListener("keydown", onKey, true);
+  }, [open, items, activeIndex, onSelect, onClose]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "menu",
+      "aria-orientation": "vertical",
+      "aria-label": typeof resolvedTitle === "string" ? resolvedTitle : "Mention menu",
+      tabIndex: -1,
+      className: cn(
+        "absolute bottom-full left-0 z-40 mb-2 w-[22rem] max-w-full",
+        "overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-md",
+        "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
+        className
+      ),
+      "data-state": "open",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "presentation",
+            className: "flex items-center justify-between gap-2 border-border/40 border-b bg-muted/30 px-3 py-2",
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 font-mono text-label text-muted-foreground uppercase tracking-wider", children: [
+                /* @__PURE__ */ jsx(TriggerIcon, { className: "size-3", "aria-hidden": "true" }),
+                resolvedTitle
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-label text-muted-foreground tabular-nums", children: items.length })
+            ]
+          }
+        ),
+        items.length === 0 ? /* @__PURE__ */ jsx("div", { role: "presentation", className: "px-3 py-4 text-body-sm text-muted-foreground", children: emptyLabel }) : /* @__PURE__ */ jsx("ul", { ref: listRef, role: "presentation", className: "max-h-[18rem] overflow-y-auto py-1", children: items.map((item, idx) => {
+          const Icon = item.icon;
+          const active = idx === activeIndex;
+          return /* @__PURE__ */ jsx("li", { role: "presentation", children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              onMouseEnter: () => setActiveIndex(idx),
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: () => onSelect(item),
+              className: cn(
+                "flex w-full items-start gap-3 px-3 py-2 text-left",
+                "transition-colors duration-base ease-out-soft",
+                active ? "bg-muted" : "hover:bg-muted/60"
+              ),
+              "data-active": active || void 0,
+              children: [
+                Icon ? /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    className: "mt-0.5 size-4 shrink-0 text-muted-foreground",
+                    "aria-hidden": "true"
+                  }
+                ) : null,
+                /* @__PURE__ */ jsxs("span", { className: "grid min-w-0 flex-1 gap-0.5", children: [
+                  /* @__PURE__ */ jsx("span", { className: "truncate font-medium font-mono text-code-md", children: item.label }),
+                  item.description ? /* @__PURE__ */ jsx("span", { className: "truncate font-sans text-label text-muted-foreground", children: item.description }) : null
+                ] })
+              ]
+            }
+          ) }, item.id);
+        }) })
+      ]
+    }
+  );
+}
+
+export { MentionMenu };
+//# sourceMappingURL=chunk-REILH4XF.js.map
+//# sourceMappingURL=chunk-REILH4XF.js.map

package/dist/chunk-REILH4XF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/mention-menu/mention-menu.tsx"],"names":[],"mappings":"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","file":"chunk-REILH4XF.js","sourcesContent":["import { Hash, type LucideIcon, Slash } from \"lucide-react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\nimport type { IconComponent } from \"../../../lib/types.js\";\n\nexport interface MentionItem {\n  id: string;\n  /** Primary label shown on the row. */\n  label: ReactNode;\n  /** Secondary one-line description (optional). */\n  description?: ReactNode;\n  /** Optional per-row icon override. */\n  icon?: IconComponent;\n}\n\n/** Trigger character — drives the default header + icon if not overridden. */\nexport type MentionTrigger = \"/\" | \"@\" | \"#\";\n\ninterface MentionMenuProps {\n  /** Whether the panel is open. The consumer (composer) controls this. */\n  open: boolean;\n  /** Trigger character that opened the menu — used for default title + icon. */\n  trigger: MentionTrigger;\n  /** Items to display (already filtered by the consumer). */\n  items: MentionItem[];\n  /** Fires when the user selects an item via click or Enter. */\n  onSelect: (item: MentionItem) => void;\n  /** Fires when the user dismisses (Esc, click outside). */\n  onClose: () => void;\n  /** Title above the list. Defaults to the trigger's domain (\"Commands\", \"Files\", \"Memories\"). */\n  title?: ReactNode;\n  /** Empty-state message when items is empty. */\n  emptyLabel?: ReactNode;\n  /** Override the alignment relative to its anchor. Default: above-left. */\n  className?: string;\n}\n\nconst DEFAULT_TITLE: Record<MentionTrigger, string> = {\n  \"/\": \"Commands\",\n  \"@\": \"Files\",\n  \"#\": \"Memories\",\n};\n\nconst DEFAULT_ICON: Record<MentionTrigger, LucideIcon> = {\n  \"/\": Slash,\n  \"@\": Slash,\n  \"#\": Hash,\n};\n\n/**\n * MentionMenu — keyboard-navigable popover for slash-command / @file / #memory\n * triggers inside an agent composer.\n *\n * Generic by design: the consumer decides what items appear for each trigger\n * (commands list, file search, memory lookup, …). MentionMenu owns the visual\n * presentation, selection highlight, Esc/Enter/Arrow keys.\n *\n * Position: absolute, anchored to the closest positioned ancestor — usually\n * the composer wrapper. Default `bottom-full left-0` (above the composer).\n */\nexport function MentionMenu({\n  open,\n  trigger,\n  items,\n  onSelect,\n  onClose,\n  title,\n  emptyLabel = \"No matches\",\n  className,\n}: MentionMenuProps) {\n  const [activeIndex, setActiveIndex] = useState(0);\n  const listRef = useRef<HTMLUListElement>(null);\n\n  const resolvedTitle = title ?? DEFAULT_TITLE[trigger];\n  const TriggerIcon = DEFAULT_ICON[trigger];\n\n  // Clamp the highlighted index whenever items change.\n  useEffect(() => {\n    if (activeIndex >= items.length) setActiveIndex(Math.max(0, items.length - 1));\n  }, [items.length, activeIndex]);\n\n  // Reset highlight when the menu opens / trigger changes.\n  // biome-ignore lint/correctness/useExhaustiveDependencies: intentional reset on open/trigger\n  useEffect(() => {\n    if (open) setActiveIndex(0);\n  }, [open, trigger]);\n\n  // Global keyboard handler — Arrows / Enter / Esc. Captures while open.\n  useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        setActiveIndex((i) => Math.min(items.length - 1, i + 1));\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        setActiveIndex((i) => Math.max(0, i - 1));\n      } else if (e.key === \"Enter\") {\n        if (items.length === 0) return;\n        e.preventDefault();\n        const item = items[activeIndex];\n        if (item) onSelect(item);\n      } else if (e.key === \"Escape\") {\n        e.preventDefault();\n        onClose();\n      }\n    };\n    window.addEventListener(\"keydown\", onKey, true);\n    return () => window.removeEventListener(\"keydown\", onKey, true);\n  }, [open, items, activeIndex, onSelect, onClose]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      role=\"menu\"\n      aria-orientation=\"vertical\"\n      aria-label={typeof resolvedTitle === \"string\" ? resolvedTitle : \"Mention menu\"}\n      tabIndex={-1}\n      className={cn(\n        \"absolute bottom-full left-0 z-40 mb-2 w-[22rem] max-w-full\",\n        \"overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-md\",\n        \"data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in\",\n        className,\n      )}\n      data-state=\"open\"\n    >\n      <div\n        role=\"presentation\"\n        className=\"flex items-center justify-between gap-2 border-border/40 border-b bg-muted/30 px-3 py-2\"\n      >\n        <span className=\"inline-flex items-center gap-1.5 font-mono text-label text-muted-foreground uppercase tracking-wider\">\n          <TriggerIcon className=\"size-3\" aria-hidden=\"true\" />\n          {resolvedTitle}\n        </span>\n        <span className=\"font-mono text-label text-muted-foreground tabular-nums\">\n          {items.length}\n        </span>\n      </div>\n      {items.length === 0 ? (\n        <div role=\"presentation\" className=\"px-3 py-4 text-body-sm text-muted-foreground\">\n          {emptyLabel}\n        </div>\n      ) : (\n        <ul ref={listRef} role=\"presentation\" className=\"max-h-[18rem] overflow-y-auto py-1\">\n          {items.map((item, idx) => {\n            const Icon = item.icon;\n            const active = idx === activeIndex;\n            return (\n              <li key={item.id} role=\"presentation\">\n                <button\n                  type=\"button\"\n                  role=\"menuitem\"\n                  onMouseEnter={() => setActiveIndex(idx)}\n                  // Prevent textarea from losing focus on click so the caret stays put.\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => onSelect(item)}\n                  className={cn(\n                    \"flex w-full items-start gap-3 px-3 py-2 text-left\",\n                    \"transition-colors duration-base ease-out-soft\",\n                    active ? \"bg-muted\" : \"hover:bg-muted/60\",\n                  )}\n                  data-active={active || undefined}\n                >\n                  {Icon ? (\n                    <Icon\n                      className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\"\n                      aria-hidden=\"true\"\n                    />\n                  ) : null}\n                  <span className=\"grid min-w-0 flex-1 gap-0.5\">\n                    <span className=\"truncate font-medium font-mono text-code-md\">\n                      {item.label}\n                    </span>\n                    {item.description ? (\n                      <span className=\"truncate font-sans text-label text-muted-foreground\">\n                        {item.description}\n                      </span>\n                    ) : null}\n                  </span>\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-S6SSK6QX.js

@@ -0,0 +1,80 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var lineBg = {
+  added: "bg-success/10",
+  removed: "bg-destructive/10",
+  unchanged: "",
+  meta: "bg-muted/60 text-primary"
+};
+var sign = {
+  added: "+",
+  removed: "-",
+  unchanged: " ",
+  meta: "@"
+};
+var DiffViewer = forwardRef(
+  ({ className, path, stats, hunks, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("overflow-hidden rounded-xl border bg-card font-mono", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-3 border-border/40 border-b bg-muted/30 px-3 py-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate text-code-sm text-foreground", children: path }),
+          stats ? /* @__PURE__ */ jsxs("span", { className: "font-mono text-code-sm", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-success", children: [
+              "+",
+              stats.added
+            ] }),
+            " ",
+            /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+              "-",
+              stats.removed
+            ] })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsx("ol", { className: "text-code-sm", children: hunks.map((hunk) => /* @__PURE__ */ jsx("li", { children: hunk.collapsed ? /* @__PURE__ */ jsxs("div", { className: "px-3 py-1 text-muted-foreground italic", children: [
+          hunk.lines.length,
+          " unmodified lines"
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          hunk.header ? /* @__PURE__ */ jsx("div", { className: "bg-muted/60 px-3 py-1 text-primary", children: hunk.header }) : null,
+          /* @__PURE__ */ jsx("table", { className: "w-full border-collapse", "aria-label": `Diff hunk for ${path}`, children: /* @__PURE__ */ jsx("tbody", { children: hunk.lines.map((line, idx) => /* @__PURE__ */ jsxs("tr", { className: lineBg[line.kind], children: [
+            /* @__PURE__ */ jsx("td", { className: "select-none px-2 text-right text-muted-foreground/60 tabular-nums", children: line.oldNumber ?? "" }),
+            /* @__PURE__ */ jsx("td", { className: "select-none px-2 text-right text-muted-foreground/60 tabular-nums", children: line.newNumber ?? "" }),
+            /* @__PURE__ */ jsx(
+              "td",
+              {
+                className: cn(
+                  "select-none pr-1 pl-2",
+                  line.kind === "added" && "text-success",
+                  line.kind === "removed" && "text-destructive",
+                  line.kind === "meta" && "text-primary"
+                ),
+                children: sign[line.kind]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "td",
+              {
+                className: cn(
+                  "w-full whitespace-pre",
+                  line.kind === "added" && "text-success",
+                  line.kind === "removed" && "text-destructive"
+                ),
+                children: line.content
+              }
+            )
+          ] }, `${hunk.id}-${idx}`)) }) })
+        ] }) }, hunk.id)) })
+      ]
+    }
+  )
+);
+DiffViewer.displayName = "DiffViewer";
+
+export { DiffViewer };
+//# sourceMappingURL=chunk-S6SSK6QX.js.map
+//# sourceMappingURL=chunk-S6SSK6QX.js.map

package/dist/chunk-S6SSK6QX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/diff-viewer/diff-viewer.tsx"],"names":[],"mappings":"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","file":"chunk-S6SSK6QX.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\nexport type DiffLineKind = \"added\" | \"removed\" | \"unchanged\" | \"meta\";\n\nexport interface DiffLine {\n  kind: DiffLineKind;\n  /** Original line number (left side); undefined for added lines. */\n  oldNumber?: number;\n  /** New line number (right side); undefined for removed lines. */\n  newNumber?: number;\n  content: string;\n}\n\nexport interface DiffHunk {\n  id: string;\n  /**\n   * Optional header (e.g. \"@@ -42,7 +42,12 @@\"). Caller usually formats this.\n   */\n  header?: string;\n  lines: DiffLine[];\n  /**\n   * If true, the hunk is rendered as a collapsed \"N unmodified lines\" placeholder.\n   */\n  collapsed?: boolean;\n}\n\ninterface DiffViewerProps extends HTMLAttributes<HTMLDivElement> {\n  /** Path of the file being diffed. */\n  path: string;\n  /** Diff stats summary. */\n  stats?: { added: number; removed: number };\n  hunks: DiffHunk[];\n}\n\nconst lineBg: Record<DiffLineKind, string> = {\n  added: \"bg-success/10\",\n  removed: \"bg-destructive/10\",\n  unchanged: \"\",\n  meta: \"bg-muted/60 text-primary\",\n};\n\nconst sign: Record<DiffLineKind, string> = {\n  added: \"+\",\n  removed: \"-\",\n  unchanged: \" \",\n  meta: \"@\",\n};\n\n/**\n * DiffViewer — unified diff rendering, no external dep.\n *\n * Visual: two gutter columns (old/new line numbers) + sign + monospaced content.\n * Added/removed rows tinted in success/destructive. Collapsed hunks render as\n * a single muted row \"N unmodified lines\".\n *\n * For syntax highlighting, the consumer can render `content` via their own\n * highlighter and pass `unchanged` lines with already-highlighted strings (not\n * common; usually plain text is enough for the brutalist console aesthetic).\n */\nconst DiffViewer = forwardRef<HTMLDivElement, DiffViewerProps>(\n  ({ className, path, stats, hunks, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"overflow-hidden rounded-xl border bg-card font-mono\", className)}\n      {...props}\n    >\n      <header className=\"flex items-center justify-between gap-3 border-border/40 border-b bg-muted/30 px-3 py-2\">\n        <span className=\"truncate text-code-sm text-foreground\">{path}</span>\n        {stats ? (\n          <span className=\"font-mono text-code-sm\">\n            <span className=\"text-success\">+{stats.added}</span>{\" \"}\n            <span className=\"text-destructive\">-{stats.removed}</span>\n          </span>\n        ) : null}\n      </header>\n      <ol className=\"text-code-sm\">\n        {hunks.map((hunk) => (\n          <li key={hunk.id}>\n            {hunk.collapsed ? (\n              <div className=\"px-3 py-1 text-muted-foreground italic\">\n                {hunk.lines.length} unmodified lines\n              </div>\n            ) : (\n              <>\n                {hunk.header ? (\n                  <div className=\"bg-muted/60 px-3 py-1 text-primary\">{hunk.header}</div>\n                ) : null}\n                <table className=\"w-full border-collapse\" aria-label={`Diff hunk for ${path}`}>\n                  <tbody>\n                    {hunk.lines.map((line, idx) => (\n                      <tr key={`${hunk.id}-${idx}`} className={lineBg[line.kind]}>\n                        <td className=\"select-none px-2 text-right text-muted-foreground/60 tabular-nums\">\n                          {line.oldNumber ?? \"\"}\n                        </td>\n                        <td className=\"select-none px-2 text-right text-muted-foreground/60 tabular-nums\">\n                          {line.newNumber ?? \"\"}\n                        </td>\n                        <td\n                          className={cn(\n                            \"select-none pr-1 pl-2\",\n                            line.kind === \"added\" && \"text-success\",\n                            line.kind === \"removed\" && \"text-destructive\",\n                            line.kind === \"meta\" && \"text-primary\",\n                          )}\n                        >\n                          {sign[line.kind]}\n                        </td>\n                        <td\n                          className={cn(\n                            \"w-full whitespace-pre\",\n                            line.kind === \"added\" && \"text-success\",\n                            line.kind === \"removed\" && \"text-destructive\",\n                          )}\n                        >\n                          {line.content}\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </>\n            )}\n          </li>\n        ))}\n      </ol>\n    </div>\n  ),\n);\nDiffViewer.displayName = \"DiffViewer\";\n\nexport { DiffViewer };\n"]}

package/dist/chunk-SA7ED3PN.js

@@ -0,0 +1,68 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var INTENT_FILL = {
+  default: "bg-primary",
+  success: "bg-success",
+  warning: "bg-warning",
+  destructive: "bg-destructive"
+};
+var Progress = forwardRef(
+  ({
+    className,
+    value = 0,
+    max = 100,
+    intent = "default",
+    height = "h-1",
+    indeterminate = false,
+    ...props
+  }, ref) => {
+    const clampedMax = Math.max(0, max);
+    const clampedValue = Math.min(clampedMax, Math.max(0, value));
+    const percent = clampedMax > 0 ? clampedValue / clampedMax * 100 : 0;
+    const fillClass = INTENT_FILL[intent];
+    return (
+      // biome-ignore lint/a11y/useFocusableInteractive: WAI-ARIA `progressbar` is a status role (https://www.w3.org/TR/wai-aria-1.2/#progressbar) — NOT supposed to be focusable; screen readers announce updates without keyboard navigation.
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          role: "progressbar",
+          "aria-valuemin": 0,
+          "aria-valuemax": clampedMax,
+          "aria-valuenow": indeterminate ? void 0 : clampedValue,
+          "aria-busy": indeterminate ? true : void 0,
+          className: cn("relative w-full overflow-hidden rounded-full bg-muted", height, className),
+          ...props,
+          children: indeterminate ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "absolute inset-y-0 left-0 w-1/3 rounded-full",
+                "animate-[progress-indeterminate_1.4s_ease-in-out_infinite] motion-reduce:animate-none",
+                "motion-reduce:w-full motion-reduce:opacity-50",
+                fillClass
+              )
+            }
+          ) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "h-full rounded-full transition-[width] duration-base ease-out-soft",
+                "motion-reduce:transition-none",
+                fillClass
+              ),
+              style: { width: `${percent}%` }
+            }
+          )
+        }
+      )
+    );
+  }
+);
+Progress.displayName = "Progress";
+
+export { Progress };
+//# sourceMappingURL=chunk-SA7ED3PN.js.map
+//# sourceMappingURL=chunk-SA7ED3PN.js.map

package/dist/chunk-SA7ED3PN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/progress/progress.tsx"],"names":[],"mappings":";;;;AA+CA,IAAM,WAAA,GAAoE;AAAA,EACxE,OAAA,EAAS,YAAA;AAAA,EACT,OAAA,EAAS,YAAA;AAAA,EACT,OAAA,EAAS,YAAA;AAAA,EACT,WAAA,EAAa;AACf,CAAA;AAEA,IAAM,QAAA,GAAW,UAAA;AAAA,EACf,CACE;AAAA,IACE,SAAA;AAAA,IACA,KAAA,GAAQ,CAAA;AAAA,IACR,GAAA,GAAM,GAAA;AAAA,IACN,MAAA,GAAS,SAAA;AAAA,IACT,MAAA,GAAS,KAAA;AAAA,IACT,aAAA,GAAgB,KAAA;AAAA,IAChB,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,GAAG,CAAA;AAClC,IAAA,MAAM,YAAA,GAAe,KAAK,GAAA,CAAI,UAAA,EAAY,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,CAAC,CAAA;AAC5D,IAAA,MAAM,OAAA,GAAU,UAAA,GAAa,CAAA,GAAK,YAAA,GAAe,aAAc,GAAA,GAAM,CAAA;AACrE,IAAA,MAAM,SAAA,GAAY,YAAY,MAAM,CAAA;AAEpC,IAAA;AAAA;AAAA,sBAEE,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA,EAAK,aAAA;AAAA,UACL,eAAA,EAAe,CAAA;AAAA,UACf,eAAA,EAAe,UAAA;AAAA,UACf,eAAA,EAAe,gBAAgB,MAAA,GAAY,YAAA;AAAA,UAC3C,WAAA,EAAW,gBAAgB,IAAA,GAAO,MAAA;AAAA,UAClC,SAAA,EAAW,EAAA,CAAG,uDAAA,EAAyD,MAAA,EAAQ,SAAS,CAAA;AAAA,UACvF,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA,aAAA,mBACC,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,8CAAA;AAAA,gBACA,uFAAA;AAAA,gBACA,+CAAA;AAAA,gBACA;AAAA;AACF;AAAA,WACF,mBAEA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,oEAAA;AAAA,gBACA,+BAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA;AAAI;AAAA;AAChC;AAAA;AAEJ;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-SA7ED3PN.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Progress — accessible progress bar primitive.\n *\n * Built on `<div role=\"progressbar\">` (NOT native `<progress>`) so Tailwind\n * classes can style the track + fill cross-browser (Chrome/Safari/Firefox\n * shadow-DOM hooks for `<progress>` diverge). Matches Radix / shadcn /\n * Mantine convention.\n *\n * Variants:\n *   - intent: `default` | `success` | `warning` | `destructive` — controls fill color\n *   - height: `h-1` (4px, default) | `h-1.5` | `h-2` | `h-3`\n *   - indeterminate: animated bar, no value (e.g. \"uploading…\", \"building…\")\n *\n * Composition:\n *   <Progress value={42} max={100} intent=\"success\" aria-label=\"Upload\" />\n *   <Progress indeterminate aria-label=\"Building\" />\n *\n * A11y:\n *   - role=\"progressbar\"\n *   - aria-valuenow / aria-valuemin / aria-valuemax (determinate)\n *   - aria-busy=\"true\" when indeterminate\n *   - Respects `prefers-reduced-motion` (no animation when set)\n *\n * Used by `<UsageMeter>` to render each metric's fill bar, but ships as a\n * standalone primitive for direct consumer use (deploy phase, file upload,\n * build progress, quota fill).\n */\n\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, \"role\"> {\n  /** Current value (0..max). Values outside the range are clamped. */\n  value?: number;\n  /** Maximum value. Defaults to 100. */\n  max?: number;\n  /** Visual intent — controls fill color. */\n  intent?: \"default\" | \"success\" | \"warning\" | \"destructive\";\n  /** Bar height in tailwind units. Defaults to `\"h-1\"` (4px). */\n  height?: \"h-1\" | \"h-1.5\" | \"h-2\" | \"h-3\";\n  /** When true, animated bar with no value. Omits `aria-valuenow`, adds `aria-busy`. */\n  indeterminate?: boolean;\n  /** Accessible label. Required if not preceded by an `aria-labelledby` element. */\n  \"aria-label\"?: string;\n}\n\nconst INTENT_FILL: Record<NonNullable<ProgressProps[\"intent\"]>, string> = {\n  default: \"bg-primary\",\n  success: \"bg-success\",\n  warning: \"bg-warning\",\n  destructive: \"bg-destructive\",\n};\n\nconst Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      className,\n      value = 0,\n      max = 100,\n      intent = \"default\",\n      height = \"h-1\",\n      indeterminate = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const clampedMax = Math.max(0, max);\n    const clampedValue = Math.min(clampedMax, Math.max(0, value));\n    const percent = clampedMax > 0 ? (clampedValue / clampedMax) * 100 : 0;\n    const fillClass = INTENT_FILL[intent];\n\n    return (\n      // biome-ignore lint/a11y/useFocusableInteractive: WAI-ARIA `progressbar` is a status role (https://www.w3.org/TR/wai-aria-1.2/#progressbar) — NOT supposed to be focusable; screen readers announce updates without keyboard navigation.\n      <div\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuemin={0}\n        aria-valuemax={clampedMax}\n        aria-valuenow={indeterminate ? undefined : clampedValue}\n        aria-busy={indeterminate ? true : undefined}\n        className={cn(\"relative w-full overflow-hidden rounded-full bg-muted\", height, className)}\n        {...props}\n      >\n        {indeterminate ? (\n          <div\n            className={cn(\n              \"absolute inset-y-0 left-0 w-1/3 rounded-full\",\n              \"animate-[progress-indeterminate_1.4s_ease-in-out_infinite] motion-reduce:animate-none\",\n              \"motion-reduce:w-full motion-reduce:opacity-50\",\n              fillClass,\n            )}\n          />\n        ) : (\n          <div\n            className={cn(\n              \"h-full rounded-full transition-[width] duration-base ease-out-soft\",\n              \"motion-reduce:transition-none\",\n              fillClass,\n            )}\n            style={{ width: `${percent}%` }}\n          />\n        )}\n      </div>\n    );\n  },\n);\nProgress.displayName = \"Progress\";\n\nexport { Progress };\n"]}

package/dist/chunk-SIJOEM4N.js

@@ -0,0 +1,55 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { Cloud, FileSpreadsheet, Folder } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var CreatedFilesCard = forwardRef(
+  ({ className, title = "Files created", files, cta, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ref,
+      className: cn("rounded-xl border border-primary/40 bg-primary/5 p-4", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "mb-3 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Cloud, { className: "size-4 text-primary", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("h3", { className: "font-display text-title-md tracking-tight", children: title })
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "grid gap-2", children: files.map((file) => {
+          const Icon = file.icon ?? FileSpreadsheet;
+          const RowTag = file.href ? "a" : "div";
+          return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+            RowTag,
+            {
+              href: file.href,
+              target: file.href ? "_blank" : void 0,
+              rel: file.href ? "noreferrer" : void 0,
+              className: cn(
+                "flex items-center gap-3 rounded-md border border-border/40 bg-card px-3 py-2",
+                file.href && "transition-colors hover:border-primary/40 hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(Icon, { className: "size-5 shrink-0 text-primary", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("p", { className: "truncate font-mono text-code-md text-foreground", children: file.name }),
+                  file.destination ? /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 truncate text-body-sm text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx(Folder, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+                    " ",
+                    file.destination
+                  ] }) : null
+                ] }),
+                file.size ? /* @__PURE__ */ jsx("span", { className: "font-mono text-code-sm text-muted-foreground", children: file.size }) : null
+              ]
+            }
+          ) }, file.id);
+        }) }),
+        cta ? /* @__PURE__ */ jsx("div", { className: "mt-3 flex justify-end", children: cta }) : null
+      ]
+    }
+  )
+);
+CreatedFilesCard.displayName = "CreatedFilesCard";
+
+export { CreatedFilesCard };
+//# sourceMappingURL=chunk-SIJOEM4N.js.map
+//# sourceMappingURL=chunk-SIJOEM4N.js.map

package/dist/chunk-SIJOEM4N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/created-files-card/created-files-card.tsx"],"names":[],"mappings":";;;;;AAkCA,IAAM,gBAAA,GAAmB,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,KAAA,GAAQ,eAAA,EAAiB,OAAO,GAAA,EAAK,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7D,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,sDAAA,EAAwD,SAAS,CAAA;AAAA,MAC9E,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,QAAA,EAAA,EAAO,WAAU,8BAAA,EAChB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,0BAC1D,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2CAAA,EAA6C,QAAA,EAAA,KAAA,EAAM;AAAA,SAAA,EACnE,CAAA;AAAA,4BACC,IAAA,EAAA,EAAG,SAAA,EAAU,cACX,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,UAAA,MAAM,IAAA,GAAO,KAAK,IAAA,IAAQ,eAAA;AAC1B,UAAA,MAAM,MAAA,GAAS,IAAA,CAAK,IAAA,GAAO,GAAA,GAAM,KAAA;AACjC,UAAA,2BACG,IAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,MAAA,EAAQ,IAAA,CAAK,IAAA,GAAO,QAAA,GAAW,MAAA;AAAA,cAC/B,GAAA,EAAK,IAAA,CAAK,IAAA,GAAO,YAAA,GAAe,MAAA;AAAA,cAChC,SAAA,EAAW,EAAA;AAAA,gBACT,8EAAA;AAAA,gBACA,KAAK,IAAA,IACH;AAAA,eACJ;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAA+B,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,gCAClE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iDAAA,EAAmD,QAAA,EAAA,IAAA,CAAK,IAAA,EAAK,CAAA;AAAA,kBACzE,IAAA,CAAK,WAAA,mBACJ,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,qEAAA,EACX,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAA,EAAU,iBAAA,EAAkB,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,oBAAE,GAAA;AAAA,oBAAE,IAAA,CAAK;AAAA,mBAAA,EAClE,CAAA,GACE;AAAA,iBAAA,EACN,CAAA;AAAA,gBACC,IAAA,CAAK,uBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,8CAAA,EAAgD,QAAA,EAAA,IAAA,CAAK,MAAK,CAAA,GACxE;AAAA;AAAA;AAAA,WACN,EAAA,EAvBO,KAAK,EAwBd,CAAA;AAAA,QAEJ,CAAC,CAAA,EACH,CAAA;AAAA,QACC,sBAAM,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAyB,eAAI,CAAA,GAAS;AAAA;AAAA;AAAA;AAGlE;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"chunk-SIJOEM4N.js","sourcesContent":["import { Cloud, FileSpreadsheet, Folder } 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 interface CreatedFile {\n  id: string;\n  name: string;\n  /** Optional size for display, e.g. \"42 KB\". */\n  size?: string;\n  /** Icon override. */\n  icon?: IconComponent;\n  /** Optional destination metadata (e.g. \"Google Drive · /Reports\"). */\n  destination?: ReactNode;\n  /** Optional URL to open the file. */\n  href?: string;\n}\n\ninterface CreatedFilesCardProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n  title?: ReactNode;\n  files: CreatedFile[];\n  /**\n   * Optional CTA shown at the bottom (e.g. \"Move to Google Drive\").\n   */\n  cta?: ReactNode;\n}\n\n/**\n * CreatedFilesCard — surfaces files produced by a completed task.\n *\n * From WIREMOCKS §2: each file is a card-like row with icon + name + destination.\n * Used as social proof of delivery in Task Completed views.\n */\nconst CreatedFilesCard = forwardRef<HTMLElement, CreatedFilesCardProps>(\n  ({ className, title = \"Files created\", files, cta, ...props }, ref) => (\n    <section\n      ref={ref}\n      className={cn(\"rounded-xl border border-primary/40 bg-primary/5 p-4\", className)}\n      {...props}\n    >\n      <header className=\"mb-3 flex items-center gap-2\">\n        <Cloud className=\"size-4 text-primary\" aria-hidden=\"true\" />\n        <h3 className=\"font-display text-title-md tracking-tight\">{title}</h3>\n      </header>\n      <ul className=\"grid gap-2\">\n        {files.map((file) => {\n          const Icon = file.icon ?? FileSpreadsheet;\n          const RowTag = file.href ? \"a\" : \"div\";\n          return (\n            <li key={file.id}>\n              <RowTag\n                href={file.href}\n                target={file.href ? \"_blank\" : undefined}\n                rel={file.href ? \"noreferrer\" : undefined}\n                className={cn(\n                  \"flex items-center gap-3 rounded-md border border-border/40 bg-card px-3 py-2\",\n                  file.href &&\n                    \"transition-colors hover:border-primary/40 hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n                )}\n              >\n                <Icon className=\"size-5 shrink-0 text-primary\" aria-hidden=\"true\" />\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"truncate font-mono text-code-md text-foreground\">{file.name}</p>\n                  {file.destination ? (\n                    <p className=\"flex items-center gap-1 truncate text-body-sm text-muted-foreground\">\n                      <Folder className=\"size-3 shrink-0\" aria-hidden=\"true\" /> {file.destination}\n                    </p>\n                  ) : null}\n                </div>\n                {file.size ? (\n                  <span className=\"font-mono text-code-sm text-muted-foreground\">{file.size}</span>\n                ) : null}\n              </RowTag>\n            </li>\n          );\n        })}\n      </ul>\n      {cta ? <div className=\"mt-3 flex justify-end\">{cta}</div> : null}\n    </section>\n  ),\n);\nCreatedFilesCard.displayName = \"CreatedFilesCard\";\n\nexport { CreatedFilesCard };\n"]}

package/dist/chunk-SLOKAAH2.js

@@ -0,0 +1,70 @@
+import { cn } from './chunk-EWDN56AS.js';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { cva } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var avatarVariants = cva(
+  [
+    "relative inline-flex shrink-0 overflow-hidden rounded-full",
+    "border border-border/40 bg-muted text-foreground"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "size-6 text-label",
+        sm: "size-7 text-label",
+        md: "size-9 text-body-sm",
+        lg: "size-12 text-body-md",
+        xl: "size-16 text-title-md"
+      },
+      tone: {
+        muted: "bg-muted text-foreground",
+        primary: "bg-primary text-primary-foreground",
+        accent: "bg-accent text-accent-foreground"
+      }
+    },
+    defaultVariants: { size: "md", tone: "muted" }
+  }
+);
+var AvatarRoot = forwardRef(
+  ({ className, size, tone, ...props }, ref) => /* @__PURE__ */ jsx(
+    AvatarPrimitive.Root,
+    {
+      ref,
+      className: cn(avatarVariants({ size, tone }), className),
+      ...props
+    }
+  )
+);
+AvatarRoot.displayName = "Avatar";
+var AvatarImage = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square size-full object-cover", className),
+    ...props
+  }
+));
+AvatarImage.displayName = "Avatar.Image";
+var AvatarFallback = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center font-medium leading-none",
+      className
+    ),
+    delayMs: 300,
+    ...props
+  }
+));
+AvatarFallback.displayName = "Avatar.Fallback";
+var Avatar = /* @__PURE__ */ Object.assign(AvatarRoot, {
+  Image: AvatarImage,
+  Fallback: AvatarFallback
+});
+
+export { Avatar, avatarVariants };
+//# sourceMappingURL=chunk-SLOKAAH2.js.map
+//# sourceMappingURL=chunk-SLOKAAH2.js.map

package/dist/chunk-SLOKAAH2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/avatar/avatar.tsx"],"names":[],"mappings":";;;;;;AAmBA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB;AAAA,IACE,4DAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO,0BAAA;AAAA,QACP,OAAA,EAAS,oCAAA;AAAA,QACT,MAAA,EAAQ;AAAA;AACV,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA,EAAM,MAAM,OAAA;AAAQ;AAEjD;AAMA,IAAM,UAAA,GAAa,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,MAAM,GAAG,KAAA,IAAS,GAAA,qBACpC,GAAA;AAAA,IAAiB,eAAA,CAAA,IAAA;AAAA,IAAhB;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,MAAM,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACtD,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,UAAA,CAAW,WAAA,GAAc,QAAA;AAEzB,IAAM,WAAA,GAAc,WAGlB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAiB,eAAA,CAAA,KAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,sCAAA,EAAwC,SAAS,CAAA;AAAA,IAC9D,GAAG;AAAA;AACN,CACD,CAAA;AACD,WAAA,CAAY,WAAA,GAAc,cAAA;AAE1B,IAAM,cAAA,GAAiB,WAGrB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAiB,eAAA,CAAA,QAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,yEAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,OAAA,EAAS,GAAA;AAAA,IACR,GAAG;AAAA;AACN,CACD,CAAA;AACD,cAAA,CAAe,WAAA,GAAc,iBAAA;AAE7B,IAAM,MAAA,mBAAuB,MAAA,CAAO,MAAA,CAAO,UAAA,EAAY;AAAA,EACrD,KAAA,EAAO,WAAA;AAAA,EACP,QAAA,EAAU;AACZ,CAAC","file":"chunk-SLOKAAH2.js","sourcesContent":["import * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Avatar — user/team avatar with safe fallback to initials.\n *\n * Composition:\n *   <Avatar size=\"md\">\n *     <Avatar.Image src=\"…\" alt=\"…\" />\n *     <Avatar.Fallback>AA</Avatar.Fallback>\n *   </Avatar>\n *\n * Built on Radix Avatar (handles image load failures → fallback automatically).\n * Sizes scale on the root; fallback inherits the size's text scale.\n */\n\nconst avatarVariants = cva(\n  [\n    \"relative inline-flex shrink-0 overflow-hidden rounded-full\",\n    \"border border-border/40 bg-muted text-foreground\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"size-6 text-label\",\n        sm: \"size-7 text-label\",\n        md: \"size-9 text-body-sm\",\n        lg: \"size-12 text-body-md\",\n        xl: \"size-16 text-title-md\",\n      },\n      tone: {\n        muted: \"bg-muted text-foreground\",\n        primary: \"bg-primary text-primary-foreground\",\n        accent: \"bg-accent text-accent-foreground\",\n      },\n    },\n    defaultVariants: { size: \"md\", tone: \"muted\" },\n  },\n);\n\ninterface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatarVariants> {}\n\nconst AvatarRoot = forwardRef<ElementRef<typeof AvatarPrimitive.Root>, AvatarProps>(\n  ({ className, size, tone, ...props }, ref) => (\n    <AvatarPrimitive.Root\n      ref={ref}\n      className={cn(avatarVariants({ size, tone }), className)}\n      {...props}\n    />\n  ),\n);\nAvatarRoot.displayName = \"Avatar\";\n\nconst AvatarImage = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Image>,\n  ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn(\"aspect-square size-full object-cover\", className)}\n    {...props}\n  />\n));\nAvatarImage.displayName = \"Avatar.Image\";\n\nconst AvatarFallback = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Fallback>,\n  ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      \"flex h-full w-full items-center justify-center font-medium leading-none\",\n      className,\n    )}\n    delayMs={300}\n    {...props}\n  />\n));\nAvatarFallback.displayName = \"Avatar.Fallback\";\n\nconst Avatar = /*#__PURE__*/ Object.assign(AvatarRoot, {\n  Image: AvatarImage,\n  Fallback: AvatarFallback,\n});\n\nexport { Avatar, avatarVariants };\n"]}

package/dist/chunk-TR6NPSMX.js

@@ -0,0 +1,85 @@
+import { cn } from './chunk-EWDN56AS.js';
+import { GitBranch, ChevronsUpDown } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var STATUS_CLASS = {
+  idle: "bg-muted-foreground/40",
+  running: "bg-success animate-pulse",
+  error: "bg-destructive",
+  offline: "bg-muted-foreground/20"
+};
+var STATUS_LABEL = {
+  idle: "Idle",
+  running: "Agent running",
+  error: "Error",
+  offline: "Offline"
+};
+var ProjectSwitcher = forwardRef(
+  ({ className, workspace, branch, status = "idle", brand, onClick, disabled, ...props }, ref) => {
+    const isInteractive = !!onClick;
+    const inferredBrand = brand ?? (typeof workspace === "string" ? workspace.charAt(0).toUpperCase() : "\xB7");
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "grid size-8 shrink-0 place-items-center rounded-lg bg-primary font-black font-display text-primary-foreground",
+          "aria-hidden": "true",
+          children: inferredBrand
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "grid min-w-0 flex-1 text-left", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate font-display text-title-md leading-none", children: workspace }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn("size-1.5 shrink-0 rounded-full", STATUS_CLASS[status]),
+              "aria-label": STATUS_LABEL[status],
+              role: "img"
+            }
+          )
+        ] }),
+        branch ? /* @__PURE__ */ jsxs("span", { className: "mt-1 inline-flex items-center gap-1 truncate font-mono text-label text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(GitBranch, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+          " ",
+          branch
+        ] }) : null
+      ] }),
+      isInteractive ? /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }) : null
+    ] });
+    if (!isInteractive) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn("flex w-full items-center gap-3 px-5 py-3 text-card-foreground", className),
+          "aria-disabled": disabled || void 0,
+          children: content
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick,
+        disabled,
+        className: cn(
+          "flex w-full items-center gap-3 px-5 py-3 text-card-foreground",
+          "transition-colors hover:bg-muted/40",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ...props,
+        children: content
+      }
+    );
+  }
+);
+ProjectSwitcher.displayName = "ProjectSwitcher";
+
+export { ProjectSwitcher };
+//# sourceMappingURL=chunk-TR6NPSMX.js.map
+//# sourceMappingURL=chunk-TR6NPSMX.js.map

package/dist/chunk-TR6NPSMX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/project-switcher/project-switcher.tsx"],"names":[],"mappings":"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","file":"chunk-TR6NPSMX.js","sourcesContent":["import { ChevronsUpDown, GitBranch } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * ProjectSwitcher — sidebar header for a code agent app.\n *\n * Shows the active workspace (folder name) + branch + status dot + a tiny\n * `ChevronsUpDown` hint when clickable. Used in Sidebar.Header to anchor the\n * current project context for the session list below.\n *\n *   <Sidebar.Header className=\"p-0\">\n *     <ProjectSwitcher\n *       workspace=\"acme-web\"\n *       branch=\"claude/alignment-grid\"\n *       status=\"running\"\n *       onClick={openProjectPicker}\n *     />\n *   </Sidebar.Header>\n *\n * If `onClick` is omitted, renders as a static `<div>` (no chevron, not focusable).\n */\n\nexport type ProjectStatus = \"idle\" | \"running\" | \"error\" | \"offline\";\n\nconst STATUS_CLASS: Record<ProjectStatus, string> = {\n  idle: \"bg-muted-foreground/40\",\n  running: \"bg-success animate-pulse\",\n  error: \"bg-destructive\",\n  offline: \"bg-muted-foreground/20\",\n};\n\nconst STATUS_LABEL: Record<ProjectStatus, string> = {\n  idle: \"Idle\",\n  running: \"Agent running\",\n  error: \"Error\",\n  offline: \"Offline\",\n};\n\ninterface ProjectSwitcherProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"type\" | \"children\"> {\n  /** Workspace / folder name (e.g. \"acme-web\"). */\n  workspace: ReactNode;\n  /** Optional git branch. Renders inline with a GitBranch icon. */\n  branch?: ReactNode;\n  /** Optional status dot. Defaults to \"idle\". */\n  status?: ProjectStatus;\n  /** Brand letter / icon shown in the violet tile. Default: first char of workspace if string. */\n  brand?: ReactNode;\n}\n\nconst ProjectSwitcher = forwardRef<HTMLButtonElement, ProjectSwitcherProps>(\n  ({ className, workspace, branch, status = \"idle\", brand, onClick, disabled, ...props }, ref) => {\n    const isInteractive = !!onClick;\n    const inferredBrand =\n      brand ?? (typeof workspace === \"string\" ? workspace.charAt(0).toUpperCase() : \"·\");\n    const content = (\n      <>\n        <span\n          className=\"grid size-8 shrink-0 place-items-center rounded-lg bg-primary font-black font-display text-primary-foreground\"\n          aria-hidden=\"true\"\n        >\n          {inferredBrand}\n        </span>\n        <div className=\"grid min-w-0 flex-1 text-left\">\n          <div className=\"flex min-w-0 items-center gap-1.5\">\n            <span className=\"truncate font-display text-title-md leading-none\">{workspace}</span>\n            <span\n              className={cn(\"size-1.5 shrink-0 rounded-full\", STATUS_CLASS[status])}\n              aria-label={STATUS_LABEL[status]}\n              role=\"img\"\n            />\n          </div>\n          {branch ? (\n            <span className=\"mt-1 inline-flex items-center gap-1 truncate font-mono text-label text-muted-foreground\">\n              <GitBranch className=\"size-3 shrink-0\" aria-hidden=\"true\" /> {branch}\n            </span>\n          ) : null}\n        </div>\n        {isInteractive ? (\n          <ChevronsUpDown className=\"size-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n        ) : null}\n      </>\n    );\n\n    if (!isInteractive) {\n      return (\n        <div\n          className={cn(\"flex w-full items-center gap-3 px-5 py-3 text-card-foreground\", className)}\n          aria-disabled={disabled || undefined}\n        >\n          {content}\n        </div>\n      );\n    }\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={onClick}\n        disabled={disabled}\n        className={cn(\n          \"flex w-full items-center gap-3 px-5 py-3 text-card-foreground\",\n          \"transition-colors hover:bg-muted/40\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      >\n        {content}\n      </button>\n    );\n  },\n);\nProjectSwitcher.displayName = \"ProjectSwitcher\";\n\nexport { ProjectSwitcher };\n"]}