@arbidocs/blocks 0.3.119 → 0.3.120

package/dist/index.js

@@ -1,15 +1,17 @@
-import { create } from 'zustand';
-import { persist } from 'zustand/middleware';
-import { createContext, useState, useEffect, useCallback, useMemo, useContext, useRef } from 'react';
-import { MessageSquare, Cpu, Code, Cloud, Layers, Target, Award, MapPin, Phone, Mail, Lock, Globe, Heart, Star, Rocket, Shield, Zap, Sparkles, Gavel, Scale, Bell, Activity, BarChart3, DollarSign, TrendingUp, Info, AlertCircle, CheckCircle, Clock, Calendar, Briefcase, Users, Folder, FileText, RotateCcw, Palette, Search, ArrowUpRight, ArrowDownRight, ImageIcon, ArrowRight, Quote, ChevronDown, XCircle, AlertTriangle, CheckCircle2, Check, X, Menu, ArrowLeft, Loader2, ChevronUp, BrainCircuit, Bot, LayoutGrid, FileJson, Save, Download, Crop, ImagePlus, Upload, Link2, MessagesSquare } from 'lucide-react';
-import { Input, Card, CardHeader, CardTitle, CardContent, useArbi, ArbiProvider, useAiTask, useWorkspaceDocs as useWorkspaceDocs$1, useSemanticSearch as useSemanticSearch$1, cn, Table, TableHeader, TableRow, TableHead, TableBody, TableCell, Button, Avatar, AvatarImage, AvatarFallback, AiMarkdown, NotificationBell, UserMenu, Badge, Switch, useConfigs, useAgents, Checkbox, Tabs as Tabs$1, TabsList, TabsTrigger, TabsContent, Separator, ArbiWebSocketProvider, useDocuments, useThumbnails, ImageCropModal, DEFAULT_ASPECT_OPTIONS, useConversations } from '@arbidocs/react';
-export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, redlineStats, textToArtifact, toRedlineMarkdown } from '@arbidocs/react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { tid, initials, fromNow, fmtDate, assetRefId, applyStoredTheme, AssetResolverProvider, ThemeEditor, applyThemeVars, SectionHeading, PricingTable, Tabs as Tabs$1, Accordion, Gallery, VideoEmbed, ContactForm, Banner, MediaText, TeamGrid, Steps, TestimonialGrid, Columns, Spacer, Container, Hero, FeatureGrid, Testimonial, CTABanner, LogoCloud, FAQ, RichTextBlock, Callout, BlockImage, AvatarBlock, Navbar, Footer, ListBlock, isAssetRef, asAssetRef } from './chunk-L6GG4KN2.js';
+export { ASSET_REF_PREFIX, Accordion, AssetResolverProvider, AvatarBlock, Banner, BlockImage, BlockLink, CTABanner, Callout, Columns, ContactForm, Container, FAQ, FONT_PAIRINGS, FeatureGrid, Footer, Gallery, Hero, ListBlock, LogoCloud, MediaText, Navbar, PricingTable, RichTextBlock, SectionHeading, Spacer, Steps, THEME_STYLE_ID, Tabs, TeamGrid, Testimonial, TestimonialGrid, ThemeEditor, VideoEmbed, applyFontVars, applyStoredTheme, applyThemeVars, asAssetRef, assetRefId, clearFontVars, clearThemeVars, createThemeStore, daysUntil, fmtDate, fmtDateTime, fontPackages, fromNow, gbp, getFontPairing, hrs, initials, isAssetRef, matchFontPairing, pct, tid, toEmbedUrl, toHslTriplet, useAssetRenderer, useAssetResolverActive } from './chunk-L6GG4KN2.js';
+import { createContext, useState, useCallback, useMemo, useContext, useRef, useEffect } from 'react';
+import { useArbi, ArbiProvider, useAiTask, useWorkspaceDocs as useWorkspaceDocs$1, useSemanticSearch as useSemanticSearch$1, cn, Table, TableHeader, TableRow, TableHead, TableBody, TableCell, Input, Card, CardHeader, Badge, CardTitle, CardDescription, CardContent, Avatar, AvatarImage, AvatarFallback, CardFooter, Button, TooltipProvider, NotificationBell, UserMenu, useThumbnails, Switch, useConfigs, useAgents, Checkbox, Tabs, TabsList, TabsTrigger, TabsContent, Separator, ArbiWebSocketProvider, useDocuments, ImageCropModal, DEFAULT_ASPECT_OPTIONS, useConversations } from '@arbidocs/react';
+export { DocumentCard, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, redlineStats, textToArtifact, toRedlineMarkdown } from '@arbidocs/react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { QueryClient, QueryClientProvider, useQuery, useQueryClient } from '@tanstack/react-query';
 import { AgGridReact } from 'ag-grid-react';
 import { themeQuartz, AllCommunityModule } from 'ag-grid-community';
