@arbidocs/blocks 0.3.119 → 0.3.121

package/dist/index.cjs

@@ -1,16 +1,17 @@
 'use strict';
 
-var zustand = require('zustand');
-var middleware = require('zustand/middleware');
+var chunkAHWIZJ4M_cjs = require('./chunk-AHWIZJ4M.cjs');
 var react$1 = require('react');
-var lucideReact = require('lucide-react');
 var react = require('@arbidocs/react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactQuery = require('@tanstack/react-query');
 var agGridReact = require('ag-grid-react');
 var agGridCommunity = require('ag-grid-community');
+var lucideReact = require('lucide-react');
 var reactRouterDom = require('react-router-dom');
 var puck = require('@measured/puck');
+var zustand = require('zustand');
+var middleware = require('zustand/middleware');
 
 // src/prompts.ts
 function matterToContext(m) {
@@ -193,380 +194,23 @@ Lead with why the firm is the right choice, reference relevant experience at a t
   ];
   return { prompts, WORKFLOW_ACTIONS };
 }
-
-// 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)
-      };
-    }
+var ConnectionContext = react$1.createContext(null);
+var WORKSPACE_STORAGE_PREFIX = "arbi:selectedWorkspace";
+var workspaceStorageKey = (apiUrl) => `${WORKSPACE_STORAGE_PREFIX}:${apiUrl || "demo"}`;
+function readPersistedWorkspace(apiUrl) {
+  try {
+    return window.localStorage.getItem(workspaceStorageKey(apiUrl));
+  } catch {
     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 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 createThemeStore(config) {
-  const { defaultTheme, presets, storageKey } = config;
-  const useStore = zustand.create()(
-    middleware.persist(
-      (set, get) => ({
-        ...defaultTheme,
-        activePresetId: presets[0]?.id ?? null,
-        setColor: (key, value) => set((s) => ({ colors: { ...s.colors, [key]: value }, activePresetId: null })),
-        setFont: (which, value) => set((s) => ({ fonts: { ...s.fonts, [which]: value }, activePresetId: null })),
-        setRadius: (radius) => set({ radius, activePresetId: null }),
-        applyPreset: (presetId) => {
-          const preset = presets.find((p) => p.id === presetId);
-          if (!preset) return;
-          set({
-            colors: { ...preset.tokens.colors },
-            fonts: { ...preset.tokens.fonts },
-            radius: preset.tokens.radius,
-            activePresetId: presetId
-          });
-        },
-        reset: () => set({
-          colors: { ...defaultTheme.colors },
-          fonts: { ...defaultTheme.fonts },
-          radius: defaultTheme.radius,
-          activePresetId: presets[0]?.id ?? null
-        }),
-        snapshot: () => {
-          const { colors, fonts, radius } = get();
-          return { colors, fonts, radius };
-        }
-      }),
-      { name: storageKey }
-    )
-  );
-  return { ...config, useStore };
-}
-function applyStoredTheme(bundle) {
-  const { colors, fonts, radius } = bundle.useStore.getState();
-  applyThemeVars({ colors, fonts, radius }, { mode: bundle.mode, dark: bundle.darkColors });
-}
-function ThemeEditor({
-  bundle,
-  variant = "panel",
-  preview,
-  onSave,
-  testIdPrefix = "theme"
-}) {
-  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 setRadius = useStore((s) => s.setRadius);
-  const applyPreset = useStore((s) => s.applyPreset);
-  const reset = useStore((s) => s.reset);
-  const [saving, setSaving] = react$1.useState(false);
-  const [savedVia, setSavedVia] = react$1.useState(null);
-  react$1.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);
-    const via = await onSave();
-    setSavedVia(typeof via === "string" ? via : "saved");
-    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(
-        react.Input,
-        {
-          value: colors[k] ?? "",
-          onChange: (e) => setColor(k, e.target.value),
-          className: "bg-card placeholder:text-muted-foreground/70 focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring/50 h-7 font-mono text-xs",
-          "data-testid": tid2(`hex-${k}`)
-        }
-      )
-    ] })
-  ] }, k);
-  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: "Display font stack" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        react.Input,
-        {
-          value: fonts.display,
-          onChange: (e) => setFont("display", e.target.value),
-          className: "bg-card placeholder:text-muted-foreground/70 focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring/50 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(
-        react.Input,
-        {
-          value: fonts.sans,
-          onChange: (e) => setFont("sans", e.target.value),
-          className: "bg-card placeholder:text-muted-foreground/70 focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring/50 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)),
-          className: "mt-2 w-full accent-[color:var(--color-primary)]",
-          "data-testid": tid2("radius")
-        }
-      )
-    ] })
-  ] });
-  const Preview = /* @__PURE__ */ jsxRuntime.jsxs(react.Card, { variant: "elevated", className: "rounded-xl", "data-testid": tid2("preview"), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(react.CardTitle, { className: "text-base", children: "Live preview" }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(react.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 === "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-[10px] 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-[10px] font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: "Typography & shape" }),
-      Typography,
-      SaveBar
-    ] });
+function persistWorkspace(apiUrl, id) {
+  try {
+    if (id) window.localStorage.setItem(workspaceStorageKey(apiUrl), id);
+    else window.localStorage.removeItem(workspaceStorageKey(apiUrl));
+  } catch {
   }
-  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(react.Card, { variant: "elevated", className: "rounded-xl", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.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(react.CardContent, { children: Presets })
-      ] }),
-      groups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs(
-        react.Card,
-        {
-          variant: "elevated",
-          className: "rounded-xl",
-          "data-testid": tid2(`group-${group}`),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(react.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(react.CardTitle, { className: "text-base", children: groupLabels[group] ?? group }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(react.CardContent, { className: "grid gap-3 sm:grid-cols-2", children: tokens.filter((t) => t.group === group).map((t) => colorRow(t.key, t.label)) })
-          ]
-        },
-        group
-      )),
-      /* @__PURE__ */ jsxRuntime.jsxs(react.Card, { variant: "elevated", className: "rounded-xl", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(react.CardTitle, { className: "text-base", children: "Typography & shape" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.CardContent, { children: Typography })
-      ] }),
-      SaveBar
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:sticky lg:top-4 lg:self-start", children: Preview })
-  ] });
 }
