@arbidocs/blocks 0.5.23 → 0.5.25

package/dist/chunk-KUQOHPKP.cjs

@@ -0,0 +1,443 @@
+"use client";
+'use strict';
+
+var chunkNWNVWO6L_cjs = require('./chunk-NWNVWO6L.cjs');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/theme/tokens.ts
+var THEME_STYLE_ID = "arbi-theme-vars";
+var TRIPLET_RE = /^-?\d+(?:\.\d+)?\s+-?\d+(?:\.\d+)?%\s+-?\d+(?:\.\d+)?%$/;
+function parseRgb(color) {
+  if (color.startsWith("#")) {
+    let hex = color.slice(1);
+    if (hex.length === 3) {
+      hex = hex.split("").map((ch) => ch + ch).join("");
+    }
+    if (hex.length === 6 && /^[0-9a-fA-F]{6}$/.test(hex)) {
+      return {
+        r: parseInt(hex.slice(0, 2), 16),
+        g: parseInt(hex.slice(2, 4), 16),
+        b: parseInt(hex.slice(4, 6), 16)
+      };
+    }
+    return null;
+  }
+  const m = color.match(/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)/i);
+  if (m) return { r: Number(m[1]), g: Number(m[2]), b: Number(m[3]) };
+  return null;
+}
+function rgbToHslTriplet(r, g, b) {
+  const rn = r / 255;
+  const gn = g / 255;
+  const bn = b / 255;
+  const max = Math.max(rn, gn, bn);
+  const min = Math.min(rn, gn, bn);
+  const l = (max + min) / 2;
+  const d = max - min;
+  let h = 0;
+  let s = 0;
+  if (d !== 0) {
+    s = d / (1 - Math.abs(2 * l - 1));
+    switch (max) {
+      case rn:
+        h = 60 * ((gn - bn) / d % 6);
+        break;
+      case gn:
+        h = 60 * ((bn - rn) / d + 2);
+        break;
+      default:
+        h = 60 * ((rn - gn) / d + 4);
+        break;
+    }
+  }
+  if (h < 0) h += 360;
+  return `${Math.round(h)} ${Math.round(s * 100)}% ${Math.round(l * 100)}%`;
+}
+function toHslTriplet(color) {
+  const c = color.trim();
+  if (TRIPLET_RE.test(c)) return c;
+  const rgb = parseRgb(c);
+  if (!rgb) return c;
+  return rgbToHslTriplet(rgb.r, rgb.g, rgb.b);
+}
+function renderTripletBlock(colors) {
+  return Object.entries(colors).map(([key, value]) => `  --${key}: ${toHslTriplet(value)};`).join("\n");
+}
+function emitCssVars(theme, dark) {
+  if (typeof document === "undefined") return;
+  const meta = [
+    `  --font-display: ${theme.fonts.display};`,
+    `  --font-sans: ${theme.fonts.sans};`,
+    `  --radius: ${theme.radius}rem;`
+  ].join("\n");
+  let css = `:root {
+${renderTripletBlock(theme.colors)}
+${meta}
+}`;
+  if (dark) {
+    css += `
+:root.dark {
+${renderTripletBlock(dark)}
+}`;
+  }
+  let style = document.getElementById(THEME_STYLE_ID);
+  if (!style) {
+    style = document.createElement("style");
+    style.id = THEME_STYLE_ID;
+    document.head.appendChild(style);
+  }
+  style.textContent = css;
+}
+function removeCssVars() {
+  if (typeof document === "undefined") return;
+  document.getElementById(THEME_STYLE_ID)?.remove();
+}
+function normalizeOptions(optionsOrRoot) {
+  if (typeof HTMLElement !== "undefined" && optionsOrRoot instanceof HTMLElement) {
+    return { root: optionsOrRoot };
+  }
+  return optionsOrRoot;
+}
+function applyThemeVars(theme, optionsOrRoot = {}) {
+  const { mode = "flat", dark, root = document.documentElement } = normalizeOptions(optionsOrRoot);
+  if (mode === "cssVars") {
+    emitCssVars(theme, dark);
+    return;
+  }
+  for (const [key, value] of Object.entries(theme.colors)) {
+    root.style.setProperty(`--color-${key}`, value);
+  }
+  root.style.setProperty("--font-display", theme.fonts.display);
+  root.style.setProperty("--font-sans", theme.fonts.sans);
+  root.style.setProperty("--radius", `${theme.radius}rem`);
+}
+function applyFontVars(fonts, root = document.documentElement) {
+  root.style.setProperty("--font-display", fonts.display);
+  root.style.setProperty("--font-sans", fonts.sans);
+}
+function clearFontVars(root = document.documentElement) {
+  root.style.removeProperty("--font-display");
+  root.style.removeProperty("--font-sans");
+}
+function clearThemeVars(theme, optionsOrRoot = {}) {
+  const { mode = "flat", root = document.documentElement } = normalizeOptions(optionsOrRoot);
+  if (mode === "cssVars") {
+    removeCssVars();
+    return;
+  }
+  for (const key of Object.keys(theme.colors)) {
+    root.style.removeProperty(`--color-${key}`);
+  }
+  root.style.removeProperty("--font-display");
+  root.style.removeProperty("--font-sans");
+  root.style.removeProperty("--radius");
+}
+function ThemeEditor({
+  bundle,
+  variant = "panel",
+  preview,
+  onSave,
+  testIdPrefix = "theme",
+  defaultOpen = false
+}) {
+  const { useStore, tokens, presets, groupLabels, mode, darkColors } = bundle;
+  const colors = useStore((s) => s.colors);
+  const fonts = useStore((s) => s.fonts);
+  const radius = useStore((s) => s.radius);
+  const activePresetId = useStore((s) => s.activePresetId);
+  const setColor = useStore((s) => s.setColor);
+  const setFont = useStore((s) => s.setFont);
+  const setFontPairing = useStore((s) => s.setFontPairing);
+  const setRadius = useStore((s) => s.setRadius);
+  const applyPreset = useStore((s) => s.applyPreset);
+  const reset = useStore((s) => s.reset);
+  const [open, setOpen] = react.useState(defaultOpen);
+  const [saving, setSaving] = react.useState(false);
+  const [savedVia, setSavedVia] = react.useState(null);
+  react.useEffect(() => {
+    applyThemeVars({ colors, fonts, radius }, { mode, dark: darkColors });
+  }, [colors, fonts, radius, mode, darkColors]);
+  const tid2 = (suffix) => `${testIdPrefix}-${suffix}`;
+  const groups = [...new Set(tokens.map((t) => t.group))];
+  const save = async () => {
+    if (!onSave) return;
+    setSaving(true);
+    try {
+      const via = await onSave();
+      setSavedVia(typeof via === "string" ? via : "saved");
+    } catch {
+      setSavedVia(null);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const Presets = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+    presets.map((p) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => applyPreset(p.id),
+        className: `rounded-full border px-3 py-1 text-xs font-medium transition-colors ${activePresetId === p.id ? "border-primary bg-primary text-primary-foreground" : "border-border text-foreground hover:border-primary"}`,
+        "data-testid": tid2(`preset-${p.id}`),
+        children: p.label
+      },
+      p.id
+    )),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: reset,
+        className: "ml-auto inline-flex items-center gap-1.5 text-xs font-medium text-muted-foreground hover:text-foreground",
+        "data-testid": tid2("reset"),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "size-3" }),
+          " Reset"
+        ]
+      }
+    )
+  ] });
+  const colorRow = (k, label) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "color",
+        value: colors[k] ?? "#000000",
+        onChange: (e) => setColor(k, e.target.value),
+        className: "size-9 shrink-0 cursor-pointer rounded-md border border-border bg-transparent",
+        "aria-label": label,
+        "data-testid": tid2(`color-${k}`)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          value: colors[k] ?? "",
+          onChange: (e) => setColor(k, e.target.value),
+          "aria-label": `${label} hex value`,
+          className: "bg-card placeholder:text-muted-foreground focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring h-7 font-mono text-xs",
+          "data-testid": tid2(`hex-${k}`)
+        }
+      )
+    ] })
+  ] }, k);
+  const activePairing = chunkNWNVWO6L_cjs.matchFontPairing(fonts);
+  const Typography = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-muted-foreground", children: "Typeface" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "select",
+        {
+          value: activePairing?.id ?? "",
+          onChange: (e) => setFontPairing(e.target.value),
+          "aria-label": "Typeface",
+          className: "mt-1 h-8 w-full rounded-md border border-border bg-card px-2 text-xs text-foreground focus-visible:border-ring/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          "data-testid": tid2("font-pairing"),
+          children: [
+            !activePairing && /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Custom" }),
+            chunkNWNVWO6L_cjs.FONT_PAIRINGS.map((pairing) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: pairing.id, children: pairing.label }, pairing.id))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: activePairing?.description ?? "Hand-edited font stacks." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-muted-foreground", children: "Display font stack" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          value: fonts.display,
+          onChange: (e) => setFont("display", e.target.value),
+          "aria-label": "Display font stack",
+          className: "bg-card placeholder:text-muted-foreground focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring mt-1 font-mono text-xs",
+          "data-testid": tid2("font-display")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-muted-foreground", children: "Body font stack" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Input,
+        {
+          value: fonts.sans,
+          onChange: (e) => setFont("sans", e.target.value),
+          "aria-label": "Body font stack",
+          className: "bg-card placeholder:text-muted-foreground focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring mt-1 font-mono text-xs",
+          "data-testid": tid2("font-sans")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block text-xs text-muted-foreground", children: [
+        "Base radius \u2014 ",
+        radius,
+        "rem"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "range",
+          min: 0,
+          max: 1.5,
+          step: 0.125,
+          value: radius,
+          onChange: (e) => setRadius(Number(e.target.value)),
+          "aria-label": "Base radius",
+          className: "mt-2 w-full accent-[color:var(--color-primary)]",
+          "data-testid": tid2("radius")
+        }
+      )
+    ] })
+  ] });
+  const Preview = /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { variant: "elevated", className: "rounded-lg", "data-testid": tid2("preview"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CardTitle, { className: "text-base", children: "Live preview" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.CardContent, { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-[var(--radius)] bg-primary p-4 text-primary-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-display text-lg font-semibold", children: preview?.title ?? "Preview" }),
+        preview?.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-80", children: preview.subtitle })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-6 gap-1.5", children: tokens.map((t) => /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          title: t.label,
+          className: "aspect-square rounded-md border border-border",
+          style: { background: `var(--color-${t.key})` }
+        },
+        t.key
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-[var(--radius)] border border-border bg-[color:var(--color-ai-accent-soft,var(--color-accent))] p-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-[color:var(--color-ai-accent,var(--color-primary))]", children: "AI action surface" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Themed by the AI-kit accent tokens." })
+      ] })
+    ] })
+  ] });
+  const SaveBar = onSave && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex items-center gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => void save(),
+        disabled: saving,
+        className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 disabled:opacity-60",
+        "data-testid": tid2("save"),
+        children: [
+          savedVia ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "size-4" }),
+          saving ? "Saving\u2026" : savedVia ? "Saved" : "Save theme"
+        ]
+      }
+    ),
+    savedVia && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", "data-testid": tid2("via"), children: [
+      "stored via ",
+      savedVia
+    ] })
+  ] });
+  if (variant === "collapsed") {
+    const controlsId = `${testIdPrefix}-controls`;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", "data-testid": testIdPrefix, children: [
+      Presets,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-8 gap-1.5 @xl:grid-cols-12", "aria-hidden": "true", children: tokens.slice(0, 12).map((t) => /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          title: t.label,
+          className: "aspect-square rounded-md border border-border",
+          style: { background: `var(--color-${t.key})` }
+        },
+        t.key
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen((o) => !o),
+          "aria-expanded": open,
+          "aria-controls": controlsId,
+          className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground hover:text-primary",
+          "data-testid": tid2("customize"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: `size-4 transition-transform ${open ? "rotate-180" : ""}` }),
+            "Customize colours and type"
+          ]
+        }
+      ),
+      open && /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          id: controlsId,
+          className: "max-h-[28rem] overflow-y-auto rounded-md border border-border bg-card p-4",
+          "data-testid": tid2("controls"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: "Colours" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-3 @xl:grid-cols-2", children: tokens.map((t) => colorRow(t.key, t.label)) }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-6 mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: "Typography & shape" }),
+            Typography
+          ]
+        }
+      ),
+      SaveBar
+    ] });
+  }
+  if (variant === "drawer") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col overflow-y-auto bg-card p-5", "data-testid": testIdPrefix, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 flex items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-display text-lg font-semibold text-foreground", children: "Theme" }) }),
+      Presets,
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-5 mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: "Colours" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: tokens.map((t) => colorRow(t.key, t.label)) }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-6 mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: "Typography & shape" }),
+      Typography,
+      SaveBar
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 lg:grid-cols-[1fr_320px]", "data-testid": testIdPrefix, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { variant: "elevated", className: "rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.CardTitle, { className: "flex items-center gap-2 text-base", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Palette, { className: "size-4 text-[color:var(--color-primary)]" }),
+          " Presets"
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { children: Presets })
+      ] }),
+      groups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Card,
+        {
+          variant: "elevated",
+          className: "rounded-lg",
+          "data-testid": tid2(`group-${group}`),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CardTitle, { className: "text-base", children: groupLabels[group] ?? group }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { className: "grid gap-3 @xl:grid-cols-2", children: tokens.filter((t) => t.group === group).map((t) => colorRow(t.key, t.label)) })
+          ]
+        },
+        group
+      )),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { variant: "elevated", className: "rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CardTitle, { className: "text-base", children: "Typography & shape" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { children: Typography })
+      ] }),
+      SaveBar
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:sticky lg:top-4 lg:self-start", children: Preview })
+  ] });
+}
+
+// src/lib/testid.ts
+function tid(...parts) {
+  return parts.filter((p) => p !== void 0 && p !== false && p !== "").map(
+    (p) => String(p).trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "")
+  ).join("-");
+}
+
+exports.THEME_STYLE_ID = THEME_STYLE_ID;
+exports.ThemeEditor = ThemeEditor;
+exports.applyFontVars = applyFontVars;
+exports.applyThemeVars = applyThemeVars;
+exports.clearFontVars = clearFontVars;
+exports.clearThemeVars = clearThemeVars;
+exports.tid = tid;
+exports.toHslTriplet = toHslTriplet;
+//# sourceMappingURL=chunk-KUQOHPKP.cjs.map
+//# sourceMappingURL=chunk-KUQOHPKP.cjs.map