+import { MessageSquare, Cpu, Code, Cloud, Layers, Target, Award, MapPin, Phone, Mail, Lock, Globe, Heart, Star, Rocket, Shield, Zap, Sparkles, Gavel, Scale, Bell, Activity, BarChart3, DollarSign, TrendingUp, Info, AlertCircle, CheckCircle, Clock, Calendar, Briefcase, Users, Folder, FileText, Loader2, UploadCloud, Search, ArrowUpRight, ArrowDownRight, FolderLock, CheckCircle2, ArrowLeftRight, X, Menu, ArrowLeft, Palette, RotateCcw, ChevronUp, ChevronDown, BrainCircuit, Bot, LayoutGrid, FileJson, Download, Crop, ImagePlus, Upload, Link2, MessagesSquare } from 'lucide-react';
 import { useLocation, Link, useParams, NavLink } from 'react-router-dom';
 import { Puck, Render } from '@measured/puck';
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
 
 // src/prompts.ts
 function matterToContext(m) {
@@ -192,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 = 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 = create()(
-    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] = useState(false);
-  const [savedVia, setSavedVia] = useState(null);
-  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__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-    presets.map((p) => /* @__PURE__ */ 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__ */ 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__ */ jsx(RotateCcw, { className: "size-3" }),
-          " Reset"
-        ]
-      }
-    )
-  ] });
-  const colorRow = (k, label) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ 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__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: label }),
-      /* @__PURE__ */ jsx(
-        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__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "Display font stack" }),
-      /* @__PURE__ */ jsx(
-        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__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: "Body font stack" }),
-      /* @__PURE__ */ jsx(
-        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__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground", children: [
-        "Base radius \u2014 ",
-        radius,
-        "rem"
-      ] }),
-      /* @__PURE__ */ 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__ */ jsxs(Card, { variant: "elevated", className: "rounded-xl", "data-testid": tid2("preview"), children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Live preview" }) }),
-    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "rounded-[var(--radius)] bg-primary p-4 text-primary-foreground", children: [
-        /* @__PURE__ */ jsx("p", { className: "font-display text-lg font-semibold", children: preview?.title ?? "Preview" }),
-        preview?.subtitle && /* @__PURE__ */ jsx("p", { className: "text-xs opacity-80", children: preview.subtitle })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-6 gap-1.5", children: tokens.map((t) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          title: t.label,
-          className: "aspect-square rounded-md border border-border",
-          style: { background: `var(--color-${t.key})` }
-        },
-        t.key
-      )) }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-[var(--radius)] border border-border bg-[color:var(--color-ai-accent-soft,var(--color-accent))] p-3", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[color:var(--color-ai-accent,var(--color-primary))]", children: "AI action surface" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Themed by the AI-kit accent tokens." })
-      ] })
-    ] })
-  ] });
-  const SaveBar = onSave && /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center gap-3", children: [
-    /* @__PURE__ */ 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__ */ jsx(Check, { className: "size-4" }) : /* @__PURE__ */ jsx(Save, { className: "size-4" }),
-          saving ? "Saving\u2026" : savedVia ? "Saved" : "Save theme"
-        ]
-      }
-    ),
-    savedVia && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", "data-testid": tid2("via"), children: [
-      "stored via ",
-      savedVia
-    ] })
-  ] });
-  if (variant === "drawer") {
-    return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-y-auto bg-card p-5", "data-testid": testIdPrefix, children: [
-      /* @__PURE__ */ jsx("div", { className: "mb-4 flex items-center justify-between", children: /* @__PURE__ */ jsx("h2", { className: "font-display text-lg font-semibold text-foreground", children: "Theme" }) }),
-      Presets,
-      /* @__PURE__ */ jsx("p", { className: "mt-5 mb-2 text-[10px] font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: "Colours" }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: tokens.map((t) => colorRow(t.key, t.label)) }),
-      /* @__PURE__ */ 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__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-[1fr_320px]", "data-testid": testIdPrefix, children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsxs(Card, { variant: "elevated", className: "rounded-xl", children: [
-        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [
-          /* @__PURE__ */ jsx(Palette, { className: "size-4 text-[color:var(--color-primary)]" }),
-          " Presets"
-        ] }) }),
-        /* @__PURE__ */ jsx(CardContent, { children: Presets })
-      ] }),
-      groups.map((group) => /* @__PURE__ */ jsxs(
-        Card,
-        {
-          variant: "elevated",
-          className: "rounded-xl",
-          "data-testid": tid2(`group-${group}`),
-          children: [
-            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: groupLabels[group] ?? group }) }),
-            /* @__PURE__ */ jsx(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__ */ jsxs(Card, { variant: "elevated", className: "rounded-xl", children: [
-        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base", children: "Typography & shape" }) }),
-        /* @__PURE__ */ jsx(CardContent, { children: Typography })
-      ] }),
-      SaveBar
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "lg:sticky lg:top-4 lg:self-start", children: Preview })
-  ] });
 }