-var ConnectionContext = react$1.createContext(null);
 function ConnectionProvider({
   config,
   children
@@ -599,10 +243,12 @@ function ConnectionProvider({
         await arbi.login(email, password);
         const workspaces = await arbi.workspaces.list();
         if (workspaces?.length) {
-          const preferred = config.workspaceId;
+          const persisted = readPersistedWorkspace(config.apiUrl);
+          const preferred = persisted ?? config.workspaceId;
           const target = (preferred ? workspaces.find((w) => w.external_id === preferred) : void 0) ?? workspaces[0];
           await arbi.selectWorkspace(target.external_id);
           setWorkspaceId(target.external_id);
+          persistWorkspace(config.apiUrl, target.external_id);
         }
         let resolved = { name: email.split("@")[0], email };
         try {
@@ -629,7 +275,7 @@ function ConnectionProvider({
         setStatus("error");
       }
     },
-    [arbi, enterDemo, isLiveConfigured, config.workspaceId]
+    [arbi, enterDemo, isLiveConfigured, config.workspaceId, config.apiUrl]
   );
   const logout = react$1.useCallback(() => {
     if (mode === "live") {
@@ -637,10 +283,25 @@ function ConnectionProvider({
     }
     setUser(null);
     setWorkspaceId(null);
+    persistWorkspace(config.apiUrl, null);
     setStatus("disconnected");
     setError(null);
-  }, [arbi, mode]);
-  const setWorkspace = react$1.useCallback((id) => setWorkspaceId(id), []);
+  }, [arbi, mode, config.apiUrl]);
+  const setWorkspace = react$1.useCallback(
+    async (id) => {
+      if (mode === "live" && arbi.isLoggedIn) {
+        await arbi.selectWorkspace(id);
+      }
+      setWorkspaceId(id);
+      persistWorkspace(config.apiUrl, id);
+    },
+    [arbi, mode, config.apiUrl]
+  );
+  const ensureWorkspaceOpen = react$1.useCallback(async () => {
+    if (mode !== "live" || !arbi.isLoggedIn) return;
+    const id = workspaceId ?? readPersistedWorkspace(config.apiUrl) ?? config.workspaceId;
+    if (id) await arbi.selectWorkspace(id);
+  }, [arbi, mode, workspaceId, config.apiUrl, config.workspaceId]);
   const value = react$1.useMemo(
     () => ({
       mode,
@@ -655,7 +316,8 @@ function ConnectionProvider({
       login,
       enterDemo,
       logout,
-      setWorkspace
+      setWorkspace,
+      ensureWorkspaceOpen
     }),
     [
       mode,
@@ -670,7 +332,8 @@ function ConnectionProvider({
       login,
       enterDemo,
       logout,
-      setWorkspace
+      setWorkspace,
+      ensureWorkspaceOpen
     ]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(ConnectionContext.Provider, { value, children });
@@ -715,100 +378,6 @@ function useSemanticSearch() {
   const { docIds } = useWorkspaceDocs();
   return react.useSemanticSearch(docIds);
 }
-
-// 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("-");
-}
-
-// src/lib/format.ts
-function gbp(value, compact = false) {
-  return new Intl.NumberFormat("en-GB", {
-    style: "currency",
-    currency: "GBP",
-    maximumFractionDigits: compact && Math.abs(value) >= 1e3 ? 1 : 0,
-    notation: compact ? "compact" : "standard"
-  }).format(value);
-}
-function initials(name) {
-  const parts = name.trim().split(/\s+/);
-  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
-  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
-}
-function parseIso(iso) {
-  const dateOnly = /^\d{4}-\d{2}-\d{2}$/.test(iso);
-  const d = new Date(dateOnly ? `${iso}T00:00:00` : iso);
-  if (Number.isNaN(d.getTime())) throw new Error(`Invalid ISO date: ${iso}`);
-  return d;
-}
-function fmtDate(iso) {
-  try {
-    return new Intl.DateTimeFormat("en-GB", {
-      day: "numeric",
-      month: "short",
-      year: "numeric"
-    }).format(parseIso(iso));
-  } catch {
-    return iso;
-  }
-}
-function fmtDateTime(iso) {
-  try {
-    return new Intl.DateTimeFormat("en-GB", {
-      day: "numeric",
-      month: "short",
-      year: "numeric",
-      hour: "2-digit",
-      minute: "2-digit",
-      hour12: false
-    }).format(parseIso(iso));
-  } catch {
-    return iso;
-  }
-}
-var RELATIVE_UNITS = [
-  ["year", 31536e3],
-  ["month", 2592e3],
-  ["week", 604800],
-  ["day", 86400],
-  ["hour", 3600],
-  ["minute", 60],
-  ["second", 1]
-];
-function fromNow(iso, from = /* @__PURE__ */ new Date()) {
-  try {
-    const diffSeconds = (parseIso(iso).getTime() - from.getTime()) / 1e3;
-    const abs = Math.abs(diffSeconds);
-    const rtf = new Intl.RelativeTimeFormat("en-GB", { numeric: "always" });
-    for (const [unit, secs] of RELATIVE_UNITS) {
-      if (abs >= secs || unit === "second") {
-        const value = Math.round(diffSeconds / secs);
-        return rtf.format(value, unit);
-      }
-    }
-    return rtf.format(0, "second");
-  } catch {
-    return iso;
-  }
-}
-function daysUntil(iso, from = /* @__PURE__ */ new Date()) {
-  try {
-    const target = parseIso(iso);
-    const a = Date.UTC(target.getFullYear(), target.getMonth(), target.getDate());
-    const b = Date.UTC(from.getFullYear(), from.getMonth(), from.getDate());
-    return Math.round((a - b) / 864e5);
-  } catch {
-    return 0;
-  }
-}
-function hrs(n) {
-  return `${n.toFixed(1)}h`;
-}
-function pct(n) {
-  return `${Math.round(n)}%`;
-}
 function EmptyState({
   icon: Icon,
   title,
@@ -846,9 +415,9 @@ function DataTable({
   className
 }) {
   if (rows.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { title: emptyTitle, description: emptyDescription, testId: tid(area, "empty") });
+    return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { title: emptyTitle, description: emptyDescription, testId: chunkAHWIZJ4M_cjs.tid(area, "empty") });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: react.cn("rounded-xl border border-border bg-card", className), children: /* @__PURE__ */ jsxRuntime.jsxs(react.Table, { "data-testid": tid(area, "table"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: react.cn("rounded-xl border border-border bg-card", className), children: /* @__PURE__ */ jsxRuntime.jsxs(react.Table, { "data-testid": chunkAHWIZJ4M_cjs.tid(area, "table"), children: [
     /* @__PURE__ */ jsxRuntime.jsx(react.TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(react.TableRow, { className: "hover:bg-transparent", children: columns.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
       react.TableHead,
       {
@@ -862,7 +431,7 @@ function DataTable({
       return /* @__PURE__ */ jsxRuntime.jsx(
         react.TableRow,
         {
-          "data-testid": tid(area, "row", id),
+          "data-testid": chunkAHWIZJ4M_cjs.tid(area, "row", id),
           onClick: onRowClick ? () => onRowClick(row) : void 0,
           className: react.cn(onRowClick && "cursor-pointer"),
           children: columns.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1305,6 +874,84 @@ function GridView({
     }
   ) });
 }
+function UploadDropzone({
+  onFiles,
+  accept,
+  multiple = true,
+  disabled = false,
+  uploading = false,
+  title = "Drag files here",
+  description = "or click to browse",
+  hint,
+  uploadingLabel = "Uploading\u2026",
+  icon: Icon = lucideReact.UploadCloud,
+  testId,
+  className
+}) {
+  const inputRef = react$1.useRef(null);
+  const [dragOver, setDragOver] = react$1.useState(false);
+  const inert = disabled || uploading;
+  const pick = (files) => {
+    if (!files?.length) return;
+    onFiles(Array.from(files));
+  };
+  const onDrop = (e) => {
+    e.preventDefault();
+    setDragOver(false);
+    if (inert) return;
+    pick(e.dataTransfer.files);
+  };
+  const onDragOver = (e) => {
+    e.preventDefault();
+    if (!inert) setDragOver(true);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => !inert && inputRef.current?.click(),
+      onDrop,
+      onDragOver,
+      onDragLeave: () => setDragOver(false),
+      disabled: inert,
+      "data-testid": testId,
+      className: react.cn(
+        "flex w-full flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed border-border bg-muted/30 px-6 py-12 text-center transition-colors",
+        "hover:border-primary/50 hover:bg-muted/50",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        dragOver && "border-primary bg-primary/5",
+        inert && "cursor-not-allowed opacity-60 hover:border-border hover:bg-muted/30",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "file",
+            accept,
+            multiple,
+            className: "hidden",
+            onChange: (e) => {
+              pick(e.target.files);
+              if (inputRef.current) inputRef.current.value = "";
+            },
+            "data-testid": testId ? `${testId}-input` : void 0
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-primary/10 text-primary", children: uploading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-6 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-6" }) }),
+        uploading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: uploadingLabel }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium text-foreground", children: [
+            title,
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: description })
+          ] }),
+          hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: hint })
+        ] })
+      ]
+    }
+  );
+}
 function PageHeader({
   title,
   eyebrow,
@@ -1329,48 +976,6 @@ function PageHeader({
     }
   );
 }
-function SectionHeading({
-  eyebrow,
-  title,
-  lead,
-  align = "left",
-  className,
-  invert,
-  eyebrowClassName
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: react.cn("max-w-3xl", align === "center" && "mx-auto text-center", className), children: [
-    eyebrow && /* @__PURE__ */ jsxRuntime.jsx(
-      "p",
-      {
-        className: react.cn(
-          "mb-3 text-xs font-semibold uppercase tracking-wider",
-          eyebrowClassName ?? (invert ? "text-background/60" : "text-muted-foreground")
-        ),
-        children: eyebrow
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "h2",
-      {
-        className: react.cn(
-          "font-display text-3xl font-semibold tracking-tight text-balance sm:text-4xl",
-          invert ? "text-background" : "text-foreground"
-        ),
-        children: title
-      }
-    ),
-    lead && /* @__PURE__ */ jsxRuntime.jsx(
-      "p",
-      {
-        className: react.cn(
-          "mt-4 text-lg leading-relaxed",
-          invert ? "text-background/70" : "text-muted-foreground"
-        ),
-        children: lead
-      }
-    )
-  ] });
-}
 function Toolbar({
   search,
   onSearch,
@@ -1452,869 +1057,102 @@ function MetricCard({
     ] })
   ] });
 }
-var ASSET_REF_PREFIX = "asset:";
-function asAssetRef(docId) {
-  return `${ASSET_REF_PREFIX}${docId}`;
-}
-function assetRefId(src) {
-  return src.slice(ASSET_REF_PREFIX.length);
-}
-var AssetResolverContext = react$1.createContext(false);
-function AssetResolverProvider({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AssetResolverContext.Provider, { value: true, children });
-}
-function useAssetResolverActive() {
-  return react$1.useContext(AssetResolverContext);
-}
-function isAssetRef(src) {
-  return !!src && src.startsWith(ASSET_REF_PREFIX);
-}
-function useAssetImage(docId) {
-  const arbi = react.useArbi();
-  const { data: thumbs } = react.useThumbnails([docId]);
-  const thumb = thumbs?.[docId];
-  const { data: objectUrl } = reactQuery.useQuery({
-    queryKey: ["arbi", "asset-image", docId],
-    queryFn: async () => {
-      const res = await arbi.documents.download(docId);
-      const blob = await res.blob();
-      return URL.createObjectURL(blob);
-    },
-    // Only download when the thumbnail is genuinely absent (not merely loading).
-    enabled: !!docId && thumbs != null && !thumb && arbi.hasWorkspace,
-    staleTime: 10 * 6e4
-  });
-  react$1.useEffect(() => {
-    return () => {
-      if (objectUrl) URL.revokeObjectURL(objectUrl);
-    };
-  }, [objectUrl]);
-  return thumb ?? objectUrl;
-}
-function AssetThumb({
-  docId,
-  alt,
-  className,
-  testId
-}) {
-  const src = useAssetImage(docId);
-  return /* @__PURE__ */ jsxRuntime.jsx("img", { src: src ?? void 0, alt: alt ?? "", className, "data-testid": testId });
-}
-var ASPECT = {
-  "16:9": "aspect-video",
-  "4:3": "aspect-[4/3]",
-  "1:1": "aspect-square",
-  "21:9": "aspect-[21/9]",
-  "4:5": "aspect-[4/5]"
-};
-var ROUNDED = {
-  none: "rounded-none",
-  md: "rounded-md",
-  lg: "rounded-xl",
-  full: "rounded-full"
-};
-function BlockImage({
-  src,
-  alt = "",
-  aspect = "16:9",
-  rounded = "lg",
-  framed,
-  className,
-  testId
-}) {
-  const shape = react.cn(
-    ASPECT[aspect] ?? ASPECT["16:9"],
-    ROUNDED[rounded] ?? ROUNDED.lg,
-    framed && "ring-1 ring-border shadow-xl"
-  );
-  const canResolve = useAssetResolverActive();
-  if (canResolve && isAssetRef(src)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      AssetThumb,
-      {
-        docId: assetRefId(src),
-        alt,
-        className: react.cn("w-full object-cover", shape, className),
-        testId
-      }
-    );
-  }
-  if (src && !isAssetRef(src)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "img",
-      {
-        src,
-        alt,
-        className: react.cn("w-full object-cover", shape, className),
-        "data-testid": testId
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: react.cn(
-        "flex w-full items-center justify-center overflow-hidden border border-border",
-        "bg-gradient-to-br from-muted via-card to-accent text-muted-foreground",
-        shape,
-        className
-      ),
-      "data-testid": testId,
-      "aria-label": alt || "Image placeholder",
-      role: "img",
-      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImageIcon, { className: "size-8 opacity-60" })
-    }
-  );
-}
-var TONE_SURFACE = {
-  default: "bg-background text-foreground",
-  muted: "bg-muted text-foreground",
-  ink: "bg-foreground text-background"
-};
-function renderTitle(title, emphasis) {
-  if (!emphasis || !title.includes(emphasis)) return title;
-  const parts = title.split(emphasis);
-  return parts.map((part, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-    part,
-    i < parts.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: emphasis })
-  ] }, i));
-}
-function Hero({
-  eyebrow,
-  title,
-  emphasis,
-  subtitle,
-  primaryCta,
-  secondaryCta,
-  align = "left",
-  tone = "default",
-  imageUrl,
-  backgroundImage,
-  overlay = true,
-  eyebrowClassName,
-  testId
-}) {
-  const onDark = Boolean(backgroundImage) || tone === "ink";
-  const subtle = onDark ? "text-background/70" : "text-muted-foreground";
-  const eyebrowClass = eyebrowClassName ?? (onDark ? "text-background/60" : "text-muted-foreground");
-  const centered = align === "center" || Boolean(backgroundImage);
-  const heading = renderTitle(title, emphasis);
-  const copy = /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: react.cn(
-        "max-w-2xl",
-        centered && "mx-auto text-center",
-        backgroundImage && "text-background"
-      ),
-      children: [
-        eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: react.cn("mb-4 text-sm font-semibold uppercase tracking-wider", eyebrowClass), children: eyebrow }),
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-4xl font-semibold tracking-tight text-balance sm:text-5xl", children: heading }),
-        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: react.cn("mt-6 text-lg leading-relaxed", subtle), children: subtitle }),
-        (primaryCta?.label || secondaryCta?.label) && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: react.cn("mt-8 flex flex-col gap-3 sm:flex-row", centered && "sm:justify-center"),
-            children: [
-              primaryCta?.label && /* @__PURE__ */ jsxRuntime.jsx(react.Button, { asChild: true, size: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: primaryCta.href || "#", children: [
-                primaryCta.label,
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "size-4" })
-              ] }) }),
-              secondaryCta?.label && /* @__PURE__ */ jsxRuntime.jsx(react.Button, { asChild: true, size: "lg", variant: "outline", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: secondaryCta.href || "#", children: secondaryCta.label }) })
-            ]
-          }
-        )
-      ]
-    }
-  );
-  if (backgroundImage) {
-    const bgStyle = {
-      backgroundImage: `url("${backgroundImage}")`,
-      backgroundSize: "cover",
-      backgroundPosition: "center"
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "section",
-      {
-        className: "relative isolate overflow-hidden",
-        style: bgStyle,
-        "data-testid": testId,
-        "data-bg": testId && `${testId}-bg`,
-        children: [
-          overlay && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/55", "aria-hidden": true }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mx-auto max-w-7xl px-5 py-28 lg:px-8 lg:py-36", children: copy })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: react.cn(TONE_SURFACE[tone] ?? TONE_SURFACE.default), "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-7xl px-5 py-20 lg:px-8 lg:py-28", children: centered ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-12", children: [
-    copy,
-    imageUrl && /* @__PURE__ */ jsxRuntime.jsx(
-      BlockImage,
-      {
-        src: imageUrl,
-        aspect: "16:9",
-        rounded: "lg",
-        className: "w-full max-w-4xl",
-        testId: testId && `${testId}-image`
-      }
-    )
-  ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2", children: [
-    copy,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      BlockImage,
-      {
-        src: imageUrl,
-        aspect: "4:5",
-        rounded: "lg",
-        testId: testId && `${testId}-image`
-      }
-    )
-  ] }) }) });
-}
-var COLS = {
-  "2": "sm:grid-cols-2",
-  "3": "sm:grid-cols-2 lg:grid-cols-3"
-};
-function FeatureGrid({ columns = "3", items, testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: react.cn("grid gap-5", COLS[columns] ?? COLS["3"]), "data-testid": testId, children: (items ?? []).map((item, i) => {
-    const Icon = item.icon;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      react.Card,
-      {
-        variant: "outline",
-        className: "h-full p-6",
-        "data-testid": testId && `${testId}-item-${i}`,
-        children: [
-          Icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-4 inline-flex size-10 items-center justify-center rounded-lg bg-primary/10 text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-5" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold tracking-tight", children: item.title }),
-          item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-muted-foreground", children: item.description })
-        ]
-      },
-      i
-    );
-  }) });
-}
-var GRID = {
-  1: "grid-cols-1",
-  2: "grid-cols-2",
-  3: "grid-cols-2 sm:grid-cols-3",
-  4: "grid-cols-2 lg:grid-cols-4"
-};
-function StatGroup({ items, testId }) {
-  const list = items ?? [];
-  const cols = GRID[Math.min(list.length, 4)] ?? GRID[4];
-  return /* @__PURE__ */ jsxRuntime.jsx("dl", { className: react.cn("grid gap-8", cols), "data-testid": testId, children: list.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", "data-testid": testId && `${testId}-item-${i}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "sr-only", children: item.label }),
-    /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-4xl font-semibold tracking-tight sm:text-5xl", children: item.value }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: item.label })
-  ] }, i)) });
-}
-function Testimonial({ quote, author, role, avatarUrl, testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Card, { variant: "outline", className: "mx-auto max-w-3xl p-8 text-center", "data-testid": testId, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Quote, { className: "mx-auto size-8 text-primary/40", "aria-hidden": true }),
-    /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "mt-4 text-xl font-medium leading-relaxed text-balance", children: quote }),
-    (author || avatarUrl) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex items-center justify-center gap-3", children: [
-      (avatarUrl || author) && /* @__PURE__ */ jsxRuntime.jsxs(react.Avatar, { children: [
-        avatarUrl && /* @__PURE__ */ jsxRuntime.jsx(react.AvatarImage, { src: avatarUrl, alt: author ?? "" }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.AvatarFallback, { children: initials(author || "?") })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left", children: [
-        author && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold", children: author }),
-        role && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: role })
-      ] })
-    ] })
-  ] });
-}
-var TONE_SURFACE2 = {
-  default: "bg-primary text-primary-foreground",
-  muted: "bg-muted text-foreground",
-  ink: "bg-foreground text-background"
-};
-function CTABanner({
-  title,
-  subtitle,
-  cta,
-  tone = "default",
-  backgroundImage,
-  overlay = true,
-  testId
-}) {
-  const onImage = Boolean(backgroundImage);
-  const subtle = onImage ? "text-white/80" : tone === "default" ? "text-primary-foreground/80" : tone === "ink" ? "text-background/70" : "text-muted-foreground";
-  const bgStyle = backgroundImage ? {
-    backgroundImage: `url("${backgroundImage}")`,
-    backgroundSize: "cover",
-    backgroundPosition: "center"
-  } : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: react.cn(
-        "relative isolate overflow-hidden rounded-2xl px-8 py-14 text-center",
-        onImage ? "text-white" : TONE_SURFACE2[tone] ?? TONE_SURFACE2.default
-      ),
-      style: bgStyle,
-      "data-testid": testId,
-      children: [
-        onImage && overlay && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/55", "aria-hidden": true }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-semibold tracking-tight text-balance sm:text-4xl", children: title }),
-          subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: react.cn("mx-auto mt-4 max-w-2xl text-lg", subtle), children: subtitle }),
-          cta?.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8", children: /* @__PURE__ */ jsxRuntime.jsx(
-            react.Button,
-            {
-              asChild: true,
-              size: "lg",
-              variant: tone === "default" && !onImage ? "secondary" : "default",
-              children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: cta.href || "#", children: [
-                cta.label,
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "size-4" })
-              ] })
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}
-function LogoCloud({ items, testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center justify-center gap-4", "data-testid": testId, children: (items ?? []).map((item, i) => /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: "rounded-md border border-border bg-muted px-5 py-2.5 text-sm font-semibold uppercase tracking-wide text-muted-foreground",
-      "data-testid": testId && `${testId}-item-${i}`,
-      children: item.label
-    },
-    i
-  )) });
-}
-function FAQ({ items, testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-3xl divide-y divide-border", "data-testid": testId, children: (items ?? []).map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group py-4", "data-testid": testId && `${testId}-item-${i}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4 text-left text-base font-medium", children: [
-      item.question,
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-open:rotate-180" })
-    ] }),
-    item.answer && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-sm leading-relaxed text-muted-foreground", children: item.answer })
-  ] }, i)) });
-}
-function RichTextBlock({ content, testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-3xl", "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsx(react.AiMarkdown, { children: content ?? "" }) });
-}
-var STYLES = {
-  info: { wrap: "border-primary/30 bg-primary/5", icon: "text-primary", Icon: lucideReact.Info },
-  success: { wrap: "border-success/30 bg-success/10", icon: "text-success", Icon: lucideReact.CheckCircle2 },
-  warning: { wrap: "border-warning/40 bg-warning/10", icon: "text-warning", Icon: lucideReact.AlertTriangle },
-  danger: {
-    wrap: "border-destructive/30 bg-destructive/10",
-    icon: "text-destructive",
-    Icon: lucideReact.XCircle
-  }
-};
-function Callout({ variant = "info", title, body, testId }) {
-  const style = STYLES[variant] ?? STYLES.info;
-  const Icon = style.Icon;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: react.cn("flex gap-3 rounded-lg border p-4 text-foreground", style.wrap),
-      "data-testid": testId,
-      role: "note",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: react.cn("mt-0.5 size-5 shrink-0", style.icon), "aria-hidden": true }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-          title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: title }),
-          body && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: body })
-        ] })
-      ]
-    }
-  );
-}
-var SIZE = {
-  sm: "size-8 text-xs",
-  md: "size-10 text-sm",
-  lg: "size-14 text-base",
-  xl: "size-20 text-xl"
-};
-function AvatarBlock({ src, name = "", size = "md", testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.Avatar, { className: react.cn(SIZE[size] ?? SIZE.md), "data-testid": testId, children: [
-    src && /* @__PURE__ */ jsxRuntime.jsx(react.AvatarImage, { src, alt: name }),
-    /* @__PURE__ */ jsxRuntime.jsx(react.AvatarFallback, { className: "font-semibold", children: initials(name || "?") })
-  ] });
-}
-function Navbar({ brand, links, cta, testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("header", { className: "border-b border-border bg-background", "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "mx-auto flex max-w-7xl items-center justify-between gap-6 px-5 py-4 lg:px-8", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold tracking-tight", children: brand }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden items-center gap-6 md:flex", children: (links ?? []).map((link, i) => /* @__PURE__ */ jsxRuntime.jsx(
-      "a",
-      {
-        href: link.href || "#",
-        className: "text-sm font-medium text-muted-foreground transition-colors hover:text-foreground",
-        "data-testid": testId && `${testId}-link-${i}`,
-        children: link.label
-      },
-      i
-    )) }),
-    cta?.label && /* @__PURE__ */ jsxRuntime.jsx(react.Button, { asChild: true, size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: cta.href || "#", children: cta.label }) })
-  ] }) });
-}
-function Footer({ columns, copyright, testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: "border-t border-border bg-muted text-foreground", "data-testid": testId, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-7xl px-5 py-14 lg:px-8", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-8 sm:grid-cols-2 lg:grid-cols-4", children: (columns ?? []).map((col, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": testId && `${testId}-col-${i}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold tracking-tight", children: col.heading }),
-      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-4 space-y-2", children: (col.links ?? []).map((link, j) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          href: link.href || "#",
-          className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
-          children: link.label
-        }
-      ) }, j)) })
-    ] }, i)) }),
-    copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-12 border-t border-border pt-6 text-sm text-muted-foreground", children: copyright })
-  ] }) });
-}
-function ListBlock({ ordered = false, items, testId }) {
-  const list = items ?? [];
-  const className = react.cn(
-    "mx-auto max-w-3xl space-y-2 pl-5 text-foreground",
-    ordered ? "list-decimal" : "list-disc"
-  );
-  const content = list.map((item, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "leading-relaxed marker:text-muted-foreground", children: item.text }, i));
-  return ordered ? /* @__PURE__ */ jsxRuntime.jsx("ol", { className, "data-testid": testId, children: content }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className, "data-testid": testId, children: content });
-}
-var GRID2 = {
-  2: "sm:grid-cols-2",
-  3: "sm:grid-cols-2 lg:grid-cols-3",
-  4: "sm:grid-cols-2 lg:grid-cols-4"
-};
-var GAP = {
-  sm: "gap-3",
-  md: "gap-6",
-  lg: "gap-10"
-};
-function Columns({ count = 3, gap = "md", columns, testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: react.cn("grid grid-cols-1", GRID2[count] ?? GRID2[3], GAP[gap] ?? GAP.md),
-      "data-testid": testId,
-      children: columns.map((col, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": testId && `${testId}-col-${i}`, children: col }, i))
-    }
-  );
-}
-var SIZE2 = {
-  sm: "h-4",
-  md: "h-8",
-  lg: "h-16",
-  xl: "h-24"
-};
-function Spacer({ size = "md", testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: react.cn("w-full", SIZE2[size] ?? SIZE2.md), "data-testid": testId, "aria-hidden": true });
-}
-var WIDTH = {
-  narrow: "max-w-3xl",
-  default: "max-w-5xl",
-  wide: "max-w-7xl",
-  full: "max-w-none"
-};
-var PADDING = {
-  none: "px-0 py-0",
-  sm: "px-4 py-6",
-  md: "px-5 py-12 lg:px-8",
-  lg: "px-5 py-20 lg:px-8"
-};
-function Container({ width = "default", padding = "md", children, testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: react.cn(
-        "mx-auto w-full",
-        WIDTH[width] ?? WIDTH.default,
-        PADDING[padding] ?? PADDING.md
-      ),
-      "data-testid": testId,
-      children
-    }
-  );
-}
-function PricingTable({ plans, testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: react.cn("grid gap-6", (plans?.length ?? 0) >= 3 ? "md:grid-cols-3" : "sm:grid-cols-2"),
-      "data-testid": testId,
-      children: (plans ?? []).map((plan, i) => /* @__PURE__ */ jsxRuntime.jsxs(
-        react.Card,
-        {
-          variant: plan.featured ? "elevated" : "outline",
-          className: react.cn("flex h-full flex-col p-6", plan.featured && "ring-2 ring-primary"),
-          "data-testid": testId && `${testId}-item-${i}`,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold tracking-tight", children: plan.name }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex items-baseline gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-3xl font-semibold tracking-tight", children: plan.price }),
-              plan.period && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [
-                "/",
-                plan.period
-              ] })
-            ] }),
-            plan.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-muted-foreground", children: plan.description }),
-            plan.features && plan.features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-5 flex-1 space-y-2", children: plan.features.map((f, j) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-2 text-sm", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "mt-0.5 size-4 shrink-0 text-primary" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: f })
-            ] }, j)) }),
-            plan.cta?.label && /* @__PURE__ */ jsxRuntime.jsx(react.Button, { asChild: true, className: "mt-6 w-full", variant: plan.featured ? "default" : "outline", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: plan.cta.href || "#", children: plan.cta.label }) })
-          ]
-        },
-        i
-      ))
-    }
-  );
-}
-function Tabs({ items, testId }) {
-  const [active, setActive] = react$1.useState(0);
-  const list = items ?? [];
-  const current = list[Math.min(active, Math.max(list.length - 1, 0))];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": testId, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 border-b border-border", role: "tablist", children: list.map((t, i) => {
-      const selected = i === active;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          role: "tab",
-          "aria-selected": selected,
-          onClick: () => setActive(i),
-          className: react.cn(
-            "-mb-px border-b-2 px-4 py-2 text-sm font-medium transition-colors",
-            selected ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"
-          ),
-          "data-testid": testId && `${testId}-tab-${i}`,
-          children: t.label
-        },
-        i
-      );
-    }) }),
-    current && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        role: "tabpanel",
-        className: "pt-5 text-sm leading-relaxed text-muted-foreground",
-        "data-testid": testId && `${testId}-panel`,
-        children: current.content
-      }
-    )
-  ] });
-}
-function Accordion({ items, allowMultiple = false, testId }) {
-  const [open, setOpen] = react$1.useState([]);
-  const toggle2 = (i) => setOpen(
-    (prev) => prev.includes(i) ? prev.filter((n) => n !== i) : allowMultiple ? [...prev, i] : [i]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border border-y border-border", "data-testid": testId, children: (items ?? []).map((item, i) => {
-    const isOpen = open.includes(i);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": testId && `${testId}-item-${i}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          type: "button",
-          "aria-expanded": isOpen,
-          onClick: () => toggle2(i),
-          className: "flex w-full items-center justify-between gap-4 py-4 text-left text-base font-medium",
-          "data-testid": testId && `${testId}-trigger-${i}`,
-          children: [
-            item.title,
-            /* @__PURE__ */ jsxRuntime.jsx(
-              lucideReact.ChevronDown,
-              {
-                className: react.cn("size-4 shrink-0 transition-transform", isOpen && "rotate-180")
-              }
-            )
-          ]
-        }
-      ),
-      isOpen && /* @__PURE__ */ jsxRuntime.jsx(
-        "p",
-        {
-          className: "pb-4 text-sm leading-relaxed text-muted-foreground",
-          "data-testid": testId && `${testId}-content-${i}`,
-          children: item.content
-        }
-      )
-    ] }, i);
-  }) });
-}
-var COLS2 = {
-  "2": "grid-cols-2",
-  "3": "grid-cols-2 sm:grid-cols-3",
-  "4": "grid-cols-2 sm:grid-cols-4"
-};
-function Gallery({
-  images,
-  columns = "3",
-  aspect = "1:1",
-  rounded = "lg",
-  testId
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: react.cn("grid gap-4", COLS2[columns] ?? COLS2["3"]), "data-testid": testId, children: (images ?? []).map((img, i) => /* @__PURE__ */ jsxRuntime.jsxs("figure", { "data-testid": testId && `${testId}-item-${i}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      BlockImage,
-      {
-        src: img.src,
-        alt: img.alt,
-        aspect,
-        rounded,
-        testId: testId && `${testId}-item-${i}-image`
-      }
-    ),
-    img.caption && /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: "mt-1.5 text-xs text-muted-foreground", children: img.caption })
-  ] }, i)) });
-}
-var ASPECT2 = {
-  "16:9": "aspect-video",
-  "4:3": "aspect-[4/3]",
-  "1:1": "aspect-square"
-};
-function toEmbedUrl(url) {
-  if (!url) return null;
-  const yt = url.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/|youtube\.com\/embed\/)([\w-]{11})/);
-  if (yt) return `https://www.youtube.com/embed/${yt[1]}`;
-  const vimeo = url.match(/vimeo\.com\/(?:video\/)?(\d+)/);
-  if (vimeo) return `https://player.vimeo.com/video/${vimeo[1]}`;
-  const loom = url.match(/loom\.com\/(?:share|embed)\/([\w-]+)/);
-  if (loom) return `https://www.loom.com/embed/${loom[1]}`;
-  return null;
-}
-function VideoEmbed({
-  url,
-  title,
-  aspect = "16:9",
-  rounded = true,
-  testId
-}) {
-  const embed = toEmbedUrl(url);
-  const frame = react.cn(
-    "w-full overflow-hidden border border-border bg-muted",
-    ASPECT2[aspect] ?? ASPECT2["16:9"],
-    rounded && "rounded-lg"
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: frame, "data-testid": testId, children: embed ? /* @__PURE__ */ jsxRuntime.jsx(
-    "iframe",
-    {
-      src: embed,
-      title: title || "Embedded video",
-      className: "size-full",
-      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-      allowFullScreen: true,
-      "data-testid": testId && `${testId}-iframe`
-    }
-  ) : url ? /* @__PURE__ */ jsxRuntime.jsx("video", { src: url, controls: true, className: "size-full", "data-testid": testId && `${testId}-video` }) : null });
-}
-function ContactForm({
-  fields,
-  submitLabel = "Send",
-  action,
-  successMessage = "Thanks \u2014 we\u2019ll be in touch shortly.",
-  testId
-}) {
-  const [sent, setSent] = react$1.useState(false);
-  const list = fields ?? [];
-  const onSubmit = (e) => {
-    if (!action) {
-      e.preventDefault();
-      setSent(true);
-    }
-  };
-  if (sent) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "p",
-      {
-        className: "rounded-lg border border-border bg-muted p-6 text-center text-sm text-foreground",
-        role: "status",
-        "data-testid": testId && `${testId}-success`,
-        children: successMessage
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "form",
-    {
-      action,
-      method: action ? "post" : void 0,
-      onSubmit,
-      className: "mx-auto flex max-w-xl flex-col gap-4",
-      "data-testid": testId,
-      children: [
-        list.map((f, i) => {
-          const inputClass = "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground outline-none focus:border-primary";
-          return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1.5 text-left", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: f.label }),
-            f.type === "textarea" ? /* @__PURE__ */ jsxRuntime.jsx(
-              "textarea",
-              {
-                name: f.name,
-                required: f.required,
-                rows: 4,
-                className: inputClass,
-                "data-testid": testId && `${testId}-field-${f.name}`
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                name: f.name,
-                type: f.type || "text",
-                required: f.required,
-                className: inputClass,
-                "data-testid": testId && `${testId}-field-${f.name}`
-              }
-            )
-          ] }, i);
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          react.Button,
-          {
-            type: "submit",
-            className: react.cn("mt-1 self-start"),
-            "data-testid": testId && `${testId}-submit`,
-            children: submitLabel
-          }
-        )
-      ]
-    }
-  );
-}
-var TONE = {
-  primary: "bg-primary text-primary-foreground",
-  muted: "bg-muted text-foreground",
-  ink: "bg-foreground text-background"
-};
-function Banner({ text, cta, tone = "primary", testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: react.cn("w-full px-5 py-2.5 text-center text-sm", TONE[tone] ?? TONE.primary),
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: text }),
-        cta?.label && /* @__PURE__ */ jsxRuntime.jsxs(
-          "a",
-          {
-            href: cta.href || "#",
-            className: "ml-2 inline-flex items-center gap-1 font-semibold underline underline-offset-4",
-            "data-testid": testId && `${testId}-cta`,
-            children: [
-              cta.label,
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "size-3.5" })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function MediaText({
-  eyebrow,
-  title,
-  body,
-  imageUrl,
-  mediaSide = "left",
-  cta,
-  testId
-}) {
-  const media = /* @__PURE__ */ jsxRuntime.jsx(BlockImage, { src: imageUrl, aspect: "4:3", rounded: "lg", testId: testId && `${testId}-image` });
-  const copy = /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: eyebrow }),
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-semibold tracking-tight text-balance", children: title }),
-    body && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-lg leading-relaxed text-muted-foreground", children: body }),
-    cta?.label && /* @__PURE__ */ jsxRuntime.jsx(react.Button, { asChild: true, className: "mt-6", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: cta.href || "#", children: [
-      cta.label,
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "size-4" })
-    ] }) })
-  ] });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid items-center gap-10 lg:grid-cols-2", "data-testid": testId, children: mediaSide === "right" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    copy,
-    media
-  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    media,
-    copy
-  ] }) });
-}
-var COLS3 = {
-  "2": "sm:grid-cols-2",
-  "3": "sm:grid-cols-2 lg:grid-cols-3",
-  "4": "sm:grid-cols-2 lg:grid-cols-4"
-};
-function TeamGrid({ members, columns = "3", testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: react.cn("grid gap-6", COLS3[columns] ?? COLS3["3"]), "data-testid": testId, children: (members ?? []).map((m, i) => /* @__PURE__ */ jsxRuntime.jsxs(
-    react.Card,
-    {
-      variant: "outline",
-      className: "flex h-full flex-col items-center p-6 text-center",
-      "data-testid": testId && `${testId}-item-${i}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(react.Avatar, { className: "size-20", children: [
-          m.avatarUrl && /* @__PURE__ */ jsxRuntime.jsx(react.AvatarImage, { src: m.avatarUrl, alt: m.name }),
-          /* @__PURE__ */ jsxRuntime.jsx(react.AvatarFallback, { children: initials(m.name || "?") })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-4 text-base font-semibold tracking-tight", children: m.name }),
-        m.role && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-primary", children: m.role }),
-        m.bio && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-muted-foreground", children: m.bio })
-      ]
-    },
-    i
-  )) });
-}
-function Steps({ steps, variant = "numbered", testId }) {
-  const list = steps ?? [];
-  if (variant === "timeline") {
-    return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "relative ml-3 border-l border-border", "data-testid": testId, children: list.map((s, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "mb-8 ml-6 last:mb-0", "data-testid": testId && `${testId}-item-${i}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -left-3 flex size-6 items-center justify-center rounded-full bg-primary text-xs font-semibold text-primary-foreground", children: i + 1 }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold tracking-tight", children: s.title }),
-      s.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm leading-relaxed text-muted-foreground", children: s.description })
-    ] }, i)) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: react.cn("grid gap-6", list.length >= 4 ? "md:grid-cols-4" : "sm:grid-cols-3"),
-      "data-testid": testId,
-      children: list.map((s, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": testId && `${testId}-item-${i}`, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-9 items-center justify-center rounded-full bg-primary/10 text-sm font-semibold text-primary", children: i + 1 }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-4 text-base font-semibold tracking-tight", children: s.title }),
-        s.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-muted-foreground", children: s.description })
-      ] }, i))
-    }
-  );
-}
-var COLS4 = {
-  "2": "sm:grid-cols-2",
-  "3": "sm:grid-cols-2 lg:grid-cols-3"
-};
-function TestimonialGrid({ items, columns = "3", testId }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: react.cn("grid gap-6", COLS4[columns] ?? COLS4["3"]), "data-testid": testId, children: (items ?? []).map((t, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+var MAX_AVATARS = 4;
+function WorkspaceCard({
+  name,
+  matterRef,
+  description,
+  docCount,
+  memberCount,
+  members = [],
+  updatedAt,
+  active = false,
+  busy = false,
+  onOpen,
+  icon: Icon = lucideReact.FolderLock,
+  testId,
+  buttonTestId,
+  className
+}) {
+  const totalMembers = memberCount ?? members.length;
+  const shownMembers = members.slice(0, MAX_AVATARS);
+  const extraMembers = totalMembers - shownMembers.length;
+  const btnTestId = buttonTestId ?? (testId ? `${testId}-open` : void 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     react.Card,
     {
       variant: "outline",
-      className: "flex h-full flex-col p-6",
-      "data-testid": testId && `${testId}-item-${i}`,
+      className: react.cn("card-hover flex flex-col p-5", className),
+      "data-testid": testId,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Quote, { className: "size-6 text-primary/40", "aria-hidden": true }),
-        /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "mt-3 flex-1 text-base leading-relaxed", children: t.quote }),
-        (t.author || t.avatarUrl) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-5 flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(react.Avatar, { className: "size-9", children: [
-            t.avatarUrl && /* @__PURE__ */ jsxRuntime.jsx(react.AvatarImage, { src: t.avatarUrl, alt: t.author ?? "" }),
-            /* @__PURE__ */ jsxRuntime.jsx(react.AvatarFallback, { children: initials(t.author || "?") })
+        /* @__PURE__ */ jsxRuntime.jsxs(react.CardHeader, { className: "p-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-5" }) }),
+            active ? /* @__PURE__ */ jsxRuntime.jsxs(react.Badge, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "mr-1 size-3" }),
+              " Active"
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx(react.Badge, { variant: "secondary", children: "Encrypted" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(react.CardTitle, { className: "mt-3 text-base", children: name }),
+          matterRef && /* @__PURE__ */ jsxRuntime.jsx(react.CardDescription, { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: matterRef })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(react.CardContent, { className: "mt-3 flex-1 space-y-4 p-0", children: [
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-2 text-sm text-muted-foreground", children: description }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 text-sm", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: docCount.toLocaleString() }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "docs" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "size-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: totalMembers }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "members" })
+            ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            t.author && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold", children: t.author }),
-            t.role && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: t.role })
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex -space-x-2", children: [
+              shownMembers.map((m, i) => /* @__PURE__ */ jsxRuntime.jsxs(react.Avatar, { className: "size-7 border-2 border-card", title: m.name, children: [
+                m.picture && /* @__PURE__ */ jsxRuntime.jsx(react.AvatarImage, { src: m.picture, alt: m.name }),
+                /* @__PURE__ */ jsxRuntime.jsx(react.AvatarFallback, { className: "bg-foreground text-[10px] font-medium text-background", children: chunkAHWIZJ4M_cjs.initials(m.name || "?") })
+              ] }, i)),
+              extraMembers > 0 && /* @__PURE__ */ jsxRuntime.jsx(react.Avatar, { className: "size-7 border-2 border-card", children: /* @__PURE__ */ jsxRuntime.jsxs(react.AvatarFallback, { className: "bg-accent text-[10px] font-medium text-muted-foreground", children: [
+                "+",
+                extraMembers
+              ] }) })
+            ] }),
+            updatedAt && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", title: chunkAHWIZJ4M_cjs.fmtDate(updatedAt), children: [
+              "Updated ",
+              chunkAHWIZJ4M_cjs.fromNow(updatedAt)
+            ] })
           ] })