package/dist/chunk-KUQOHPKP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/tokens.ts","../src/theme/ThemeEditor.tsx","../src/lib/testid.ts"],"names":["useState","useEffect","tid","jsxs","jsx","RotateCcw","Input","matchFontPairing","FONT_PAIRINGS","Card","CardHeader","CardTitle","CardContent","Check","Save","ChevronDown","Palette"],"mappings":"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","file":"chunk-KUQOHPKP.cjs","sourcesContent":["/**\n * The theme-token model. Firm-agnostic: the token *catalog*, default values and\n * presets are supplied by the consuming app (via {@link createThemeStore}); this\n * module owns the shared types and the logic for writing tokens onto the live\n * document.\n *\n * There are two emit models, selected per-app by {@link ThemeEmitMode}:\n *\n * - `'flat'` (default): each colour key is written as an inline `--color-<key>`\n *   custom property on `<html>`, plus `--font-*` / `--radius`. Inline styles\n *   override the compiled `@theme` defaults, so an edit previews live across the\n *   whole app (and the @arbidocs AI kit) and reverts cleanly. Apps whose CSS sets\n *   `--color-*` HEX directly rely on this.\n *\n * - `'cssVars'`: each colour key is written as a raw\n *   HSL-triplet custom property (`--<key>: <h s l>`) into an injected\n *   `<style id=\"arbi-theme-vars\">` appended to `<head>`. The monolith's source\n *   of truth is HSL triplets wrapped as `hsl(var(--x))`, with a real `.dark`\n *   variant; writing resolved hex inline would pin the colour and defeat both\n *   the indirection and the dark-class swap. The injected sheet is *unlayered*,\n *   so it wins over the monolith's `@layer base` `colors.css` at equal\n *   specificity, and a `:root { light } / :root.dark { dark }` structure keeps\n *   the dark cascade alive.\n */\n\nexport interface ColorToken {\n  /** Key without the `--color-` prefix, e.g. \"primary\" → `--color-primary`. */\n  key: string\n  label: string\n  /** Grouping id for the panel layout (e.g. \"shadcn\" | \"brand\" | \"ai\"). */\n  group: string\n}\n\nexport interface ThemeFonts {\n  display: string\n  sans: string\n}\n\nexport interface ThemeTokens {\n  /** Colour values keyed by token key (hex). */\n  colors: Record<string, string>\n  fonts: ThemeFonts\n  /** Base radius in rem. */\n  radius: number\n}\n\nexport interface ThemePreset {\n  id: string\n  label: string\n  tokens: ThemeTokens\n}\n\n/** How a theme is written onto the document. See the module doc for the models. */\nexport type ThemeEmitMode = 'flat' | 'cssVars'\n\nexport interface ApplyThemeOptions {\n  /** Emit model. Defaults to `'flat'`. */\n  mode?: ThemeEmitMode\n  /**\n   * `cssVars` mode only: dark-variant colour values keyed by token key. Emitted\n   * under `:root.dark`. When omitted, only `:root` is emitted — note that an\n   * overridden light token then also applies in dark (the injected `:root` is\n   * unlayered and beats the app's own `.dark` rules), so a host with a dark mode\n   * MUST supply this for every editable token to keep dark mode intact.\n   */\n  dark?: Record<string, string>\n  /** `flat` mode only: target element. Defaults to `document.documentElement`. */\n  root?: HTMLElement\n}\n\n/** Id of the injected `<style>` that carries the `cssVars`-mode custom properties. */\nexport const THEME_STYLE_ID = 'arbi-theme-vars'\n\nconst TRIPLET_RE = /^-?\\d+(?:\\.\\d+)?\\s+-?\\d+(?:\\.\\d+)?%\\s+-?\\d+(?:\\.\\d+)?%$/\n\nfunction parseRgb(color: string): { r: number; g: number; b: number } | null {\n  if (color.startsWith('#')) {\n    let hex = color.slice(1)\n    if (hex.length === 3) {\n      hex = hex\n        .split('')\n        .map((ch) => ch + ch)\n        .join('')\n    }\n    if (hex.length === 6 && /^[0-9a-fA-F]{6}$/.test(hex)) {\n      return {\n        r: parseInt(hex.slice(0, 2), 16),\n        g: parseInt(hex.slice(2, 4), 16),\n        b: parseInt(hex.slice(4, 6), 16),\n      }\n    }\n    return null\n  }\n  const m = color.match(/^rgba?\\(\\s*([\\d.]+)[\\s,]+([\\d.]+)[\\s,]+([\\d.]+)/i)\n  if (m) return { r: Number(m[1]), g: Number(m[2]), b: Number(m[3]) }\n  return null\n}\n\nfunction rgbToHslTriplet(r: number, g: number, b: number): string {\n  const rn = r / 255\n  const gn = g / 255\n  const bn = b / 255\n  const max = Math.max(rn, gn, bn)\n  const min = Math.min(rn, gn, bn)\n  const l = (max + min) / 2\n  const d = max - min\n  let h = 0\n  let s = 0\n  if (d !== 0) {\n    s = d / (1 - Math.abs(2 * l - 1))\n    switch (max) {\n      case rn:\n        h = 60 * (((gn - bn) / d) % 6)\n        break\n      case gn:\n        h = 60 * ((bn - rn) / d + 2)\n        break\n      default:\n        h = 60 * ((rn - gn) / d + 4)\n        break\n    }\n  }\n  if (h < 0) h += 360\n  return `${Math.round(h)} ${Math.round(s * 100)}% ${Math.round(l * 100)}%`\n}\n\n/**\n * Convert a colour to the monolith's `H S% L%` HSL-triplet format.\n *\n * Handles `#rgb` / `#rrggbb`, `rgb()` / `rgba()`, and passes an existing triplet\n * through untouched (so a host can seed exact `colors.css` triplets for a\n * byte-identical no-op). Values it cannot parse — notably `oklch(...)`, which the\n * status tokens use — are returned unchanged so they remain usable as a raw\n * custom-property value; converting those cleanly is out of scope.\n */\nexport function toHslTriplet(color: string): string {\n  const c = color.trim()\n  if (TRIPLET_RE.test(c)) return c\n  const rgb = parseRgb(c)\n  if (!rgb) return c\n  return rgbToHslTriplet(rgb.r, rgb.g, rgb.b)\n}\n\nfunction renderTripletBlock(colors: Record<string, string>): string {\n  return Object.entries(colors)\n    .map(([key, value]) => `  --${key}: ${toHslTriplet(value)};`)\n    .join('\\n')\n}\n\nfunction emitCssVars(theme: ThemeTokens, dark?: Record<string, string>): void {\n  if (typeof document === 'undefined') return\n  const meta = [\n    `  --font-display: ${theme.fonts.display};`,\n    `  --font-sans: ${theme.fonts.sans};`,\n    `  --radius: ${theme.radius}rem;`,\n  ].join('\\n')\n  let css = `:root {\\n${renderTripletBlock(theme.colors)}\\n${meta}\\n}`\n  if (dark) {\n    css += `\\n:root.dark {\\n${renderTripletBlock(dark)}\\n}`\n  }\n  let style = document.getElementById(THEME_STYLE_ID) as HTMLStyleElement | null\n  if (!style) {\n    style = document.createElement('style')\n    style.id = THEME_STYLE_ID\n    document.head.appendChild(style)\n  }\n  style.textContent = css\n}\n\nfunction removeCssVars(): void {\n  if (typeof document === 'undefined') return\n  document.getElementById(THEME_STYLE_ID)?.remove()\n}\n\nfunction normalizeOptions(optionsOrRoot: ApplyThemeOptions | HTMLElement): ApplyThemeOptions {\n  if (typeof HTMLElement !== 'undefined' && optionsOrRoot instanceof HTMLElement) {\n    return { root: optionsOrRoot }\n  }\n  return optionsOrRoot as ApplyThemeOptions\n}\n\n/**\n * Write a theme onto the live document.\n *\n * In `flat` mode (default) writes inline `--color-<key>` / `--font-*` / `--radius`\n * on `document.documentElement` (or a supplied root). In `cssVars` mode writes\n * raw HSL-triplet vars into an injected `<style#arbi-theme-vars>` (see the module\n * doc). The legacy `applyThemeVars(theme, rootElement)` call form still works.\n */\nexport function applyThemeVars(\n  theme: ThemeTokens,\n  optionsOrRoot: ApplyThemeOptions | HTMLElement = {}\n): void {\n  const { mode = 'flat', dark, root = document.documentElement } = normalizeOptions(optionsOrRoot)\n\n  if (mode === 'cssVars') {\n    emitCssVars(theme, dark)\n    return\n  }\n\n  for (const [key, value] of Object.entries(theme.colors)) {\n    root.style.setProperty(`--color-${key}`, value)\n  }\n  root.style.setProperty('--font-display', theme.fonts.display)\n  root.style.setProperty('--font-sans', theme.fonts.sans)\n  root.style.setProperty('--radius', `${theme.radius}rem`)\n}\n\n/**\n * Set ONLY the typography vars, as inline styles on the root element.\n *\n * Typography is often chosen independently of colour — an app may let a reader\n * pick a typeface while its palette is owned elsewhere. Writing the two vars\n * inline (rather than through `applyThemeVars`) keeps this orthogonal in two\n * ways: it touches no colour or radius token, and an inline style outranks any\n * selector, so a font choice survives a `cssVars`-mode theme that emits its own\n * `:root` block (the ARBI studio's theme editor does exactly that).\n */\nexport function applyFontVars(\n  fonts: ThemeFonts,\n  root: HTMLElement = document.documentElement\n): void {\n  root.style.setProperty('--font-display', fonts.display)\n  root.style.setProperty('--font-sans', fonts.sans)\n}\n\n/** Undo {@link applyFontVars}, reverting to the stylesheet's own font tokens. */\nexport function clearFontVars(root: HTMLElement = document.documentElement): void {\n  root.style.removeProperty('--font-display')\n  root.style.removeProperty('--font-sans')\n}\n\n/**\n * Remove a theme's overrides, reverting to the stylesheet defaults.\n *\n * In `flat` mode removes the inline overrides for the theme's keys. In `cssVars`\n * mode removes the injected `<style#arbi-theme-vars>` in full (restoring the\n * app's own `colors.css` exactly).\n */\nexport function clearThemeVars(\n  theme: ThemeTokens,\n  optionsOrRoot: ApplyThemeOptions | HTMLElement = {}\n): void {\n  const { mode = 'flat', root = document.documentElement } = normalizeOptions(optionsOrRoot)\n\n  if (mode === 'cssVars') {\n    removeCssVars()\n    return\n  }\n\n  for (const key of Object.keys(theme.colors)) {\n    root.style.removeProperty(`--color-${key}`)\n  }\n  root.style.removeProperty('--font-display')\n  root.style.removeProperty('--font-sans')\n  root.style.removeProperty('--radius')\n}\n","/**\n * The one theme editor, shared by every surface. `variant=\"panel\"` is the roomy\n * back-office layout (grouped token cards + a live preview); `variant=\"drawer\"`\n * is the compact slide-over beside the studio canvas; `variant=\"collapsed\"` is\n * the settings-page form: presets and a swatch strip always visible, the colour\n * and typography controls behind a \"Customize\" disclosure in a bounded scroller\n * (the full editor is very tall). All drive the same\n * {@link ThemeBundle} store, so there is a single token model, preset list and\n * apply path. Firm-agnostic: chrome uses only universal surface tokens and the\n * preview renders the theme's own swatches, so it needs no brand-specific\n * component variants.\n */\nimport { useEffect, useState } from 'react'\nimport { RotateCcw, Palette, Save, Check, ChevronDown } from 'lucide-react'\nimport { Card, CardHeader, CardTitle, CardContent, Input } from '@arbidocs/react/ui'\nimport { applyThemeVars } from './tokens'\nimport { FONT_PAIRINGS, matchFontPairing } from './fontPairings'\nimport type { ThemeBundle } from './store'\n\nexport interface ThemeEditorProps {\n  /** The host's theme store bundle (from createThemeStore). */\n  bundle: ThemeBundle\n  variant?: 'panel' | 'drawer' | 'collapsed'\n  /** Firm identity shown in the panel's live-preview header. */\n  preview?: { title: string; subtitle?: string }\n  /** Optional persistence side-channel (e.g. save theme to ARBI); returns a \"via\" label. */\n  onSave?: () => Promise<string | void>\n  /** Stable testid namespace, e.g. \"builder-theme\" | \"studio-theme\". */\n  testIdPrefix?: string\n  /** `collapsed` only: start with the controls open. */\n  defaultOpen?: boolean\n}\n\nexport function ThemeEditor({\n  bundle,\n  variant = 'panel',\n  preview,\n  onSave,\n  testIdPrefix = 'theme',\n  defaultOpen = false,\n}: ThemeEditorProps) {\n  const { useStore, tokens, presets, groupLabels, mode, darkColors } = bundle\n  const colors = useStore((s) => s.colors)\n  const fonts = useStore((s) => s.fonts)\n  const radius = useStore((s) => s.radius)\n  const activePresetId = useStore((s) => s.activePresetId)\n  const setColor = useStore((s) => s.setColor)\n  const setFont = useStore((s) => s.setFont)\n  const setFontPairing = useStore((s) => s.setFontPairing)\n  const setRadius = useStore((s) => s.setRadius)\n  const applyPreset = useStore((s) => s.applyPreset)\n  const reset = useStore((s) => s.reset)\n\n  const [open, setOpen] = useState(defaultOpen)\n  const [saving, setSaving] = useState(false)\n  const [savedVia, setSavedVia] = useState<string | null>(null)\n\n  // Live preview: reflect every token change onto the running app, using the\n  // host's emit mode (flat inline vars, or injected HSL-triplet cssVars).\n  useEffect(() => {\n    applyThemeVars({ colors, fonts, radius }, { mode, dark: darkColors })\n  }, [colors, fonts, radius, mode, darkColors])\n\n  const tid = (suffix: string) => `${testIdPrefix}-${suffix}`\n  const groups = [...new Set(tokens.map((t) => t.group))]\n\n  const save = async () => {\n    if (!onSave) return\n    setSaving(true)\n    try {\n      const via = await onSave()\n      setSavedVia(typeof via === 'string' ? via : 'saved')\n    } catch {\n      // The host's onSave reports the failure (notify); never show a false \"saved\".\n      setSavedVia(null)\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  // ── Presets row ────────────────────────────────────────────────────────────\n  const Presets = (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      {presets.map((p) => (\n        <button\n          key={p.id}\n          type=\"button\"\n          onClick={() => applyPreset(p.id)}\n          className={`rounded-full border px-3 py-1 text-xs font-medium transition-colors ${\n            activePresetId === p.id\n              ? 'border-primary bg-primary text-primary-foreground'\n              : 'border-border text-foreground hover:border-primary'\n          }`}\n          data-testid={tid(`preset-${p.id}`)}\n        >\n          {p.label}\n        </button>\n      ))}\n      <button\n        type=\"button\"\n        onClick={reset}\n        className=\"ml-auto inline-flex items-center gap-1.5 text-xs font-medium text-muted-foreground hover:text-foreground\"\n        data-testid={tid('reset')}\n      >\n        <RotateCcw className=\"size-3\" /> Reset\n      </button>\n    </div>\n  )\n\n  // ── A single colour control ─────────────────────────────────────────────────\n  // A plain function (not a component) so it inlines into the parent tree: this\n  // avoids remounting the inputs on every keystroke (which would drop focus).\n  const colorRow = (k: string, label: string) => (\n    <div key={k} className=\"flex items-center gap-3\">\n      <input\n        type=\"color\"\n        value={colors[k] ?? '#000000'}\n        onChange={(e) => setColor(k, e.target.value)}\n        className=\"size-9 shrink-0 cursor-pointer rounded-md border border-border bg-transparent\"\n        aria-label={label}\n        data-testid={tid(`color-${k}`)}\n      />\n      <div className=\"min-w-0 flex-1\">\n        <span className=\"block text-xs text-muted-foreground\">{label}</span>\n        <Input\n          value={colors[k] ?? ''}\n          onChange={(e) => setColor(k, e.target.value)}\n          aria-label={`${label} hex value`}\n          className=\"bg-card placeholder:text-muted-foreground focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring h-7 font-mono text-xs\"\n          data-testid={tid(`hex-${k}`)}\n        />\n      </div>\n    </div>\n  )\n\n  // ── Typography + radius ─────────────────────────────────────────────────────\n  // The pairing picker is the primary control; the raw stacks below stay for\n  // anyone who needs a face the catalog doesn't carry. Editing a stack by hand\n  // drops the selection to \"Custom\" rather than silently mismatching.\n  const activePairing = matchFontPairing(fonts)\n  const Typography = (\n    <div className=\"space-y-4\">\n      <div>\n        <span className=\"block text-xs text-muted-foreground\">Typeface</span>\n        <select\n          value={activePairing?.id ?? ''}\n          onChange={(e) => setFontPairing(e.target.value)}\n          aria-label=\"Typeface\"\n          className=\"mt-1 h-8 w-full rounded-md border border-border bg-card px-2 text-xs text-foreground focus-visible:border-ring/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          data-testid={tid('font-pairing')}\n        >\n          {!activePairing && <option value=\"\">Custom</option>}\n          {FONT_PAIRINGS.map((pairing) => (\n            <option key={pairing.id} value={pairing.id}>\n              {pairing.label}\n            </option>\n          ))}\n        </select>\n        <p className=\"mt-1 text-xs text-muted-foreground\">\n          {activePairing?.description ?? 'Hand-edited font stacks.'}\n        </p>\n      </div>\n      <div>\n        <span className=\"block text-xs text-muted-foreground\">Display font stack</span>\n        <Input\n          value={fonts.display}\n          onChange={(e) => setFont('display', e.target.value)}\n          aria-label=\"Display font stack\"\n          className=\"bg-card placeholder:text-muted-foreground focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring mt-1 font-mono text-xs\"\n          data-testid={tid('font-display')}\n        />\n      </div>\n      <div>\n        <span className=\"block text-xs text-muted-foreground\">Body font stack</span>\n        <Input\n          value={fonts.sans}\n          onChange={(e) => setFont('sans', e.target.value)}\n          aria-label=\"Body font stack\"\n          className=\"bg-card placeholder:text-muted-foreground focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring mt-1 font-mono text-xs\"\n          data-testid={tid('font-sans')}\n        />\n      </div>\n      <div>\n        <span className=\"block text-xs text-muted-foreground\">Base radius — {radius}rem</span>\n        <input\n          type=\"range\"\n          min={0}\n          max={1.5}\n          step={0.125}\n          value={radius}\n          onChange={(e) => setRadius(Number(e.target.value))}\n          aria-label=\"Base radius\"\n          className=\"mt-2 w-full accent-[color:var(--color-primary)]\"\n          data-testid={tid('radius')}\n        />\n      </div>\n    </div>\n  )\n\n  // ── Live preview (panel only) — renders the theme's own swatches ────────────\n  const Preview = (\n    <Card variant=\"elevated\" className=\"rounded-lg\" data-testid={tid('preview')}>\n      <CardHeader>\n        <CardTitle className=\"text-base\">Live preview</CardTitle>\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        <div className=\"rounded-[var(--radius)] bg-primary p-4 text-primary-foreground\">\n          <p className=\"font-display text-lg font-semibold\">{preview?.title ?? 'Preview'}</p>\n          {preview?.subtitle && <p className=\"text-xs opacity-80\">{preview.subtitle}</p>}\n        </div>\n        <div className=\"grid grid-cols-6 gap-1.5\">\n          {tokens.map((t) => (\n            <div\n              key={t.key}\n              title={t.label}\n              className=\"aspect-square rounded-md border border-border\"\n              style={{ background: `var(--color-${t.key})` }}\n            />\n          ))}\n        </div>\n        <div className=\"rounded-[var(--radius)] border border-border bg-[color:var(--color-ai-accent-soft,var(--color-accent))] p-3\">\n          <p className=\"text-sm font-medium text-[color:var(--color-ai-accent,var(--color-primary))]\">\n            AI action surface\n          </p>\n          <p className=\"text-xs text-muted-foreground\">Themed by the AI-kit accent tokens.</p>\n        </div>\n      </CardContent>\n    </Card>\n  )\n\n  const SaveBar = onSave && (\n    <div className=\"mt-6 flex items-center gap-3\">\n      <button\n        type=\"button\"\n        onClick={() => void save()}\n        disabled={saving}\n        className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 disabled:opacity-60\"\n        data-testid={tid('save')}\n      >\n        {savedVia ? <Check className=\"size-4\" /> : <Save className=\"size-4\" />}\n        {saving ? 'Saving…' : savedVia ? 'Saved' : 'Save theme'}\n      </button>\n      {savedVia && (\n        <span className=\"text-xs text-muted-foreground\" data-testid={tid('via')}>\n          stored via {savedVia}\n        </span>\n      )}\n    </div>\n  )\n\n  // ── Collapsed layout — settings pages ───────────────────────────────────────\n  if (variant === 'collapsed') {\n    const controlsId = `${testIdPrefix}-controls`\n    return (\n      <div className=\"space-y-3\" data-testid={testIdPrefix}>\n        {Presets}\n        <div className=\"grid grid-cols-8 gap-1.5 @xl:grid-cols-12\" aria-hidden=\"true\">\n          {tokens.slice(0, 12).map((t) => (\n            <div\n              key={t.key}\n              title={t.label}\n              className=\"aspect-square rounded-md border border-border\"\n              style={{ background: `var(--color-${t.key})` }}\n            />\n          ))}\n        </div>\n        <button\n          type=\"button\"\n          onClick={() => setOpen((o) => !o)}\n          aria-expanded={open}\n          aria-controls={controlsId}\n          className=\"inline-flex items-center gap-1.5 text-sm font-medium text-foreground hover:text-primary\"\n          data-testid={tid('customize')}\n        >\n          <ChevronDown className={`size-4 transition-transform ${open ? 'rotate-180' : ''}`} />\n          Customize colours and type\n        </button>\n        {open && (\n          <div\n            id={controlsId}\n            className=\"max-h-[28rem] overflow-y-auto rounded-md border border-border bg-card p-4\"\n            data-testid={tid('controls')}\n          >\n            <p className=\"mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n              Colours\n            </p>\n            <div className=\"grid gap-3 @xl:grid-cols-2\">\n              {tokens.map((t) => colorRow(t.key, t.label))}\n            </div>\n            <p className=\"mt-6 mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n              Typography &amp; shape\n            </p>\n            {Typography}\n          </div>\n        )}\n        {SaveBar}\n      </div>\n    )\n  }\n\n  // ── Drawer layout — compact, single column ──────────────────────────────────\n  if (variant === 'drawer') {\n    return (\n      <div className=\"flex h-full flex-col overflow-y-auto bg-card p-5\" data-testid={testIdPrefix}>\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h2 className=\"font-display text-lg font-semibold text-foreground\">Theme</h2>\n        </div>\n        {Presets}\n        <p className=\"mt-5 mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n          Colours\n        </p>\n        <div className=\"space-y-3\">{tokens.map((t) => colorRow(t.key, t.label))}</div>\n        <p className=\"mt-6 mb-2 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n          Typography &amp; shape\n        </p>\n        {Typography}\n        {SaveBar}\n      </div>\n    )\n  }\n\n  // ── Panel layout — grouped cards + live preview ─────────────────────────────\n  return (\n    <div className=\"grid gap-6 lg:grid-cols-[1fr_320px]\" data-testid={testIdPrefix}>\n      <div className=\"space-y-6\">\n        <Card variant=\"elevated\" className=\"rounded-lg\">\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <Palette className=\"size-4 text-[color:var(--color-primary)]\" /> Presets\n            </CardTitle>\n          </CardHeader>\n          <CardContent>{Presets}</CardContent>\n        </Card>\n\n        {groups.map((group) => (\n          <Card\n            key={group}\n            variant=\"elevated\"\n            className=\"rounded-lg\"\n            data-testid={tid(`group-${group}`)}\n          >\n            <CardHeader>\n              <CardTitle className=\"text-base\">{groupLabels[group] ?? group}</CardTitle>\n            </CardHeader>\n            <CardContent className=\"grid gap-3 @xl:grid-cols-2\">\n              {tokens.filter((t) => t.group === group).map((t) => colorRow(t.key, t.label))}\n            </CardContent>\n          </Card>\n        ))}\n\n        <Card variant=\"elevated\" className=\"rounded-lg\">\n          <CardHeader>\n            <CardTitle className=\"text-base\">Typography &amp; shape</CardTitle>\n          </CardHeader>\n          <CardContent>{Typography}</CardContent>\n        </Card>\n        {SaveBar}\n      </div>\n\n      <div className=\"lg:sticky lg:top-4 lg:self-start\">{Preview}</div>\n    </div>\n  )\n}\n","/**\n * Compose a stable, kebab-case data-testid from parts.\n * Convention: {area}-{element}[-{qualifier}...]\n *   tid(\"orders\", \"row\", \"CLM-2026-0042\") -> \"orders-row-clm-2026-0042\"\n * Keeps Playwright selectors predictable across a host app.\n */\nexport function tid(...parts: Array<string | number | undefined | false>): string {\n  return parts\n    .filter((p): p is string | number => p !== undefined && p !== false && p !== '')\n    .map((p) =>\n      String(p)\n        .trim()\n        .toLowerCase()\n        .replace(/[^a-z0-9]+/g, '-')\n        .replace(/^-+|-+$/g, '')\n    )\n    .join('-')\n}\n"]}

package/dist/{chunk-JUUOJP7I.cjs → chunk-KWJW5TMH.cjs}

@@ -1,6 +1,8 @@
 "use client";
 'use strict';
 
+var ui = require('@arbidocs/react/ui');
+
 // src/workspaces/workspace-type.ts
 function getHumanUserCount(users) {
   if (!users) return 0;
@@ -35,8 +37,6 @@ function getVariantBorderClass(variant) {
       return "border-gray-600";
   }
 }
-
-// src/workspaces/workspace-groups.ts
 var NO_PROJECT_GROUP_KEY = "__none__";
 var isListedWorkspace = (workspace) => workspace.workspace_type !== "skills";
 var byPinThenName = (pinned) => (a, b) => {
@@ -68,7 +68,7 @@ function groupWorkspacesByProject(workspaces, {
     groups.push({
       key: projectExtId ?? NO_PROJECT_GROUP_KEY,
       projectExtId,
-      title: projectExtId ? name || (isOwned ? "Personal" : "Unnamed project") : isCommon ? "Common" : workspacesLabel,
+      title: projectExtId ? name || (isOwned ? "Personal" : `Unnamed ${ui.entityNoun("PROJECT")}`) : isCommon ? "Common" : workspacesLabel,
       isOwned,
       isCommon,
       workspaces: [...list].sort(byPinThenName(pinned))
@@ -160,5 +160,5 @@ exports.workspaceConversationCount = workspaceConversationCount;
 exports.workspaceDocumentCount = workspaceDocumentCount;
 exports.workspaceFilterAttributes = workspaceFilterAttributes;
 exports.workspaceGroupStats = workspaceGroupStats;
-//# sourceMappingURL=chunk-JUUOJP7I.cjs.map
-//# sourceMappingURL=chunk-JUUOJP7I.cjs.map
+//# sourceMappingURL=chunk-KWJW5TMH.cjs.map
+//# sourceMappingURL=chunk-KWJW5TMH.cjs.map

package/dist/chunk-KWJW5TMH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/workspaces/workspace-type.ts","../src/workspaces/workspace-groups.ts"],"names":["entityNoun"],"mappings":"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","file":"chunk-KWJW5TMH.cjs","sourcesContent":["/**\n * Workspace Type Utilities\n *\n * Helper functions for determining workspace type information.\n */\n\nexport type WorkspaceVariant = 'primary' | 'secondary' | 'gray'\n\n/**\n * Count non-agent users in a workspace.\n * Workspace users with agent_ext_id are agents and should not count\n * for determining workspace type (individual vs group).\n */\nexport function getHumanUserCount(users?: { agent_ext_id?: string | null }[]): number {\n  if (!users) return 0\n  return users.filter((u) => !u.agent_ext_id).length\n}\n\n/**\n * Helper to determine workspace type and variant\n */\nexport function getWorkspaceTypeInfo(\n  isPublic: boolean,\n  userCount: number\n): { type: string; variant: WorkspaceVariant } {\n  if (isPublic) {\n    return { type: 'Common', variant: 'gray' }\n  }\n  if (userCount > 1) {\n    return { type: 'Group', variant: 'secondary' }\n  }\n  return { type: 'Individual', variant: 'primary' }\n}\n\n/**\n * Returns the Tailwind background color class for a workspace type variant\n */\nexport function getVariantBgClass(variant: WorkspaceVariant): string {\n  switch (variant) {\n    case 'primary':\n      return 'bg-primary'\n    case 'secondary':\n      return 'bg-secondary'\n    case 'gray':\n      return 'bg-gray-600'\n  }\n}\n\n/**\n * Returns the Tailwind border color class for a workspace type variant\n */\nexport function getVariantBorderClass(variant: WorkspaceVariant): string {\n  switch (variant) {\n    case 'primary':\n      return 'border-primary'\n    case 'secondary':\n      return 'border-secondary'\n    case 'gray':\n      return 'border-gray-600'\n  }\n}\n","/**\n * The user's workspaces grouped by project, as the workspace list shows them (cards and table\n * alike): one group per project, the user's own projects first (an owned project with no\n * workspace yet still gets its group, to invite the first one), other people's projects by name,\n * and the workspaces with no visible project last. Plus the tri-state filter over the list\n * (projects and workspace categories) and the totals a group's heading shows.\n *\n * Pure: a host maps nothing; these read the API's workspace and project records as they come.\n */\nimport type { components } from '@arbidocs/client'\nimport { getHumanUserCount, getWorkspaceTypeInfo } from './workspace-type'\nimport { entityNoun } from '@arbidocs/react/ui'\n\nexport type GroupedWorkspace = components['schemas']['WorkspaceResponse']\ntype Project = Pick<\n  components['schemas']['ProjectResponse'],\n  'external_id' | 'name' | 'subscription' | 'created_by'\n>\n\n/** Group key of the workspaces that have no visible project. */\nexport const NO_PROJECT_GROUP_KEY = '__none__'\n\nexport interface WorkspaceProjectGroup {\n  /** Stable key (the project's id, or `NO_PROJECT_GROUP_KEY`): collapse state and row ids. */\n  key: string\n  projectExtId: string | null\n  /** The project's name with the fallbacks applied (\"Personal\", \"Common\", \"Workspaces\"…). */\n  title: string\n  /** The user owns the project. */\n  isOwned: boolean\n  /**\n   * The no-project group of public workspaces the user is not a member of (\"Common\"): shared\n   * with everyone, so it starts collapsed.\n   */\n  isCommon: boolean\n  /** Pinned first, then by name. */\n  workspaces: GroupedWorkspace[]\n}\n\nexport interface GroupWorkspacesOptions {\n  /** The signed-in user (`usr-…`): whose projects and workspaces are \"own\". */\n  selfId: string | undefined\n  /** Pinned workspace ids: first within their group. */\n  pinned?: ReadonlySet<string>\n  /** The user's projects: fresher names, and a group for each owned project with no workspace. */\n  projects?: readonly Project[]\n  /** The plural word for workspaces (the own no-project group's title). */\n  workspacesLabel?: string\n}\n\n/** The skills marketplace is a system workspace: reached through the skills UI, never listed. */\nexport const isListedWorkspace = (workspace: Pick<GroupedWorkspace, 'workspace_type'>): boolean =>\n  workspace.workspace_type !== 'skills'\n\nconst byPinThenName =\n  (pinned: ReadonlySet<string>) => (a: GroupedWorkspace, b: GroupedWorkspace) => {\n    const aPinned = pinned.has(a.external_id)\n    const bPinned = pinned.has(b.external_id)\n    if (aPinned !== bPinned) return aPinned ? -1 : 1\n    return a.name.localeCompare(b.name)\n  }\n\n/**\n * Group `workspaces` (already filtered) by project. The order: own projects (by name, then the\n * own projects with no workspace), other people's projects by name, the no-project group last.\n */\nexport function groupWorkspacesByProject(\n  workspaces: readonly GroupedWorkspace[],\n  {\n    selfId,\n    pinned = new Set(),\n    projects = [],\n    workspacesLabel = 'Workspaces',\n  }: GroupWorkspacesOptions\n): WorkspaceProjectGroup[] {\n  const byProject = new Map<string | null, GroupedWorkspace[]>()\n  for (const workspace of workspaces) {\n    const key = workspace.project_ext_id ?? null\n    const list = byProject.get(key)\n    if (list) list.push(workspace)\n    else byProject.set(key, [workspace])\n  }\n\n  const projectById = new Map(projects.map((p) => [p.external_id, p]))\n  const groups: WorkspaceProjectGroup[] = []\n  for (const [projectExtId, list] of byProject) {\n    const first = list[0]\n    const isOwned = !!projectExtId && first.project_owner_ext_id === selfId\n    const isCommon = !projectExtId && !list.some((w) => w.is_member)\n    const name = projectExtId\n      ? projectById.get(projectExtId)?.name || first.project_name || null\n      : null\n    groups.push({\n      key: projectExtId ?? NO_PROJECT_GROUP_KEY,\n      projectExtId,\n      title: projectExtId\n        ? name || (isOwned ? 'Personal' : `Unnamed ${entityNoun('PROJECT')}`)\n        : isCommon\n          ? 'Common'\n          : workspacesLabel,\n      isOwned,\n      isCommon,\n      workspaces: [...list].sort(byPinThenName(pinned)),\n    })\n  }\n\n  groups.sort((a, b) => {\n    if (!a.projectExtId !== !b.projectExtId) return a.projectExtId ? -1 : 1\n    if (a.isOwned !== b.isOwned) return a.isOwned ? -1 : 1\n    return a.title.localeCompare(b.title)\n  })\n\n  // An own project with no workspace yet keeps its group (after the own projects with some).\n  const empty = projects\n    .filter((p) => p.created_by === selfId && !byProject.has(p.external_id))\n    .map<WorkspaceProjectGroup>((p) => ({\n      key: p.external_id,\n      projectExtId: p.external_id,\n      title: p.name || 'Personal',\n      isOwned: true,\n      isCommon: false,\n      workspaces: [],\n    }))\n  const ownedCount = groups.filter((g) => g.isOwned).length\n  groups.splice(ownedCount, 0, ...empty)\n  return groups\n}\n\n/** Most recently updated first (the cards' order within a group). */\nexport function byRecentUpdate(a: GroupedWorkspace, b: GroupedWorkspace): number {\n  const time = (w: GroupedWorkspace) => {\n    const t = Date.parse(w.updated_at ?? '')\n    return Number.isNaN(t) ? 0 : t\n  }\n  return time(b) - time(a)\n}\n\n/** What a group's heading reports about its workspaces: sums, and distinct people (no agents). */\nexport interface WorkspaceGroupStats {\n  workspaces: number\n  documents: number\n  conversations: number\n  members: number\n  /** The most recent activity (ISO), `''` when none. */\n  updatedAt: string\n}\n\nexport const workspaceDocumentCount = (w: GroupedWorkspace): number =>\n  (w.shared_document_count ?? 0) + (w.private_document_count ?? 0)\n\nexport const workspaceConversationCount = (w: GroupedWorkspace): number =>\n  (w.shared_conversation_count ?? 0) + (w.private_conversation_count ?? 0)\n\n/** An agent account (`agt-…`): kept out of member counts and faces. */\nexport const isAgentAccount = (user: { external_id: string }): boolean =>\n  user.external_id.startsWith('agt-')\n\nexport function workspaceGroupStats(workspaces: readonly GroupedWorkspace[]): WorkspaceGroupStats {\n  let documents = 0\n  let conversations = 0\n  let updatedAt = ''\n  const members = new Set<string>()\n  for (const workspace of workspaces) {\n    documents += workspaceDocumentCount(workspace)\n    conversations += workspaceConversationCount(workspace)\n    const at = workspace.updated_at || workspace.created_at || ''\n    if (at > updatedAt) updatedAt = at\n    for (const member of workspace.users ?? []) {\n      if (isAgentAccount(member.user)) continue\n      members.add(member.user.external_id || member.user.email)\n    }\n  }\n  return {\n    workspaces: workspaces.length,\n    documents,\n    conversations,\n    members: members.size,\n    updatedAt,\n  }\n}\n\n// ── Filtering ────────────────────────────────────────────────────────────────\n\n/** The category filters, in menu order. */\nexport const WORKSPACE_CATEGORY_FILTERS = [\n  { id: 'owned', label: 'Owned by me' },\n  { id: 'pinned', label: 'Pinned' },\n  { id: 'individual', label: 'Individual' },\n  { id: 'group', label: 'Group' },\n  { id: 'common', label: 'Common' },\n] as const\n\n/** A project filter's id. */\nexport const projectFilterId = (projectExtId: string): string => `project:${projectExtId}`\n\n/** Which filters a workspace matches: its category, pinned, owned, and its project. */\nexport function workspaceFilterAttributes(\n  workspace: GroupedWorkspace,\n  { selfId, pinned }: { selfId: string | undefined; pinned: ReadonlySet<string> }\n): Record<string, boolean> {\n  const { type } = getWorkspaceTypeInfo(workspace.is_public, getHumanUserCount(workspace.users))\n  const attributes: Record<string, boolean> = {\n    individual: type === 'Individual',\n    group: type === 'Group',\n    common: type === 'Common',\n    pinned: pinned.has(workspace.external_id),\n    owned: workspace.created_by_ext_id === selfId,\n  }\n  if (workspace.project_ext_id) attributes[projectFilterId(workspace.project_ext_id)] = true\n  return attributes\n}\n"]}