-var ConnectionContext = createContext(null);
 function ConnectionProvider({
   config,
   children
@@ -598,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 {
@@ -628,7 +275,7 @@ function ConnectionProvider({
         setStatus("error");
       }
     },
-    [arbi, enterDemo, isLiveConfigured, config.workspaceId]
+    [arbi, enterDemo, isLiveConfigured, config.workspaceId, config.apiUrl]
   );
   const logout = useCallback(() => {
     if (mode === "live") {
@@ -636,10 +283,25 @@ function ConnectionProvider({
     }
     setUser(null);
     setWorkspaceId(null);
+    persistWorkspace(config.apiUrl, null);
     setStatus("disconnected");
     setError(null);
-  }, [arbi, mode]);
-  const setWorkspace = useCallback((id) => setWorkspaceId(id), []);
+  }, [arbi, mode, config.apiUrl]);
+  const setWorkspace = useCallback(
+    async (id) => {
+      if (mode === "live" && arbi.isLoggedIn) {
+        await arbi.selectWorkspace(id);
+      }
+      setWorkspaceId(id);
+      persistWorkspace(config.apiUrl, id);
+    },
+    [arbi, mode, config.apiUrl]
+  );
+  const ensureWorkspaceOpen = 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 = useMemo(
     () => ({
       mode,
@@ -654,7 +316,8 @@ function ConnectionProvider({
       login,
       enterDemo,
       logout,
-      setWorkspace
+      setWorkspace,
+      ensureWorkspaceOpen
     }),
     [
       mode,
@@ -669,7 +332,8 @@ function ConnectionProvider({
       login,
       enterDemo,
       logout,
-      setWorkspace
+      setWorkspace,
+      ensureWorkspaceOpen
     ]
   );
   return /* @__PURE__ */ jsx(ConnectionContext.Provider, { value, children });
@@ -714,100 +378,6 @@ function useSemanticSearch() {
   const { docIds } = useWorkspaceDocs();
   return useSemanticSearch$1(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,
@@ -1300,1020 +870,289 @@ function GridView({
       onCellValueChanged,
       onRowClicked: handleRowClicked,
       onStateUpdated: handleStateUpdated,
-      ...combinedOptions
-    }
-  ) });
-}
-function PageHeader({
-  title,
-  eyebrow,
-  description,
-  actions,
-  className,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between", className),
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-          eyebrow && /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: eyebrow }),
-          /* @__PURE__ */ jsx("h1", { className: "font-display text-2xl font-semibold tracking-tight text-foreground", children: title }),
-          description && /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: description })
-        ] }),
-        actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: actions })
-      ]
-    }
-  );
-}
-function SectionHeading({
-  eyebrow,
-  title,
-  lead,
-  align = "left",
-  className,
-  invert,
-  eyebrowClassName
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("max-w-3xl", align === "center" && "mx-auto text-center", className), children: [
-    eyebrow && /* @__PURE__ */ jsx(
-      "p",
-      {
-        className: cn(
-          "mb-3 text-xs font-semibold uppercase tracking-wider",
-          eyebrowClassName ?? (invert ? "text-background/60" : "text-muted-foreground")
-        ),
-        children: eyebrow
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "h2",
-      {
-        className: cn(
-          "font-display text-3xl font-semibold tracking-tight text-balance sm:text-4xl",
-          invert ? "text-background" : "text-foreground"
-        ),
-        children: title
-      }
-    ),
-    lead && /* @__PURE__ */ jsx(
-      "p",
-      {
-        className: cn(
-          "mt-4 text-lg leading-relaxed",
-          invert ? "text-background/70" : "text-muted-foreground"
-        ),
-        children: lead
-      }
-    )
-  ] });
-}
-function Toolbar({
-  search,
-  onSearch,
-  searchPlaceholder = "Search\u2026",
-  filters,
-  actions,
-  className,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-        className
-      ),
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-2", children: [
-          onSearch && /* @__PURE__ */ jsxs("div", { className: "relative w-full max-w-xs", children: [
-            /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: search,
-                onChange: (e) => onSearch(e.target.value),
-                placeholder: searchPlaceholder,
-                className: "bg-card text-sm placeholder:text-muted-foreground/70 focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring/50 pl-8",
-                "data-testid": testId ? `${testId}-search` : "toolbar-search"
-              }
-            )
-          ] }),
-          filters
-        ] }),
-        actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions })
-      ]
-    }
-  );
-}
-function MetricCard({
-  label,
-  value,
-  icon: Icon,
-  hint,
-  delta,
-  accent = "default",
-  testId
-}) {
-  const accentStyle = accent && accent !== "default" ? { color: `var(--color-${accent})` } : void 0;
-  const deltaGood = delta?.good ?? delta?.direction === "up";
-  return /* @__PURE__ */ jsxs(Card, { variant: "elevated", className: "card-hover rounded-xl p-5", "data-testid": testId, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: label }),
-      Icon && /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0", style: accentStyle })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "p",
-      {
-        className: "mt-2 font-display text-2xl font-semibold tracking-tight",
-        "data-testid": testId && `${testId}-value`,
-        children: value
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-2", children: [
-      delta && /* @__PURE__ */ jsxs(
-        "span",
-        {
-          className: cn(
-            "inline-flex items-center gap-0.5 text-xs font-medium",
-            deltaGood ? "text-success" : "text-destructive"
-          ),
-          children: [
-            delta.direction === "up" ? /* @__PURE__ */ jsx(ArrowUpRight, { className: "size-3" }) : /* @__PURE__ */ jsx(ArrowDownRight, { className: "size-3" }),
-            delta.value
-          ]
-        }
-      ),
-      hint && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: hint })
-    ] })
-  ] });
-}
-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 = createContext(false);
-function AssetResolverProvider({ children }) {
-  return /* @__PURE__ */ jsx(AssetResolverContext.Provider, { value: true, children });
-}
-function useAssetResolverActive() {
-  return useContext(AssetResolverContext);
-}
-function isAssetRef(src) {
-  return !!src && src.startsWith(ASSET_REF_PREFIX);
-}
-function useAssetImage(docId) {
-  const arbi = useArbi();
-  const { data: thumbs } = useThumbnails([docId]);
-  const thumb = thumbs?.[docId];
-  const { data: objectUrl } = 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
-  });
-  useEffect(() => {
-    return () => {
-      if (objectUrl) URL.revokeObjectURL(objectUrl);
-    };
-  }, [objectUrl]);
-  return thumb ?? objectUrl;
-}
-function AssetThumb({
-  docId,
-  alt,
-  className,
-  testId
-}) {
-  const src = useAssetImage(docId);
-  return /* @__PURE__ */ 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 = 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__ */ jsx(
-      AssetThumb,
-      {
-        docId: assetRefId(src),
-        alt,
-        className: cn("w-full object-cover", shape, className),
-        testId
-      }
-    );
-  }
-  if (src && !isAssetRef(src)) {
-    return /* @__PURE__ */ jsx(
-      "img",
-      {
-        src,
-        alt,
-        className: cn("w-full object-cover", shape, className),
-        "data-testid": testId
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: 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__ */ jsx(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__ */ jsxs("span", { children: [
-    part,
-    i < parts.length - 1 && /* @__PURE__ */ 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__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "max-w-2xl",
-        centered && "mx-auto text-center",
-        backgroundImage && "text-background"
-      ),
-      children: [
-        eyebrow && /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-sm font-semibold uppercase tracking-wider", eyebrowClass), children: eyebrow }),
-        /* @__PURE__ */ jsx("h1", { className: "text-4xl font-semibold tracking-tight text-balance sm:text-5xl", children: heading }),
-        subtitle && /* @__PURE__ */ jsx("p", { className: cn("mt-6 text-lg leading-relaxed", subtle), children: subtitle }),
-        (primaryCta?.label || secondaryCta?.label) && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn("mt-8 flex flex-col gap-3 sm:flex-row", centered && "sm:justify-center"),
-            children: [
-              primaryCta?.label && /* @__PURE__ */ jsx(Button, { asChild: true, size: "lg", children: /* @__PURE__ */ jsxs("a", { href: primaryCta.href || "#", children: [
-                primaryCta.label,
-                /* @__PURE__ */ jsx(ArrowRight, { className: "size-4" })
-              ] }) }),
-              secondaryCta?.label && /* @__PURE__ */ jsx(Button, { asChild: true, size: "lg", variant: "outline", children: /* @__PURE__ */ jsx("a", { href: secondaryCta.href || "#", children: secondaryCta.label }) })
-            ]
-          }
-        )
-      ]
-    }
-  );
-  if (backgroundImage) {
-    const bgStyle = {
-      backgroundImage: `url("${backgroundImage}")`,
-      backgroundSize: "cover",
-      backgroundPosition: "center"
-    };
-    return /* @__PURE__ */ jsxs(
-      "section",
-      {
-        className: "relative isolate overflow-hidden",
-        style: bgStyle,
-        "data-testid": testId,
-        "data-bg": testId && `${testId}-bg`,
-        children: [
-          overlay && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/55", "aria-hidden": true }),
-          /* @__PURE__ */ jsx("div", { className: "relative mx-auto max-w-7xl px-5 py-28 lg:px-8 lg:py-36", children: copy })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("section", { className: cn(TONE_SURFACE[tone] ?? TONE_SURFACE.default), "data-testid": testId, children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-7xl px-5 py-20 lg:px-8 lg:py-28", children: centered ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-12", children: [
-    copy,
-    imageUrl && /* @__PURE__ */ jsx(
-      BlockImage,
-      {
-        src: imageUrl,
-        aspect: "16:9",
-        rounded: "lg",
-        className: "w-full max-w-4xl",
-        testId: testId && `${testId}-image`
-      }
-    )
-  ] }) : /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2", children: [
-    copy,
-    /* @__PURE__ */ 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__ */ jsx("div", { className: cn("grid gap-5", COLS[columns] ?? COLS["3"]), "data-testid": testId, children: (items ?? []).map((item, i) => {
-    const Icon = item.icon;
-    return /* @__PURE__ */ jsxs(
-      Card,
-      {
-        variant: "outline",
-        className: "h-full p-6",
-        "data-testid": testId && `${testId}-item-${i}`,
-        children: [
-          Icon && /* @__PURE__ */ jsx("span", { className: "mb-4 inline-flex size-10 items-center justify-center rounded-lg bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(Icon, { className: "size-5" }) }),
-          /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold tracking-tight", children: item.title }),
-          item.description && /* @__PURE__ */ 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__ */ jsx("dl", { className: cn("grid gap-8", cols), "data-testid": testId, children: list.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "text-center", "data-testid": testId && `${testId}-item-${i}`, children: [
-    /* @__PURE__ */ jsx("dt", { className: "sr-only", children: item.label }),
-    /* @__PURE__ */ jsx("dd", { className: "text-4xl font-semibold tracking-tight sm:text-5xl", children: item.value }),
-    /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: item.label })
-  ] }, i)) });
-}
-function Testimonial({ quote, author, role, avatarUrl, testId }) {
-  return /* @__PURE__ */ jsxs(Card, { variant: "outline", className: "mx-auto max-w-3xl p-8 text-center", "data-testid": testId, children: [
-    /* @__PURE__ */ jsx(Quote, { className: "mx-auto size-8 text-primary/40", "aria-hidden": true }),
-    /* @__PURE__ */ jsx("blockquote", { className: "mt-4 text-xl font-medium leading-relaxed text-balance", children: quote }),
-    (author || avatarUrl) && /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center justify-center gap-3", children: [
-      (avatarUrl || author) && /* @__PURE__ */ jsxs(Avatar, { children: [
-        avatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: avatarUrl, alt: author ?? "" }),
-        /* @__PURE__ */ jsx(AvatarFallback, { children: initials(author || "?") })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
-        author && /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: author }),
-        role && /* @__PURE__ */ 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__ */ jsxs(
-    "div",
-    {
-      className: 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__ */ jsx("div", { className: "absolute inset-0 bg-black/55", "aria-hidden": true }),
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-3xl font-semibold tracking-tight text-balance sm:text-4xl", children: title }),
-          subtitle && /* @__PURE__ */ jsx("p", { className: cn("mx-auto mt-4 max-w-2xl text-lg", subtle), children: subtitle }),
-          cta?.label && /* @__PURE__ */ jsx("div", { className: "mt-8", children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              asChild: true,
-              size: "lg",
-              variant: tone === "default" && !onImage ? "secondary" : "default",
-              children: /* @__PURE__ */ jsxs("a", { href: cta.href || "#", children: [
-                cta.label,
-                /* @__PURE__ */ jsx(ArrowRight, { className: "size-4" })
-              ] })
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}
-function LogoCloud({ items, testId }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center justify-center gap-4", "data-testid": testId, children: (items ?? []).map((item, i) => /* @__PURE__ */ 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__ */ jsx("div", { className: "mx-auto max-w-3xl divide-y divide-border", "data-testid": testId, children: (items ?? []).map((item, i) => /* @__PURE__ */ jsxs("details", { className: "group py-4", "data-testid": testId && `${testId}-item-${i}`, children: [
-    /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4 text-left text-base font-medium", children: [
-      item.question,
-      /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-open:rotate-180" })
-    ] }),
-    item.answer && /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm leading-relaxed text-muted-foreground", children: item.answer })
-  ] }, i)) });
-}
-function RichTextBlock({ content, testId }) {
-  return /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-3xl", "data-testid": testId, children: /* @__PURE__ */ jsx(AiMarkdown, { children: content ?? "" }) });
-}
-var STYLES = {
-  info: { wrap: "border-primary/30 bg-primary/5", icon: "text-primary", Icon: Info },
-  success: { wrap: "border-success/30 bg-success/10", icon: "text-success", Icon: CheckCircle2 },
-  warning: { wrap: "border-warning/40 bg-warning/10", icon: "text-warning", Icon: AlertTriangle },
-  danger: {
-    wrap: "border-destructive/30 bg-destructive/10",
-    icon: "text-destructive",
-    Icon: XCircle
-  }
-};
-function Callout({ variant = "info", title, body, testId }) {
-  const style = STYLES[variant] ?? STYLES.info;
-  const Icon = style.Icon;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("flex gap-3 rounded-lg border p-4 text-foreground", style.wrap),
-      "data-testid": testId,
-      role: "note",
-      children: [
-        /* @__PURE__ */ jsx(Icon, { className: cn("mt-0.5 size-5 shrink-0", style.icon), "aria-hidden": true }),
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-          title && /* @__PURE__ */ jsx("p", { className: "font-semibold", children: title }),
-          body && /* @__PURE__ */ 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__ */ jsxs(Avatar, { className: cn(SIZE[size] ?? SIZE.md), "data-testid": testId, children: [
-    src && /* @__PURE__ */ jsx(AvatarImage, { src, alt: name }),
-    /* @__PURE__ */ jsx(AvatarFallback, { className: "font-semibold", children: initials(name || "?") })
-  ] });
-}
-function Navbar({ brand, links, cta, testId }) {
-  return /* @__PURE__ */ jsx("header", { className: "border-b border-border bg-background", "data-testid": testId, children: /* @__PURE__ */ jsxs("nav", { className: "mx-auto flex max-w-7xl items-center justify-between gap-6 px-5 py-4 lg:px-8", children: [
-    /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold tracking-tight", children: brand }),
-    /* @__PURE__ */ jsx("div", { className: "hidden items-center gap-6 md:flex", children: (links ?? []).map((link, i) => /* @__PURE__ */ 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__ */ jsx(Button, { asChild: true, size: "sm", children: /* @__PURE__ */ jsx("a", { href: cta.href || "#", children: cta.label }) })
-  ] }) });
-}
-function Footer({ columns, copyright, testId }) {
-  return /* @__PURE__ */ jsx("footer", { className: "border-t border-border bg-muted text-foreground", "data-testid": testId, children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl px-5 py-14 lg:px-8", children: [
-    /* @__PURE__ */ jsx("div", { className: "grid gap-8 sm:grid-cols-2 lg:grid-cols-4", children: (columns ?? []).map((col, i) => /* @__PURE__ */ jsxs("div", { "data-testid": testId && `${testId}-col-${i}`, children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold tracking-tight", children: col.heading }),
-      /* @__PURE__ */ jsx("ul", { className: "mt-4 space-y-2", children: (col.links ?? []).map((link, j) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: link.href || "#",
-          className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
-          children: link.label
-        }
-      ) }, j)) })
-    ] }, i)) }),
-    copyright && /* @__PURE__ */ 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 = 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__ */ jsx("li", { className: "leading-relaxed marker:text-muted-foreground", children: item.text }, i));
-  return ordered ? /* @__PURE__ */ jsx("ol", { className, "data-testid": testId, children: content }) : /* @__PURE__ */ 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__ */ jsx(
-    "div",
-    {
-      className: cn("grid grid-cols-1", GRID2[count] ?? GRID2[3], GAP[gap] ?? GAP.md),
-      "data-testid": testId,
-      children: columns.map((col, i) => /* @__PURE__ */ 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__ */ jsx("div", { className: 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__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "mx-auto w-full",
-        WIDTH[width] ?? WIDTH.default,
-        PADDING[padding] ?? PADDING.md
-      ),
-      "data-testid": testId,
-      children
-    }
-  );
-}
-function PricingTable({ plans, testId }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: 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__ */ jsxs(
-        Card,
-        {
-          variant: plan.featured ? "elevated" : "outline",
-          className: cn("flex h-full flex-col p-6", plan.featured && "ring-2 ring-primary"),
-          "data-testid": testId && `${testId}-item-${i}`,
-          children: [
-            /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold tracking-tight", children: plan.name }),
-            /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-baseline gap-1", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-3xl font-semibold tracking-tight", children: plan.price }),
-              plan.period && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
-                "/",
-                plan.period
-              ] })
-            ] }),
-            plan.description && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm leading-relaxed text-muted-foreground", children: plan.description }),
-            plan.features && plan.features.length > 0 && /* @__PURE__ */ jsx("ul", { className: "mt-5 flex-1 space-y-2", children: plan.features.map((f, j) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-sm", children: [
-              /* @__PURE__ */ jsx(Check, { className: "mt-0.5 size-4 shrink-0 text-primary" }),
-              /* @__PURE__ */ jsx("span", { children: f })
-            ] }, j)) }),
-            plan.cta?.label && /* @__PURE__ */ jsx(Button, { asChild: true, className: "mt-6 w-full", variant: plan.featured ? "default" : "outline", children: /* @__PURE__ */ jsx("a", { href: plan.cta.href || "#", children: plan.cta.label }) })
-          ]
-        },
-        i
-      ))
-    }
-  );
-}
-function Tabs({ items, testId }) {
-  const [active, setActive] = useState(0);
-  const list = items ?? [];
-  const current = list[Math.min(active, Math.max(list.length - 1, 0))];
-  return /* @__PURE__ */ jsxs("div", { "data-testid": testId, children: [
-    /* @__PURE__ */ 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__ */ jsx(
-        "button",
-        {
-          type: "button",
-          role: "tab",
-          "aria-selected": selected,
-          onClick: () => setActive(i),
-          className: 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__ */ 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] = useState([]);
-  const toggle2 = (i) => setOpen(
-    (prev) => prev.includes(i) ? prev.filter((n) => n !== i) : allowMultiple ? [...prev, i] : [i]
-  );
-  return /* @__PURE__ */ 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__ */ jsxs("div", { "data-testid": testId && `${testId}-item-${i}`, children: [
-      /* @__PURE__ */ 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__ */ jsx(
-              ChevronDown,
-              {
-                className: cn("size-4 shrink-0 transition-transform", isOpen && "rotate-180")
-              }
-            )
-          ]
-        }
-      ),
-      isOpen && /* @__PURE__ */ 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__ */ jsx("div", { className: cn("grid gap-4", COLS2[columns] ?? COLS2["3"]), "data-testid": testId, children: (images ?? []).map((img, i) => /* @__PURE__ */ jsxs("figure", { "data-testid": testId && `${testId}-item-${i}`, children: [
-    /* @__PURE__ */ jsx(
-      BlockImage,
-      {
-        src: img.src,
-        alt: img.alt,
-        aspect,
-        rounded,
-        testId: testId && `${testId}-item-${i}-image`
-      }
-    ),
-    img.caption && /* @__PURE__ */ 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 = cn(
-    "w-full overflow-hidden border border-border bg-muted",
-    ASPECT2[aspect] ?? ASPECT2["16:9"],
-    rounded && "rounded-lg"
-  );
-  return /* @__PURE__ */ jsx("div", { className: frame, "data-testid": testId, children: embed ? /* @__PURE__ */ 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`
+      ...combinedOptions
     }
-  ) : url ? /* @__PURE__ */ 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
+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 = UploadCloud,
+  testId,
+  className
 }) {
-  const [sent, setSent] = useState(false);
-  const list = fields ?? [];
-  const onSubmit = (e) => {
-    if (!action) {
-      e.preventDefault();
-      setSent(true);
-    }
+  const inputRef = useRef(null);
+  const [dragOver, setDragOver] = 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);
   };
-  if (sent) {
-    return /* @__PURE__ */ 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__ */ jsxs(
-    "form",
+    "button",
     {
-      action,
-      method: action ? "post" : void 0,
-      onSubmit,
-      className: "mx-auto flex max-w-xl flex-col gap-4",
+      type: "button",
+      onClick: () => !inert && inputRef.current?.click(),
+      onDrop,
+      onDragOver,
+      onDragLeave: () => setDragOver(false),
+      disabled: inert,
       "data-testid": testId,
+      className: 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: [
-        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__ */ jsxs("label", { className: "flex flex-col gap-1.5 text-left", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: f.label }),
-            f.type === "textarea" ? /* @__PURE__ */ jsx(
-              "textarea",
-              {
-                name: f.name,
-                required: f.required,
-                rows: 4,
-                className: inputClass,
-                "data-testid": testId && `${testId}-field-${f.name}`
-              }
-            ) : /* @__PURE__ */ jsx(
-              "input",
-              {
-                name: f.name,
-                type: f.type || "text",
-                required: f.required,
-                className: inputClass,
-                "data-testid": testId && `${testId}-field-${f.name}`
-              }
-            )
-          ] }, i);
-        }),
         /* @__PURE__ */ jsx(
-          Button,
+          "input",
           {
-            type: "submit",
-            className: cn("mt-1 self-start"),
-            "data-testid": testId && `${testId}-submit`,
-            children: submitLabel
+            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__ */ jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-primary/10 text-primary", children: uploading ? /* @__PURE__ */ jsx(Loader2, { className: "size-6 animate-spin" }) : /* @__PURE__ */ jsx(Icon, { className: "size-6" }) }),
+        uploading ? /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: uploadingLabel }) : /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium text-foreground", children: [
+            title,
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: description })
+          ] }),
+          hint && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: hint })
+        ] })
       ]
     }
   );
 }
-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 }) {
+function PageHeader({
+  title,
+  eyebrow,
+  description,
+  actions,
+  className,
+  testId
+}) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn("w-full px-5 py-2.5 text-center text-sm", TONE[tone] ?? TONE.primary),
+      className: cn("flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between", className),
       "data-testid": testId,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "font-medium", children: text }),
-        cta?.label && /* @__PURE__ */ 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__ */ jsx(ArrowRight, { className: "size-3.5" })
-            ]
-          }
-        )
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          eyebrow && /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: eyebrow }),
+          /* @__PURE__ */ jsx("h1", { className: "font-display text-2xl font-semibold tracking-tight text-foreground", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: description })
+        ] }),
+        actions && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: actions })
       ]
     }
   );
 }
-function MediaText({
-  eyebrow,
-  title,
-  body,
-  imageUrl,
-  mediaSide = "left",
-  cta,
+function Toolbar({
+  search,
+  onSearch,
+  searchPlaceholder = "Search\u2026",
+  filters,
+  actions,
+  className,
   testId
 }) {
-  const media = /* @__PURE__ */ jsx(BlockImage, { src: imageUrl, aspect: "4:3", rounded: "lg", testId: testId && `${testId}-image` });
-  const copy = /* @__PURE__ */ jsxs("div", { children: [
-    eyebrow && /* @__PURE__ */ jsx("p", { className: "mb-3 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: eyebrow }),
-    /* @__PURE__ */ jsx("h2", { className: "text-3xl font-semibold tracking-tight text-balance", children: title }),
-    body && /* @__PURE__ */ jsx("p", { className: "mt-4 text-lg leading-relaxed text-muted-foreground", children: body }),
-    cta?.label && /* @__PURE__ */ jsx(Button, { asChild: true, className: "mt-6", children: /* @__PURE__ */ jsxs("a", { href: cta.href || "#", children: [
-      cta.label,
-      /* @__PURE__ */ jsx(ArrowRight, { className: "size-4" })
-    ] }) })
-  ] });
-  return /* @__PURE__ */ jsx("div", { className: "grid items-center gap-10 lg:grid-cols-2", "data-testid": testId, children: mediaSide === "right" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    copy,
-    media
-  ] }) : /* @__PURE__ */ jsxs(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__ */ jsx("div", { className: cn("grid gap-6", COLS3[columns] ?? COLS3["3"]), "data-testid": testId, children: (members ?? []).map((m, i) => /* @__PURE__ */ jsxs(
-    Card,
+  return /* @__PURE__ */ jsxs(
+    "div",
     {
-      variant: "outline",
-      className: "flex h-full flex-col items-center p-6 text-center",
-      "data-testid": testId && `${testId}-item-${i}`,
+      className: cn(
+        "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+        className
+      ),
+      "data-testid": testId,
       children: [
-        /* @__PURE__ */ jsxs(Avatar, { className: "size-20", children: [
-          m.avatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: m.avatarUrl, alt: m.name }),
-          /* @__PURE__ */ jsx(AvatarFallback, { children: initials(m.name || "?") })
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-2", children: [
+          onSearch && /* @__PURE__ */ jsxs("div", { className: "relative w-full max-w-xs", children: [
+            /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: search,
+                onChange: (e) => onSearch(e.target.value),
+                placeholder: searchPlaceholder,
+                className: "bg-card text-sm placeholder:text-muted-foreground/70 focus-visible:border-ring/60 focus-visible:ring-2 focus-visible:ring-ring/50 pl-8",
+                "data-testid": testId ? `${testId}-search` : "toolbar-search"
+              }
+            )
+          ] }),
+          filters
         ] }),
-        /* @__PURE__ */ jsx("h3", { className: "mt-4 text-base font-semibold tracking-tight", children: m.name }),
-        m.role && /* @__PURE__ */ jsx("p", { className: "text-sm text-primary", children: m.role }),
-        m.bio && /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm leading-relaxed text-muted-foreground", children: m.bio })
+        actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions })
       ]
-    },
-    i
-  )) });
-}
-function Steps({ steps, variant = "numbered", testId }) {
-  const list = steps ?? [];
-  if (variant === "timeline") {
-    return /* @__PURE__ */ jsx("ol", { className: "relative ml-3 border-l border-border", "data-testid": testId, children: list.map((s, i) => /* @__PURE__ */ jsxs("li", { className: "mb-8 ml-6 last:mb-0", "data-testid": testId && `${testId}-item-${i}`, children: [
-      /* @__PURE__ */ 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__ */ jsx("h3", { className: "text-base font-semibold tracking-tight", children: s.title }),
-      s.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm leading-relaxed text-muted-foreground", children: s.description })
-    ] }, i)) });
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("grid gap-6", list.length >= 4 ? "md:grid-cols-4" : "sm:grid-cols-3"),
-      "data-testid": testId,
-      children: list.map((s, i) => /* @__PURE__ */ jsxs("div", { "data-testid": testId && `${testId}-item-${i}`, children: [
-        /* @__PURE__ */ 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__ */ jsx("h3", { className: "mt-4 text-base font-semibold tracking-tight", children: s.title }),
-        s.description && /* @__PURE__ */ 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__ */ jsx("div", { className: cn("grid gap-6", COLS4[columns] ?? COLS4["3"]), "data-testid": testId, children: (items ?? []).map((t, i) => /* @__PURE__ */ jsxs(
+function MetricCard({
+  label,
+  value,
+  icon: Icon,
+  hint,
+  delta,
+  accent = "default",
+  testId
+}) {
+  const accentStyle = accent && accent !== "default" ? { color: `var(--color-${accent})` } : void 0;
+  const deltaGood = delta?.good ?? delta?.direction === "up";
+  return /* @__PURE__ */ jsxs(Card, { variant: "elevated", className: "card-hover rounded-xl p-5", "data-testid": testId, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: label }),
+      Icon && /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0", style: accentStyle })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: "mt-2 font-display text-2xl font-semibold tracking-tight",
+        "data-testid": testId && `${testId}-value`,
+        children: value
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-2", children: [
+      delta && /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn(
+            "inline-flex items-center gap-0.5 text-xs font-medium",
+            deltaGood ? "text-success" : "text-destructive"
+          ),
+          children: [
+            delta.direction === "up" ? /* @__PURE__ */ jsx(ArrowUpRight, { className: "size-3" }) : /* @__PURE__ */ jsx(ArrowDownRight, { className: "size-3" }),
+            delta.value
+          ]
+        }
+      ),
+      hint && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: hint })
+    ] })
+  ] });
+}
+var MAX_AVATARS = 4;
+function WorkspaceCard({
+  name,
+  matterRef,
+  description,
+  docCount,
+  memberCount,
+  members = [],
+  updatedAt,
+  active = false,
+  busy = false,
+  onOpen,
+  icon: Icon = 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__ */ jsxs(
     Card,
     {
       variant: "outline",
-      className: "flex h-full flex-col p-6",
-      "data-testid": testId && `${testId}-item-${i}`,
+      className: cn("card-hover flex flex-col p-5", className),
+      "data-testid": testId,
       children: [
-        /* @__PURE__ */ jsx(Quote, { className: "size-6 text-primary/40", "aria-hidden": true }),
-        /* @__PURE__ */ jsx("blockquote", { className: "mt-3 flex-1 text-base leading-relaxed", children: t.quote }),
-        (t.author || t.avatarUrl) && /* @__PURE__ */ jsxs("div", { className: "mt-5 flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxs(Avatar, { className: "size-9", children: [
-            t.avatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: t.avatarUrl, alt: t.author ?? "" }),
-            /* @__PURE__ */ jsx(AvatarFallback, { children: initials(t.author || "?") })
+        /* @__PURE__ */ jsxs(CardHeader, { className: "p-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(Icon, { className: "size-5" }) }),
+            active ? /* @__PURE__ */ jsxs(Badge, { children: [
+              /* @__PURE__ */ jsx(CheckCircle2, { className: "mr-1 size-3" }),
+              " Active"
+            ] }) : /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: "Encrypted" })
+          ] }),
+          /* @__PURE__ */ jsx(CardTitle, { className: "mt-3 text-base", children: name }),
+          matterRef && /* @__PURE__ */ jsx(CardDescription, { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: matterRef })
+        ] }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "mt-3 flex-1 space-y-4 p-0", children: [
+          description && /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-sm text-muted-foreground", children: description }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-sm", children: [
+            /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-foreground", children: [
+              /* @__PURE__ */ jsx(FileText, { className: "size-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: docCount.toLocaleString() }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "docs" })
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-foreground", children: [
+              /* @__PURE__ */ jsx(Users, { className: "size-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: totalMembers }),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "members" })
+            ] })
           ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            t.author && /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: t.author }),
-            t.role && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t.role })
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex -space-x-2", children: [
+              shownMembers.map((m, i) => /* @__PURE__ */ jsxs(Avatar, { className: "size-7 border-2 border-card", title: m.name, children: [
+                m.picture && /* @__PURE__ */ jsx(AvatarImage, { src: m.picture, alt: m.name }),
+                /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-foreground text-[10px] font-medium text-background", children: initials(m.name || "?") })
+              ] }, i)),
+              extraMembers > 0 && /* @__PURE__ */ jsx(Avatar, { className: "size-7 border-2 border-card", children: /* @__PURE__ */ jsxs(AvatarFallback, { className: "bg-accent text-[10px] font-medium text-muted-foreground", children: [
+                "+",
+                extraMembers
+              ] }) })
+            ] }),
+            updatedAt && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", title: fmtDate(updatedAt), children: [
+              "Updated ",
+              fromNow(updatedAt)
+            ] })
           ] })
-        ] })
+        ] }),
+        /* @__PURE__ */ jsx(CardFooter, { className: "mt-4 p-0", children: active ? /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "w-full", disabled: true, "data-testid": btnTestId, children: [
+          /* @__PURE__ */ jsx(CheckCircle2, { className: "size-4" }),
+          " Current workspace"
+        ] }) : /* @__PURE__ */ jsxs(Button, { className: "w-full", onClick: onOpen, disabled: busy, "data-testid": btnTestId, children: [
+          busy ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsx(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__ */ jsx("dl", { className: cn("grid gap-8", cols), "data-testid": testId, children: list.map((item, i) => /* @__PURE__ */ jsxs("div", { className: "text-center", "data-testid": testId && `${testId}-item-${i}`, children: [
+    /* @__PURE__ */ jsx("dt", { className: "sr-only", children: item.label }),
+    /* @__PURE__ */ jsx("dd", { className: "text-4xl font-semibold tracking-tight sm:text-5xl", children: item.value }),
+    /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: item.label }),
+    item.sub && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground/80", children: item.sub })
+  ] }, i)) });
 }
 function NavItemLink({ item, onNavigate }) {
   return /* @__PURE__ */ jsxs(
@@ -2386,85 +1225,90 @@ function AppShell({
       onNavigate
     }
   );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "flex h-screen overflow-hidden bg-background",
-      "data-testid": `${testIdPrefix}-shell`,
-      children: [
-        /* @__PURE__ */ 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__ */ jsxs(
-          "div",
-          {
-            className: "fixed inset-0 z-50 lg:hidden",
-            "data-testid": `${testIdPrefix}-sidebar-mobile`,
-            children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "absolute inset-0 bg-black/60 backdrop-blur-sm",
-                  onClick: () => setOpen(false),
-                  "aria-hidden": true
-                }
-              ),
-              /* @__PURE__ */ 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__ */ 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__ */ jsx(X, { className: "size-5" })
-                  }
-                ),
-                body(() => setOpen(false))
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ 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__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex h-screen overflow-hidden bg-background",
+        "data-testid": `${testIdPrefix}-shell`,
+        children: [
+          /* @__PURE__ */ 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__ */ jsxs(
+            "div",
             {
-              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: "fixed inset-0 z-50 lg:hidden",
+              "data-testid": `${testIdPrefix}-sidebar-mobile`,
               children: [
                 /* @__PURE__ */ 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__ */ jsx(Menu, { className: "size-5" })
+                    className: "absolute inset-0 bg-black/60 backdrop-blur-sm",
+                    onClick: () => setOpen(false),
+                    "aria-hidden": true
                   }
                 ),
-                topbar
+                /* @__PURE__ */ 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__ */ 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__ */ jsx(X, { className: "size-5" })
+                    }
+                  ),
+                  body(() => setOpen(false))
+                ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsx(
-            "main",
-            {
-              className: cn("flex-1 overflow-y-auto", mainClassName),
-              "data-testid": `${testIdPrefix}-main`,
-              children
-            }
-          )
-        ] }),
-        rightRail
-      ]
-    }
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ 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__ */ 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__ */ jsx(Menu, { className: "size-5" })
+                    }
+                  ),
+                  topbar
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "main",
+              {
+                className: cn("flex-1 overflow-y-auto", mainClassName),
+                "data-testid": `${testIdPrefix}-main`,
+                children
+              }
+            )
+          ] }),
+          rightRail
+        ]
+      }
+    ) })
   );
 }
 function AppHeader({
@@ -2699,6 +1543,32 @@ function createLiveWidgets(kit) {
     LiveMetric: LiveMetricWidget
   };
 }
+function useAssetImage(docId) {
+  const arbi = useArbi();
+  const { data: thumbs } = useThumbnails([docId]);
+  const thumb = thumbs?.[docId];
+  const { data: objectUrl } = 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
+  });
+  useEffect(() => {
+    return () => {
+      if (objectUrl) URL.revokeObjectURL(objectUrl);
+    };
+  }, [objectUrl]);
+  return thumb ?? objectUrl;
+}
+function AssetThumb({ docId, alt, className, testId }) {
+  const src = useAssetImage(docId);
+  return /* @__PURE__ */ jsx("img", { src: src ?? void 0, alt: alt ?? "", className, "data-testid": testId });
+}
 
 // src/studio/publish.ts
 function blobToDataUrl(blob) {
@@ -2817,7 +1687,7 @@ function StudioEditor({
       delete w.__studioResetSlug;
     };
   }, [resetSeam, arbi, live, persistence]);
-  const persist4 = useCallback(
+  const persist3 = useCallback(
     async (toSave) => {
       setSaving(true);
       try {
@@ -2910,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`,
@@ -2935,7 +1805,7 @@ function StudioEditor({
             "\u201D\u2026"
           ]
         }
-      ) : /* @__PURE__ */ jsx(AssetResolverProvider, { children: /* @__PURE__ */ jsx(
+      ) : /* @__PURE__ */ jsx(AssetResolverProvider, { render: AssetThumb, children: /* @__PURE__ */ jsx(
         Puck,
         {
           config,
@@ -2943,7 +1813,7 @@ function StudioEditor({
           onChange: (d) => {
             latest.current = d;
           },
-          onPublish: (d) => void persist4(d)
+          onPublish: (d) => void persist3(d)
         },
         `${slug}-${rev}`
       ) }) }),
@@ -3564,13 +2434,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]",
@@ -3602,8 +2472,8 @@ function Section({
       {
         className: cn(
           "relative mx-auto px-5 lg:px-8",
-          WIDTH2[maxWidth],
-          PADDING2[padding],
+          WIDTH[maxWidth],
+          PADDING[padding],
           className
         ),
         children
@@ -3614,13 +2484,13 @@ function Section({
 var iconMap = {
   FileText: FileText,
   Folder,
-  Users,
+  Users: Users,
   Briefcase,
   Calendar,
   Clock,
   CheckCircle,
   AlertCircle,
-  Info: Info,
+  Info,
   TrendingUp,
   DollarSign,
   BarChart3,
@@ -4374,7 +3244,7 @@ function createSiteBlocks(kit) {
         { label: "FAQ", content: "Answers to common questions." }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsx(Tabs, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsx(Tabs$1, { items, testId: blockTestId(id) })
   };
   const AccordionBlock = {
     label: "Accordion",
@@ -5543,7 +4413,7 @@ function VerticalBuilder({
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", "data-testid": `page-${testIdPrefix}`, children: [
     header,
-    /* @__PURE__ */ jsxs(Tabs$1, { defaultValue: "theme", children: [
+    /* @__PURE__ */ jsxs(Tabs, { defaultValue: "theme", children: [
       /* @__PURE__ */ jsxs(TabsList, { "data-testid": `${testIdPrefix}-tabs`, children: [
         /* @__PURE__ */ jsxs(TabsTrigger, { value: "theme", "data-testid": `${testIdPrefix}-tab-theme`, children: [
           /* @__PURE__ */ jsx(Palette, { className: "size-4" }),
@@ -5587,6 +4457,6 @@ function VerticalBuilder({
   ] });
 }
 
-export { ASSET_REF_PREFIX, Accordion, AgentsPanel, AppHeader, AppShell, AssetResolverProvider, AvatarBlock, Banner, BlockImage, CTABanner, Callout, Columns, ConnectionProvider, ContactForm, Container, DataTable, DataTableBlock, EmptyState, FAQ, FeatureGrid, Footer, Gallery, GridView, Hero, LegalArbiProvider, ListBlock, LiveDataProvider, LogoCloud, MediaText, MetricCard, ModuleManager, Navbar, PageHeader, PageRenderer, PricingTable, RichTextBlock, Section, SectionHeading, Spacer, StatGroup, Steps, StudioEditor, THEME_STYLE_ID, Tabs, TeamGrid, Testimonial, TestimonialGrid, ThemeEditor, Toolbar, VerticalBuilder, VideoEmbed, WidgetPlaceholder, applyStoredTheme, applyThemeVars, asAssetRef, assetRefId, clearThemeVars, createAgentSelectionStore, createAiFields, createArbiBlocksConfig, createArbiMaterializer, createBlockKit, createImageField, createLiveWidgets, createModuleRegistry, createModuleStore, createPromptLibrary, createSiteBlocks, createStudioPersistence, createThemeStore, createVerticalExport, createWebsiteBlocks, daysUntil, fmtDate, fmtDateTime, fromNow, gbp, hrs, iconMap, initials, isAssetRef, isAuthenticated, materializePageData, matterToContext, pct, tid, toEmbedUrl, toHslTriplet, useAssetResolverActive, useConnection, useFirmAiTask, useImageGen, useLiveDataActive, useSemanticSearch, useWorkspaceDocs };
+export { AgentsPanel, AppHeader, AppShell, AssetThumb, ConnectionProvider, DataTable, DataTableBlock, EmptyState, GridView, LegalArbiProvider, LiveDataProvider, MetricCard, ModuleManager, PageHeader, PageRenderer, Section, StatGroup, StudioEditor, Toolbar, UploadDropzone, VerticalBuilder, WidgetPlaceholder, WorkspaceCard, createAgentSelectionStore, createAiFields, createArbiBlocksConfig, createArbiMaterializer, createBlockKit, createImageField, createLiveWidgets, createModuleRegistry, createModuleStore, createPromptLibrary, createSiteBlocks, createStudioPersistence, createVerticalExport, createWebsiteBlocks, iconMap, isAuthenticated, materializePageData, matterToContext, useAssetImage, useConnection, useFirmAiTask, useImageGen, useLiveDataActive, useSemanticSearch, useWorkspaceDocs };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map