-        ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(react.CardFooter, { className: "mt-4 p-0", children: active ? /* @__PURE__ */ jsxRuntime.jsxs(react.Button, { variant: "outline", className: "w-full", disabled: true, "data-testid": btnTestId, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "size-4" }),
+          " Current workspace"
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(react.Button, { className: "w-full", onClick: onOpen, disabled: busy, "data-testid": btnTestId, children: [
+          busy ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeftRight, { className: "size-4" }),
+          "Open"
+        ] }) })
       ]
-    },
-    i
-  )) });
+    }
+  );
+}
+var GRID = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-2 sm:grid-cols-3",
+  4: "grid-cols-2 lg:grid-cols-4"
+};
+function StatGroup({ items, testId }) {
+  const list = items ?? [];
+  const cols = GRID[Math.min(list.length, 4)] ?? GRID[4];
+  return /* @__PURE__ */ jsxRuntime.jsx("dl", { className: react.cn("grid gap-8", cols), "data-testid": testId, children: list.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", "data-testid": testId && `${testId}-item-${i}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "sr-only", children: item.label }),
+    /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-4xl font-semibold tracking-tight sm:text-5xl", children: item.value }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: item.label }),
+    item.sub && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground/80", children: item.sub })
+  ] }, i)) });
 }
 function NavItemLink({ item, onNavigate }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2323,7 +1161,7 @@ function NavItemLink({ item, onNavigate }) {
       to: item.to,
       end: item.end,
       onClick: onNavigate,
-      "data-testid": tid("sidebar-nav", item.id),
+      "data-testid": chunkAHWIZJ4M_cjs.tid("sidebar-nav", item.id),
       className: ({ isActive }) => react.cn(
         "group flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors",
         isActive ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground"
@@ -2387,85 +1225,90 @@ function AppShell({
       onNavigate
     }
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: "flex h-screen overflow-hidden bg-background",
-      "data-testid": `${testIdPrefix}-shell`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "aside",
-          {
-            className: "hidden h-full w-64 shrink-0 flex-col border-r border-sidebar-border bg-sidebar lg:flex",
-            "data-testid": `${testIdPrefix}-sidebar`,
-            children: body()
-          }
-        ),
-        open && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: "fixed inset-0 z-50 lg:hidden",
-            "data-testid": `${testIdPrefix}-sidebar-mobile`,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: "absolute inset-0 bg-black/60 backdrop-blur-sm",
-                  onClick: () => setOpen(false),
-                  "aria-hidden": true
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "absolute inset-y-0 left-0 flex w-64 max-w-[82%] flex-col border-r border-sidebar-border bg-sidebar shadow-xl", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => setOpen(false),
-                    className: "absolute right-3 top-4 z-10 flex size-8 items-center justify-center rounded-md text-sidebar-foreground/70 hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground",
-                    "aria-label": "Close menu",
-                    "data-testid": `${testIdPrefix}-sidebar-close`,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-5" })
-                  }
-                ),
-                body(() => setOpen(false))
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "header",
+  return (
+    // One TooltipProvider for the whole back office: every kit component that
+    // renders a tooltip (entity pills, document tiles, toolbars) inherits the
+    // same hover delay, and no app has to remember to mount it.
+    /* @__PURE__ */ jsxRuntime.jsx(react.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "flex h-screen overflow-hidden bg-background",
+        "data-testid": `${testIdPrefix}-shell`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "aside",
             {
-              className: "flex h-16 shrink-0 items-center gap-4 border-b border-border bg-card/80 px-6 backdrop-blur",
-              "data-testid": `${testIdPrefix}-topbar`,
+              className: "hidden h-full w-64 shrink-0 flex-col border-r border-sidebar-border bg-sidebar lg:flex",
+              "data-testid": `${testIdPrefix}-sidebar`,
+              children: body()
+            }
+          ),
+          open && /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "fixed inset-0 z-50 lg:hidden",
+              "data-testid": `${testIdPrefix}-sidebar-mobile`,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
+                  "div",
                   {
-                    type: "button",
-                    onClick: () => setOpen(true),
-                    className: "flex size-9 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground lg:hidden",
-                    "data-testid": `${testIdPrefix}-nav-toggle`,
-                    "aria-label": "Open menu",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { className: "size-5" })
+                    className: "absolute inset-0 bg-black/60 backdrop-blur-sm",
+                    onClick: () => setOpen(false),
+                    "aria-hidden": true
                   }
                 ),
-                topbar
+                /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "absolute inset-y-0 left-0 flex w-64 max-w-[82%] flex-col border-r border-sidebar-border bg-sidebar shadow-xl", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setOpen(false),
+                      className: "absolute right-3 top-4 z-10 flex size-8 items-center justify-center rounded-md text-sidebar-foreground/70 hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground",
+                      "aria-label": "Close menu",
+                      "data-testid": `${testIdPrefix}-sidebar-close`,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-5" })
+                    }
+                  ),
+                  body(() => setOpen(false))
+                ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "main",
-            {
-              className: react.cn("flex-1 overflow-y-auto", mainClassName),
-              "data-testid": `${testIdPrefix}-main`,
-              children
-            }
-          )
-        ] }),
-        rightRail
-      ]
-    }
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "header",
+              {
+                className: "flex h-16 shrink-0 items-center gap-4 border-b border-border bg-card/80 px-6 backdrop-blur",
+                "data-testid": `${testIdPrefix}-topbar`,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setOpen(true),
+                      className: "flex size-9 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground lg:hidden",
+                      "data-testid": `${testIdPrefix}-nav-toggle`,
+                      "aria-label": "Open menu",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { className: "size-5" })
+                    }
+                  ),
+                  topbar
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "main",
+              {
+                className: react.cn("flex-1 overflow-y-auto", mainClassName),
+                "data-testid": `${testIdPrefix}-main`,
+                children
+              }
+            )
+          ] }),
+          rightRail
+        ]
+      }
+    ) })
   );
 }
 function AppHeader({
@@ -2491,7 +1334,7 @@ function AppHeader({
         type: "button",
         onClick: onSearch,
         className: classNames?.search ?? "relative hidden max-w-md flex-1 items-center rounded-md border border-input bg-background py-2 pl-9 pr-3 text-left text-sm text-muted-foreground transition-colors hover:bg-accent md:flex",
-        "data-testid": tid(testIdPrefix, "global-search"),
+        "data-testid": chunkAHWIZJ4M_cjs.tid(testIdPrefix, "global-search"),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: searchPlaceholder }),
@@ -2507,7 +1350,7 @@ function AppHeader({
           size: "sm",
           onClick: onAsk ?? onSearch,
           className: classNames?.askButton,
-          "data-testid": tid(testIdPrefix, "ask-ai"),
+          "data-testid": chunkAHWIZJ4M_cjs.tid(testIdPrefix, "ask-ai"),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "size-4" }),
             askLabel
@@ -2518,7 +1361,7 @@ function AppHeader({
       /* @__PURE__ */ jsxRuntime.jsx(
         react.NotificationBell,
         {
-          testId: tid(testIdPrefix, "notifications"),
+          testId: chunkAHWIZJ4M_cjs.tid(testIdPrefix, "notifications"),
           onNavigate: onNotificationNavigate,
           toneClassNames: notificationTones
         }
@@ -2529,8 +1372,8 @@ function AppHeader({
           user,
           items: userItems,
           onLogout,
-          testId: tid(testIdPrefix, "user-menu"),
-          logoutTestId: tid(testIdPrefix, "logout")
+          testId: chunkAHWIZJ4M_cjs.tid(testIdPrefix, "user-menu"),
+          logoutTestId: chunkAHWIZJ4M_cjs.tid(testIdPrefix, "logout")
         }
       )
     ] })
@@ -2700,6 +1543,32 @@ function createLiveWidgets(kit) {
     LiveMetric: LiveMetricWidget
   };
 }
+function useAssetImage(docId) {
+  const arbi = react.useArbi();
+  const { data: thumbs } = react.useThumbnails([docId]);
+  const thumb = thumbs?.[docId];
+  const { data: objectUrl } = reactQuery.useQuery({
+    queryKey: ["arbi", "asset-image", docId],
+    queryFn: async () => {
+      const res = await arbi.documents.download(docId);
+      const blob = await res.blob();
+      return URL.createObjectURL(blob);
+    },
+    // Only download when the thumbnail is genuinely absent (not merely loading).
+    enabled: !!docId && thumbs != null && !thumb && arbi.hasWorkspace,
+    staleTime: 10 * 6e4
+  });
+  react$1.useEffect(() => {
+    return () => {
+      if (objectUrl) URL.revokeObjectURL(objectUrl);
+    };
+  }, [objectUrl]);
+  return thumb ?? objectUrl;
+}
+function AssetThumb({ docId, alt, className, testId }) {
+  const src = useAssetImage(docId);
+  return /* @__PURE__ */ jsxRuntime.jsx("img", { src: src ?? void 0, alt: alt ?? "", className, "data-testid": testId });
+}
 
 // src/studio/publish.ts
 function blobToDataUrl(blob) {
@@ -2724,7 +1593,7 @@ function createArbiMaterializer(arbi, opts = {}) {
 }
 function collectAssetRefs(node, acc) {
   if (typeof node === "string") {
-    if (isAssetRef(node)) acc.add(node);
+    if (chunkAHWIZJ4M_cjs.isAssetRef(node)) acc.add(node);
     return;
   }
   if (Array.isArray(node)) {
@@ -2758,7 +1627,7 @@ async function materializePageData(data, materialize) {
   const replacements = /* @__PURE__ */ new Map();
   await Promise.all(
     [...refs].map(async (ref) => {
-      const src = await materialize(assetRefId(ref));
+      const src = await materialize(chunkAHWIZJ4M_cjs.assetRefId(ref));
       if (src) replacements.set(ref, src);
     })
   );
@@ -2818,7 +1687,7 @@ function StudioEditor({
       delete w.__studioResetSlug;
     };
   }, [resetSeam, arbi, live, persistence]);
-  const persist4 = react$1.useCallback(
+  const persist3 = react$1.useCallback(
     async (toSave) => {
       setSaving(true);
       try {
@@ -2843,7 +1712,7 @@ function StudioEditor({
         radius: stored.radius ?? defaultTheme.radius,
         activePresetId: null
       });
-      applyStoredTheme(themeBundle);
+      chunkAHWIZJ4M_cjs.applyStoredTheme(themeBundle);
     })();
     return () => {
       cancelled = true;
@@ -2911,7 +1780,7 @@ function StudioEditor({
           "button",
           {
             type: "button",
-            onClick: () => void persist4(latest.current),
+            onClick: () => void persist3(latest.current),
             disabled: saving || loading,
             className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-60",
             "data-testid": `${testIdPrefix}-publish`,
@@ -2936,7 +1805,7 @@ function StudioEditor({
             "\u201D\u2026"
           ]
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(AssetResolverProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      ) : /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.AssetResolverProvider, { render: AssetThumb, children: /* @__PURE__ */ jsxRuntime.jsx(
         puck.Puck,
         {
           config,
@@ -2944,7 +1813,7 @@ function StudioEditor({
           onChange: (d) => {
             latest.current = d;
           },
-          onPublish: (d) => void persist4(d)
+          onPublish: (d) => void persist3(d)
         },
         `${slug}-${rev}`
       ) }) }),
@@ -2954,7 +1823,7 @@ function StudioEditor({
           className: "w-80 shrink-0 border-l border-border",
           "data-testid": `${testIdPrefix}-theme-drawer`,
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            ThemeEditor,
+            chunkAHWIZJ4M_cjs.ThemeEditor,
             {
               bundle: themeBundle,
               variant: "drawer",
@@ -2993,7 +1862,7 @@ function PageRenderer({
       const page = initialData ?? (await persistence.loadPublished(arbi, live, slug)).data ?? (await persistence.loadPage(arbi, live, slug)).data;
       if (cancelled) return;
       if (applyTheme) {
-        applyThemeVars(
+        chunkAHWIZJ4M_cjs.applyThemeVars(
           theme ? { ...defaultTheme, ...theme, colors: { ...defaultTheme.colors, ...theme.colors } } : defaultTheme
         );
       }
@@ -3195,7 +2064,7 @@ function AiTextField({
     setActive(true);
     await task.run(buildPrompt({ kind, label, current: value ?? "" }), docIds);
   };
-  const inputTid = tid(`${testIdPrefix}-field`, name);
+  const inputTid = chunkAHWIZJ4M_cjs.tid(`${testIdPrefix}-field`, name);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "al-ai-field", children: [
     multiline ? /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
@@ -3224,7 +2093,7 @@ function AiTextField({
         className: "al-ai-field__btn",
         onClick: () => void write(),
         disabled: task.isRunning,
-        "data-testid": tid(`${testIdPrefix}-ai-write`, name),
+        "data-testid": chunkAHWIZJ4M_cjs.tid(`${testIdPrefix}-ai-write`, name),
         title: "Draft this field with AI, grounded in the marketing workspace",
         children: [
           task.isRunning ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "size-3" }),
@@ -3287,10 +2156,10 @@ function useImageGen() {
   const task = useFirmAiTask();
   const { run } = task;
   const generate = react$1.useCallback(
-    async (prompt) => {
+    async (prompt, referenceDocIds = []) => {
       const trimmed = prompt.trim();
       if (!trimmed) return null;
-      const result = await run(`/image ${trimmed}`, []);
+      const result = await run(`/image ${trimmed}`, referenceDocIds);
       return latestImageDocId(result?.artifacts ?? []);
     },
     [run]
@@ -3321,13 +2190,14 @@ function ImageFieldControl({
   const [url, setUrl] = react$1.useState("");
   const [prompt, setPrompt] = react$1.useState("");
   const [busy, setBusy] = react$1.useState(false);
+  const [refIds, setRefIds] = react$1.useState([]);
   const [cropSrc, setCropSrc] = react$1.useState(null);
   const [cropName, setCropName] = react$1.useState("image.jpg");
   const arbi = react.useArbi();
   const gen = useImageGen();
   const queryClient = reactQuery.useQueryClient();
-  const currentAssetImage = useAssetImage(isAssetRef(value) ? assetRefId(value) : "");
-  const tp = (...q) => tid(`${testIdPrefix}-image`, name, ...q);
+  const currentAssetImage = useAssetImage(chunkAHWIZJ4M_cjs.isAssetRef(value) ? chunkAHWIZJ4M_cjs.assetRefId(value) : "");
+  const tp = (...q) => chunkAHWIZJ4M_cjs.tid(`${testIdPrefix}-image`, name, ...q);
   const refreshAssets = () => queryClient.invalidateQueries({ queryKey: ["arbi", "documents", workspaceId] });
   const { data: docs } = react.useDocuments(workspaceId);
   const imageDocs = react$1.useMemo(
@@ -3361,7 +2231,7 @@ function ImageFieldControl({
       const res = await arbi.documents.uploadFile(file, name2, { folder });
       const id = res.doc_ext_ids?.[0];
       if (id) {
-        onChange(asAssetRef(id));
+        onChange(chunkAHWIZJ4M_cjs.asAssetRef(id));
         void refreshAssets();
       }
     } finally {
@@ -3374,11 +2244,13 @@ function ImageFieldControl({
     await uploadBlobAsAsset(result.blob, cropName);
     if (src?.startsWith("blob:")) URL.revokeObjectURL(src);
   };
+  const toggleRef = (id) => setRefIds((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
   const onGenerate = async () => {
     if (!prompt.trim() || gen.isGenerating) return;
-    const id = await gen.generate(prompt);
+    const id = await gen.generate(prompt, refIds);
     if (id) {
-      onChange(asAssetRef(id));
+      onChange(chunkAHWIZJ4M_cjs.asAssetRef(id));
+      setRefIds([]);
       void refreshAssets();
     }
   };
@@ -3392,7 +2264,7 @@ function ImageFieldControl({
   const tabClass = (on) => `inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium ${on ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", "data-testid": tp(), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(BlockImage, { src: value, aspect: "16:9", rounded: "md", testId: tp("preview") }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.BlockImage, { src: value, aspect: "16:9", rounded: "md", testId: tp("preview") }),
       currentAssetImage ? /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
@@ -3426,12 +2298,12 @@ function ImageFieldControl({
       imageDocs.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-span-3 py-3 text-center text-xs text-muted-foreground", children: "No image assets yet \u2014 upload or generate one." }),
       imageDocs.map((d) => {
         const thumb = thumbs?.[d.external_id];
-        const selected = value === asAssetRef(d.external_id);
+        const selected = value === chunkAHWIZJ4M_cjs.asAssetRef(d.external_id);
         return /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
-            onClick: () => onChange(asAssetRef(d.external_id)),
+            onClick: () => onChange(chunkAHWIZJ4M_cjs.asAssetRef(d.external_id)),
             className: `overflow-hidden rounded border ${selected ? "border-primary ring-1 ring-primary" : "border-border"}`,
             title: d.file_name ?? "",
             "data-testid": tp("asset", d.external_id),
@@ -3487,12 +2359,57 @@ function ImageFieldControl({
       )
     ] }),
     mode === "generate" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      imageDocs.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", "data-testid": tp("refs"), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            "Reference images",
+            refIds.length > 0 ? ` (${refIds.length})` : " (optional)"
+          ] }),
+          chunkAHWIZJ4M_cjs.isAssetRef(value) && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "text-xs font-medium text-primary hover:underline",
+              onClick: () => toggleRef(chunkAHWIZJ4M_cjs.assetRefId(value)),
+              "data-testid": tp("vary-current"),
+              children: refIds.includes(chunkAHWIZJ4M_cjs.assetRefId(value)) ? "Varying current" : "Vary current image"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid max-h-28 grid-cols-4 gap-1.5 overflow-auto", children: imageDocs.map((d) => {
+          const thumb = thumbs?.[d.external_id];
+          const on = refIds.includes(d.external_id);
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => toggleRef(d.external_id),
+              "aria-pressed": on,
+              className: `relative overflow-hidden rounded border ${on ? "border-primary ring-1 ring-primary" : "border-border"}`,
+              title: d.file_name ?? "",
+              "data-testid": tp("ref", d.external_id),
+              children: [
+                thumb ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: thumb,
+                    alt: d.file_name ?? "",
+                    className: "aspect-square w-full bg-muted object-contain"
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex aspect-square w-full items-center justify-center bg-muted text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImagePlus, { className: "size-3.5" }) }),
+                on && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-0.5 top-0.5 rounded-full bg-primary p-0.5 text-primary-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-2.5" }) })
+              ]
+            },
+            d.external_id
+          );
+        }) })
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "textarea",
         {
           className: inputClass,
           rows: 2,
-          placeholder: "Describe the image\u2026",
+          placeholder: refIds.length > 0 ? "Describe the edit to apply\u2026" : "Describe the image\u2026",
           value: prompt,
           onChange: (e) => setPrompt(e.target.value),
           "data-testid": tp("prompt")
@@ -3508,7 +2425,7 @@ function ImageFieldControl({
           "data-testid": tp("generate"),
           children: [
             gen.isGenerating ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "size-3.5" }),
-            gen.isGenerating ? "Generating\u2026" : "Generate"
+            gen.isGenerating ? "Generating\u2026" : refIds.length > 0 ? `Generate from ${refIds.length} reference${refIds.length > 1 ? "s" : ""}` : "Generate"
           ]
         }
       ),
@@ -3565,13 +2482,13 @@ var TEXTURE_STYLE = {
   backgroundSize: "4px 4px",
   opacity: 0.04
 };
-var PADDING2 = {
+var PADDING = {
   none: "",
   sm: "py-8 lg:py-10",
   md: "py-16 lg:py-20",
   lg: "py-24 lg:py-28"
 };
-var WIDTH2 = {
+var WIDTH = {
   narrow: "max-w-3xl",
   default: "max-w-7xl",
   wide: "max-w-[90rem]",
@@ -3603,8 +2520,8 @@ function Section({
       {
         className: react.cn(
           "relative mx-auto px-5 lg:px-8",
-          WIDTH2[maxWidth],
-          PADDING2[padding],
+          WIDTH[maxWidth],
+          PADDING[padding],
           className
         ),
         children
@@ -3669,7 +2586,7 @@ function createBlockKit(ai, image, eyebrowClassName) {
     }),
     iconField: (label = "Icon") => ({ type: "select", label, options: ICON_OPTIONS }),
     resolveIcon: (name) => name ? iconMap[name] : void 0,
-    blockTestId: (id) => tid("arbi-block", id)
+    blockTestId: (id) => chunkAHWIZJ4M_cjs.tid("arbi-block", id)
   };
 }
 var emptySlot = [];
@@ -3734,7 +2651,7 @@ function createWebsiteBlocks(kit) {
     render: ({ id, count, gap, col1, col2, col3, col4 }) => {
       const n = Number(count) || 3;
       const columns = [col1, col2, col3, col4].slice(0, n).map(renderSlot);
-      return /* @__PURE__ */ jsxRuntime.jsx(Columns, { count: n, gap, columns, testId: blockTestId(id) });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.Columns, { count: n, gap, columns, testId: blockTestId(id) });
     }
   };
   const SpacerBlock = {
@@ -3752,7 +2669,7 @@ function createWebsiteBlocks(kit) {
       }
     },
     defaultProps: { size: "md" },
-    render: ({ id, size }) => /* @__PURE__ */ jsxRuntime.jsx(Spacer, { size, testId: blockTestId(id) })
+    render: ({ id, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.Spacer, { size, testId: blockTestId(id) })
   };
   const ContainerBlock = {
     label: "Container",
@@ -3780,7 +2697,7 @@ function createWebsiteBlocks(kit) {
       children: { type: "slot" }
     },
     defaultProps: { width: "default", padding: "md", children: emptySlot },
-    render: ({ id, width, padding, children }) => /* @__PURE__ */ jsxRuntime.jsx(Container, { width, padding, testId: blockTestId(id), children: renderSlot(children) })
+    render: ({ id, width, padding, children }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.Container, { width, padding, testId: blockTestId(id), children: renderSlot(children) })
   };
   const HeroBlock = {
     label: "Hero",
@@ -3831,7 +2748,7 @@ function createWebsiteBlocks(kit) {
       backgroundImage,
       overlay
     }) => /* @__PURE__ */ jsxRuntime.jsx(
-      Hero,
+      chunkAHWIZJ4M_cjs.Hero,
       {
         eyebrow,
         title,
@@ -3903,7 +2820,7 @@ function createWebsiteBlocks(kit) {
           icon: resolveIcon(it.icon)
         })
       );
-      return /* @__PURE__ */ jsxRuntime.jsx(FeatureGrid, { columns, items: list, testId: blockTestId(id) });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.FeatureGrid, { columns, items: list, testId: blockTestId(id) });
     }
   };
   const StatGroupBlock = {
@@ -3945,7 +2862,7 @@ function createWebsiteBlocks(kit) {
       avatarUrl: ""
     },
     render: ({ id, quote, author, role, avatarUrl }) => /* @__PURE__ */ jsxRuntime.jsx(
-      Testimonial,
+      chunkAHWIZJ4M_cjs.Testimonial,
       {
         quote,
         author,
@@ -3974,7 +2891,7 @@ function createWebsiteBlocks(kit) {
       overlay: true
     },
     render: ({ id, title, subtitle, cta, tone, backgroundImage, overlay }) => /* @__PURE__ */ jsxRuntime.jsx(
-      CTABanner,
+      chunkAHWIZJ4M_cjs.CTABanner,
       {
         title,
         subtitle,
@@ -4006,7 +2923,7 @@ function createWebsiteBlocks(kit) {
         { label: "Umbrella" }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(LogoCloud, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.LogoCloud, { items, testId: blockTestId(id) })
   };
   const FAQBlock = {
     label: "FAQ",
@@ -4038,7 +2955,7 @@ function createWebsiteBlocks(kit) {
         }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(FAQ, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.FAQ, { items, testId: blockTestId(id) })
   };
   const RichTextBlockConfig = {
     label: "Rich text",
@@ -4048,7 +2965,7 @@ function createWebsiteBlocks(kit) {
     defaultProps: {
       content: "## About us\n\nWe build tools that help teams do their best work. Our platform combines **power** and _simplicity_ so you can focus on what matters.\n\n- Fast to learn\n- Easy to scale\n- Loved by teams"
     },
-    render: ({ id, content }) => /* @__PURE__ */ jsxRuntime.jsx(RichTextBlock, { content, testId: blockTestId(id) })
+    render: ({ id, content }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.RichTextBlock, { content, testId: blockTestId(id) })
   };
   const CalloutBlock = {
     label: "Callout",
@@ -4071,7 +2988,7 @@ function createWebsiteBlocks(kit) {
       title: "Good to know",
       body: "This is a helpful note that draws attention to important information."
     },
-    render: ({ id, variant, title, body }) => /* @__PURE__ */ jsxRuntime.jsx(Callout, { variant, title, body, testId: blockTestId(id) })
+    render: ({ id, variant, title, body }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.Callout, { variant, title, body, testId: blockTestId(id) })
   };
   const ImageBlock = {
     label: "Image",
@@ -4102,7 +3019,7 @@ function createWebsiteBlocks(kit) {
     },
     defaultProps: { src: "", alt: "Image", aspect: "16:9", rounded: "lg", framed: false },
     render: ({ id, src, alt, aspect, rounded, framed }) => /* @__PURE__ */ jsxRuntime.jsx(
-      BlockImage,
+      chunkAHWIZJ4M_cjs.BlockImage,
       {
         src,
         alt,
@@ -4130,7 +3047,7 @@ function createWebsiteBlocks(kit) {
       }
     },
     defaultProps: { src: "", name: "Jane Doe", size: "md" },
-    render: ({ id, src, name, size }) => /* @__PURE__ */ jsxRuntime.jsx(AvatarBlock, { src, name, size, testId: blockTestId(id) })
+    render: ({ id, src, name, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.AvatarBlock, { src, name, size, testId: blockTestId(id) })
   };
   const NavbarBlock = {
     label: "Navbar",
@@ -4158,7 +3075,7 @@ function createWebsiteBlocks(kit) {
       ],
       cta: { label: "Sign up", href: "#" }
     },
-    render: ({ id, brand, links, cta }) => /* @__PURE__ */ jsxRuntime.jsx(Navbar, { brand, links, cta, testId: blockTestId(id) })
+    render: ({ id, brand, links, cta }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.Navbar, { brand, links, cta, testId: blockTestId(id) })
   };
   const FooterBlock = {
     label: "Footer",
@@ -4217,7 +3134,7 @@ function createWebsiteBlocks(kit) {
       ],
       copyright: "\xA9 2026 Acme, Inc. All rights reserved."
     },
-    render: ({ id, columns, copyright }) => /* @__PURE__ */ jsxRuntime.jsx(Footer, { columns, copyright, testId: blockTestId(id) })
+    render: ({ id, columns, copyright }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.Footer, { columns, copyright, testId: blockTestId(id) })
   };
   const ListBlockConfig = {
     label: "List",
@@ -4235,7 +3152,7 @@ function createWebsiteBlocks(kit) {
       ordered: false,
       items: [{ text: "First item" }, { text: "Second item" }, { text: "Third item" }]
     },
-    render: ({ id, ordered, items }) => /* @__PURE__ */ jsxRuntime.jsx(ListBlock, { ordered, items, testId: blockTestId(id) })
+    render: ({ id, ordered, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.ListBlock, { ordered, items, testId: blockTestId(id) })
   };
   return {
     Columns: ColumnsBlock,
@@ -4337,7 +3254,7 @@ function createSiteBlocks(kit) {
       ]
     },
     render: ({ id, plans }) => /* @__PURE__ */ jsxRuntime.jsx(
-      PricingTable,
+      chunkAHWIZJ4M_cjs.PricingTable,
       {
         plans: (plans ?? []).map(
           (p) => ({
@@ -4375,7 +3292,7 @@ function createSiteBlocks(kit) {
         { label: "FAQ", content: "Answers to common questions." }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(Tabs, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.Tabs, { items, testId: blockTestId(id) })
   };
   const AccordionBlock = {
     label: "Accordion",
@@ -4399,7 +3316,7 @@ function createSiteBlocks(kit) {
         { title: "How does billing work?", content: "Monthly or annually, cancel anytime." }
       ]
     },
-    render: ({ id, allowMultiple, items }) => /* @__PURE__ */ jsxRuntime.jsx(Accordion, { allowMultiple, items, testId: blockTestId(id) })
+    render: ({ id, allowMultiple, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.Accordion, { allowMultiple, items, testId: blockTestId(id) })
   };
   const GalleryBlock = {
     label: "Gallery",
@@ -4435,7 +3352,7 @@ function createSiteBlocks(kit) {
         { src: "", alt: "Image three", caption: "" }
       ]
     },
-    render: ({ id, columns, aspect, images }) => /* @__PURE__ */ jsxRuntime.jsx(Gallery, { columns, aspect, images, testId: blockTestId(id) })
+    render: ({ id, columns, aspect, images }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.Gallery, { columns, aspect, images, testId: blockTestId(id) })
   };
   const VideoBlock = {
     label: "Video",
@@ -4455,7 +3372,7 @@ function createSiteBlocks(kit) {
     },
     defaultProps: { url: "", title: "", aspect: "16:9", rounded: true },
     render: ({ id, url, title, aspect, rounded }) => /* @__PURE__ */ jsxRuntime.jsx(
-      VideoEmbed,
+      chunkAHWIZJ4M_cjs.VideoEmbed,
       {
         url,
         title,
@@ -4504,7 +3421,7 @@ function createSiteBlocks(kit) {
       ]
     },
     render: ({ id, submitLabel, action, successMessage, fields }) => /* @__PURE__ */ jsxRuntime.jsx(
-      ContactForm,
+      chunkAHWIZJ4M_cjs.ContactForm,
       {
         submitLabel,
         action: action || void 0,
@@ -4534,7 +3451,7 @@ function createSiteBlocks(kit) {
       cta: { label: "Read more", href: "#" },
       tone: "primary"
     },
-    render: ({ id, text, cta, tone }) => /* @__PURE__ */ jsxRuntime.jsx(Banner, { text, cta, tone, testId: blockTestId(id) })
+    render: ({ id, text, cta, tone }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.Banner, { text, cta, tone, testId: blockTestId(id) })
   };
   const MediaTextBlock = {
     label: "Media & text",
@@ -4562,7 +3479,7 @@ function createSiteBlocks(kit) {
       cta: { label: "Learn more", href: "#" }
     },
     render: ({ id, eyebrow, title, body, imageUrl, mediaSide, cta }) => /* @__PURE__ */ jsxRuntime.jsx(
-      MediaText,
+      chunkAHWIZJ4M_cjs.MediaText,
       {
         eyebrow,
         title,
@@ -4599,7 +3516,7 @@ function createSiteBlocks(kit) {
         { name: "Jordan Lee", role: "Lead Engineer", bio: "", avatarUrl: "" }
       ]
     },
-    render: ({ id, columns, members }) => /* @__PURE__ */ jsxRuntime.jsx(TeamGrid, { columns, members, testId: blockTestId(id) })
+    render: ({ id, columns, members }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.TeamGrid, { columns, members, testId: blockTestId(id) })
   };
   const StepsBlock = {
     label: "Steps",
@@ -4631,7 +3548,7 @@ function createSiteBlocks(kit) {
         { title: "Launch", description: "Go live and start seeing results." }
       ]
     },
-    render: ({ id, variant, steps }) => /* @__PURE__ */ jsxRuntime.jsx(Steps, { variant, steps, testId: blockTestId(id) })
+    render: ({ id, variant, steps }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.Steps, { variant, steps, testId: blockTestId(id) })
   };
   const TestimonialGridBlock = {
     label: "Testimonial grid",
@@ -4673,7 +3590,7 @@ function createSiteBlocks(kit) {
         }
       ]
     },
-    render: ({ id, columns, items }) => /* @__PURE__ */ jsxRuntime.jsx(TestimonialGrid, { columns, items, testId: blockTestId(id) })
+    render: ({ id, columns, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkAHWIZJ4M_cjs.TestimonialGrid, { columns, items, testId: blockTestId(id) })
   };
   return {
     Pricing: PricingBlock,
@@ -4717,7 +3634,7 @@ function createArbiBlocksConfig(opts = {}) {
     },
     defaultProps: { title: "Section title", align: "left", invert: false },
     render: ({ id, title, eyebrow, lead, align, invert }) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": blockTestId(id), children: /* @__PURE__ */ jsxRuntime.jsx(
-      SectionHeading,
+      chunkAHWIZJ4M_cjs.SectionHeading,
       {
         title,
         eyebrow,
@@ -5311,7 +4228,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
       {
         variant: "elevated",
         className: "rounded-xl",
-        "data-testid": tid(`${testIdPrefix}-modules-section`, group.section),
+        "data-testid": chunkAHWIZJ4M_cjs.tid(`${testIdPrefix}-modules-section`, group.section),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(react.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(react.CardTitle, { className: "text-base", children: group.section }) }),
           /* @__PURE__ */ jsxRuntime.jsx(react.CardContent, { className: "space-y-1.5", children: group.modules.map((m, idx) => {
@@ -5320,7 +4237,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
               "div",
               {
                 className: "flex items-center gap-3 rounded-md border border-border/60 bg-card px-3 py-2",
-                "data-testid": tid(`${testIdPrefix}-module`, m.id),
+                "data-testid": chunkAHWIZJ4M_cjs.tid(`${testIdPrefix}-module`, m.id),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -5332,7 +4249,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
                         disabled: idx === 0,
                         onClick: () => move(m.id, "up"),
                         "aria-label": `Move ${m.label} up`,
-                        "data-testid": tid(`${testIdPrefix}-module-up`, m.id),
+                        "data-testid": chunkAHWIZJ4M_cjs.tid(`${testIdPrefix}-module-up`, m.id),
                         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "size-3.5" })
                       }
                     ),
@@ -5345,7 +4262,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
                         disabled: idx === group.modules.length - 1,
                         onClick: () => move(m.id, "down"),
                         "aria-label": `Move ${m.label} down`,
-                        "data-testid": tid(`${testIdPrefix}-module-down`, m.id),
+                        "data-testid": chunkAHWIZJ4M_cjs.tid(`${testIdPrefix}-module-down`, m.id),
                         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-3.5" })
                       }
                     )
@@ -5365,7 +4282,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
                       checked: m.enabled,
                       onCheckedChange: () => toggle2(m.id),
                       "aria-label": `Enable ${m.label}`,
-                      "data-testid": tid(`${testIdPrefix}-module-toggle`, m.id)
+                      "data-testid": chunkAHWIZJ4M_cjs.tid(`${testIdPrefix}-module-toggle`, m.id)
                     }
                   )
                 ]
@@ -5397,7 +4314,7 @@ function ConfigModelBadge({ configId, testIdPrefix }) {
     react.Badge,
     {
       variant: TIER_VARIANT[tier] ?? "secondary",
-      "data-testid": tid(`${testIdPrefix}-agents-config-tier`, configId),
+      "data-testid": chunkAHWIZJ4M_cjs.tid(`${testIdPrefix}-agents-config-tier`, configId),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Cpu, { className: "size-3" }),
         " ",
@@ -5434,14 +4351,14 @@ function AgentsPanel({ store, testIdPrefix = "builder" }) {
               "label",
               {
                 className: "flex cursor-pointer items-center gap-3 rounded-md border border-border/60 bg-card px-3 py-2",
-                "data-testid": tid(`${testIdPrefix}-agents-config`, v.external_id),
+                "data-testid": chunkAHWIZJ4M_cjs.tid(`${testIdPrefix}-agents-config`, v.external_id),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     react.Checkbox,
                     {
                       checked: configIds.includes(v.external_id),
                       onCheckedChange: () => toggleConfig(v.external_id),
-                      "data-testid": tid(`${testIdPrefix}-agents-config-toggle`, v.external_id)
+                      "data-testid": chunkAHWIZJ4M_cjs.tid(`${testIdPrefix}-agents-config-toggle`, v.external_id)
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -5470,14 +4387,14 @@ function AgentsPanel({ store, testIdPrefix = "builder" }) {
           "label",
           {
             className: "flex cursor-pointer items-center gap-3 rounded-md border border-border/60 bg-card px-3 py-2",
-            "data-testid": tid(`${testIdPrefix}-agents-agent`, a.external_id),
+            "data-testid": chunkAHWIZJ4M_cjs.tid(`${testIdPrefix}-agents-agent`, a.external_id),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 react.Checkbox,
                 {
                   checked: agentIds.includes(a.external_id),
                   onCheckedChange: () => toggleAgent(a.external_id),
-                  "data-testid": tid(`${testIdPrefix}-agents-agent-toggle`, a.external_id)
+                  "data-testid": chunkAHWIZJ4M_cjs.tid(`${testIdPrefix}-agents-agent-toggle`, a.external_id)
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -5564,7 +4481,7 @@ function VerticalBuilder({
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(react.TabsContent, { value: "theme", children: /* @__PURE__ */ jsxRuntime.jsx(
-        ThemeEditor,
+        chunkAHWIZJ4M_cjs.ThemeEditor,
         {
           bundle: themeBundle,
           variant: "panel",
@@ -5588,6 +4505,246 @@ function VerticalBuilder({
   ] });
 }
 
+Object.defineProperty(exports, "ASSET_REF_PREFIX", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.ASSET_REF_PREFIX; }
+});
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.Accordion; }
+});
+Object.defineProperty(exports, "AssetResolverProvider", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.AssetResolverProvider; }
+});
+Object.defineProperty(exports, "AvatarBlock", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.AvatarBlock; }
+});
+Object.defineProperty(exports, "Banner", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.Banner; }
+});
+Object.defineProperty(exports, "BlockImage", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.BlockImage; }
+});
+Object.defineProperty(exports, "BlockLink", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.BlockLink; }
+});
+Object.defineProperty(exports, "CTABanner", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.CTABanner; }
+});
+Object.defineProperty(exports, "Callout", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.Callout; }
+});
+Object.defineProperty(exports, "Columns", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.Columns; }
+});
+Object.defineProperty(exports, "ContactForm", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.ContactForm; }
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.Container; }
+});
+Object.defineProperty(exports, "FAQ", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.FAQ; }
+});
+Object.defineProperty(exports, "FONT_PAIRINGS", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.FONT_PAIRINGS; }
+});
+Object.defineProperty(exports, "FeatureGrid", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.FeatureGrid; }
+});
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.Footer; }
+});
+Object.defineProperty(exports, "Gallery", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.Gallery; }
+});
+Object.defineProperty(exports, "Hero", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.Hero; }
+});
+Object.defineProperty(exports, "ListBlock", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.ListBlock; }
+});
+Object.defineProperty(exports, "LogoCloud", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.LogoCloud; }
+});
+Object.defineProperty(exports, "MediaText", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.MediaText; }
+});
+Object.defineProperty(exports, "Navbar", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.Navbar; }
+});
+Object.defineProperty(exports, "PricingTable", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.PricingTable; }
+});
+Object.defineProperty(exports, "RichTextBlock", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.RichTextBlock; }
+});
+Object.defineProperty(exports, "SectionHeading", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.SectionHeading; }
+});
+Object.defineProperty(exports, "Spacer", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.Spacer; }
+});
+Object.defineProperty(exports, "Steps", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.Steps; }
+});
+Object.defineProperty(exports, "THEME_STYLE_ID", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.THEME_STYLE_ID; }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.Tabs; }
+});
+Object.defineProperty(exports, "TeamGrid", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.TeamGrid; }
+});
+Object.defineProperty(exports, "Testimonial", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.Testimonial; }
+});
+Object.defineProperty(exports, "TestimonialGrid", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.TestimonialGrid; }
+});
+Object.defineProperty(exports, "ThemeEditor", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.ThemeEditor; }
+});
+Object.defineProperty(exports, "VideoEmbed", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.VideoEmbed; }
+});
+Object.defineProperty(exports, "applyFontVars", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.applyFontVars; }
+});
+Object.defineProperty(exports, "applyStoredTheme", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.applyStoredTheme; }
+});
+Object.defineProperty(exports, "applyThemeVars", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.applyThemeVars; }
+});
+Object.defineProperty(exports, "asAssetRef", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.asAssetRef; }
+});
+Object.defineProperty(exports, "assetRefId", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.assetRefId; }
+});
+Object.defineProperty(exports, "clearFontVars", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.clearFontVars; }
+});
+Object.defineProperty(exports, "clearThemeVars", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.clearThemeVars; }
+});
+Object.defineProperty(exports, "createThemeStore", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.createThemeStore; }
+});
+Object.defineProperty(exports, "daysUntil", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.daysUntil; }
+});
+Object.defineProperty(exports, "fmtDate", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.fmtDate; }
+});
+Object.defineProperty(exports, "fmtDateTime", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.fmtDateTime; }
+});
+Object.defineProperty(exports, "fontPackages", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.fontPackages; }
+});
+Object.defineProperty(exports, "fromNow", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.fromNow; }
+});
+Object.defineProperty(exports, "gbp", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.gbp; }
+});
+Object.defineProperty(exports, "getFontPairing", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.getFontPairing; }
+});
+Object.defineProperty(exports, "hrs", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.hrs; }
+});
+Object.defineProperty(exports, "initials", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.initials; }
+});
+Object.defineProperty(exports, "isAssetRef", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.isAssetRef; }
+});
+Object.defineProperty(exports, "matchFontPairing", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.matchFontPairing; }
+});
+Object.defineProperty(exports, "pct", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.pct; }
+});
+Object.defineProperty(exports, "tid", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.tid; }
+});
+Object.defineProperty(exports, "toEmbedUrl", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.toEmbedUrl; }
+});
+Object.defineProperty(exports, "toHslTriplet", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.toHslTriplet; }
+});
+Object.defineProperty(exports, "useAssetRenderer", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.useAssetRenderer; }
+});
+Object.defineProperty(exports, "useAssetResolverActive", {
+  enumerable: true,
+  get: function () { return chunkAHWIZJ4M_cjs.useAssetResolverActive; }
+});
+Object.defineProperty(exports, "DocumentCard", {
+  enumerable: true,
+  get: function () { return react.DocumentCard; }
+});
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function () { return react.Table; }
@@ -5612,6 +4769,22 @@ Object.defineProperty(exports, "TableRow", {
   enumerable: true,
   get: function () { return react.TableRow; }
 });
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return react.Tooltip; }
+});
+Object.defineProperty(exports, "TooltipContent", {
+  enumerable: true,
+  get: function () { return react.TooltipContent; }
+});
+Object.defineProperty(exports, "TooltipProvider", {
+  enumerable: true,
+  get: function () { return react.TooltipProvider; }
+});
+Object.defineProperty(exports, "TooltipTrigger", {
+  enumerable: true,
+  get: function () { return react.TooltipTrigger; }
+});
 Object.defineProperty(exports, "redlineStats", {
   enumerable: true,
   get: function () { return react.redlineStats; }
@@ -5624,63 +4797,29 @@ Object.defineProperty(exports, "toRedlineMarkdown", {
   enumerable: true,
   get: function () { return react.toRedlineMarkdown; }
 });
-exports.ASSET_REF_PREFIX = ASSET_REF_PREFIX;
-exports.Accordion = Accordion;
 exports.AgentsPanel = AgentsPanel;
 exports.AppHeader = AppHeader;
 exports.AppShell = AppShell;
-exports.AssetResolverProvider = AssetResolverProvider;
-exports.AvatarBlock = AvatarBlock;
-exports.Banner = Banner;
-exports.BlockImage = BlockImage;
-exports.CTABanner = CTABanner;
-exports.Callout = Callout;
-exports.Columns = Columns;
+exports.AssetThumb = AssetThumb;
 exports.ConnectionProvider = ConnectionProvider;
-exports.ContactForm = ContactForm;
-exports.Container = Container;
 exports.DataTable = DataTable;
 exports.DataTableBlock = DataTableBlock;
 exports.EmptyState = EmptyState;
-exports.FAQ = FAQ;
-exports.FeatureGrid = FeatureGrid;
-exports.Footer = Footer;
-exports.Gallery = Gallery;
 exports.GridView = GridView;
-exports.Hero = Hero;
 exports.LegalArbiProvider = LegalArbiProvider;
-exports.ListBlock = ListBlock;
 exports.LiveDataProvider = LiveDataProvider;
-exports.LogoCloud = LogoCloud;
-exports.MediaText = MediaText;
 exports.MetricCard = MetricCard;
 exports.ModuleManager = ModuleManager;
-exports.Navbar = Navbar;
 exports.PageHeader = PageHeader;
 exports.PageRenderer = PageRenderer;
-exports.PricingTable = PricingTable;
-exports.RichTextBlock = RichTextBlock;
 exports.Section = Section;
-exports.SectionHeading = SectionHeading;
-exports.Spacer = Spacer;
 exports.StatGroup = StatGroup;
-exports.Steps = Steps;
 exports.StudioEditor = StudioEditor;
-exports.THEME_STYLE_ID = THEME_STYLE_ID;
-exports.Tabs = Tabs;
-exports.TeamGrid = TeamGrid;
-exports.Testimonial = Testimonial;
-exports.TestimonialGrid = TestimonialGrid;
-exports.ThemeEditor = ThemeEditor;
 exports.Toolbar = Toolbar;
+exports.UploadDropzone = UploadDropzone;
 exports.VerticalBuilder = VerticalBuilder;
-exports.VideoEmbed = VideoEmbed;
 exports.WidgetPlaceholder = WidgetPlaceholder;
-exports.applyStoredTheme = applyStoredTheme;
-exports.applyThemeVars = applyThemeVars;
-exports.asAssetRef = asAssetRef;
-exports.assetRefId = assetRefId;
-exports.clearThemeVars = clearThemeVars;
+exports.WorkspaceCard = WorkspaceCard;
 exports.createAgentSelectionStore = createAgentSelectionStore;
 exports.createAiFields = createAiFields;
 exports.createArbiBlocksConfig = createArbiBlocksConfig;
@@ -5693,26 +4832,13 @@ exports.createModuleStore = createModuleStore;
 exports.createPromptLibrary = createPromptLibrary;
 exports.createSiteBlocks = createSiteBlocks;
 exports.createStudioPersistence = createStudioPersistence;
-exports.createThemeStore = createThemeStore;
 exports.createVerticalExport = createVerticalExport;
 exports.createWebsiteBlocks = createWebsiteBlocks;
-exports.daysUntil = daysUntil;
-exports.fmtDate = fmtDate;
-exports.fmtDateTime = fmtDateTime;
-exports.fromNow = fromNow;
-exports.gbp = gbp;
-exports.hrs = hrs;
 exports.iconMap = iconMap;
-exports.initials = initials;
-exports.isAssetRef = isAssetRef;
 exports.isAuthenticated = isAuthenticated;
 exports.materializePageData = materializePageData;
 exports.matterToContext = matterToContext;
-exports.pct = pct;
-exports.tid = tid;
-exports.toEmbedUrl = toEmbedUrl;
-exports.toHslTriplet = toHslTriplet;
-exports.useAssetResolverActive = useAssetResolverActive;
+exports.useAssetImage = useAssetImage;
 exports.useConnection = useConnection;
 exports.useFirmAiTask = useFirmAiTask;
 exports.useImageGen = useImageGen;