@arbidocs/blocks 0.4.32 → 0.4.33

package/dist/studio/index.cjs

@@ -1,15 +1,15 @@
 "use client";
 'use strict';
 
-var chunkEYPPB5CY_cjs = require('../chunk-EYPPB5CY.cjs');
-var chunkUTYQPVIW_cjs = require('../chunk-UTYQPVIW.cjs');
-var chunk5ZBP7TCD_cjs = require('../chunk-5ZBP7TCD.cjs');
+var chunkM2YGPC5N_cjs = require('../chunk-M2YGPC5N.cjs');
+var chunk7QDX2CO4_cjs = require('../chunk-7QDX2CO4.cjs');
+var chunkMJCCBMM5_cjs = require('../chunk-MJCCBMM5.cjs');
 var chunkELR74ME6_cjs = require('../chunk-ELR74ME6.cjs');
 require('../chunk-VPPX5XUF.cjs');
 var chunkPCB2BPN3_cjs = require('../chunk-PCB2BPN3.cjs');
 var chunkZW6FPIFC_cjs = require('../chunk-ZW6FPIFC.cjs');
 require('../chunk-OB5F4577.cjs');
-require('../chunk-ZHLMDJCO.cjs');
+require('../chunk-DLVX6R6B.cjs');
 require('../chunk-VGOFFCMT.cjs');
 require('../chunk-PPCATBOY.cjs');
 var chunkC54XEN5T_cjs = require('../chunk-C54XEN5T.cjs');
@@ -118,7 +118,7 @@ function LiveMetricInner({
   const query = source === "documents" ? docs : convos;
   const count = Array.isArray(query.data) ? query.data.length : 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkUTYQPVIW_cjs.MetricCard,
+    chunk7QDX2CO4_cjs.MetricCard,
     {
       label: label || METRIC_SOURCES[source].label,
       value: query.isLoading ? "\u2014" : String(count),
@@ -242,7 +242,7 @@ function createArbiMaterializer(arbi, opts = {}) {
 }
 function collectAssetRefs(node, acc) {
   if (typeof node === "string") {
-    if (chunk5ZBP7TCD_cjs.isAssetRef(node)) acc.add(node);
+    if (chunkMJCCBMM5_cjs.isAssetRef(node)) acc.add(node);
     return;
   }
   if (Array.isArray(node)) {
@@ -276,7 +276,7 @@ async function materializePageData(data, materialize) {
   const replacements = /* @__PURE__ */ new Map();
   await Promise.all(
     [...refs].map(async (ref) => {
-      const src = await materialize(chunk5ZBP7TCD_cjs.assetRefId(ref));
+      const src = await materialize(chunkMJCCBMM5_cjs.assetRefId(ref));
       if (src) replacements.set(ref, src);
     })
   );
@@ -382,7 +382,7 @@ function StudioEditor({
         radius: stored.radius ?? defaultTheme.radius,
         activePresetId: null
       });
-      chunk5ZBP7TCD_cjs.applyStoredTheme(themeBundle);
+      chunkMJCCBMM5_cjs.applyStoredTheme(themeBundle);
     })();
     return () => {
       cancelled = true;
@@ -488,7 +488,7 @@ function StudioEditor({
             "\u201D\u2026"
           ]
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.AssetResolverProvider, { render: AssetThumb, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ) : /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.AssetResolverProvider, { render: AssetThumb, children: /* @__PURE__ */ jsxRuntime.jsx(
         puck.Puck,
         {
           config,
@@ -506,7 +506,7 @@ function StudioEditor({
           className: "w-80 shrink-0 border-l border-border",
           "data-testid": `${testIdPrefix}-theme-drawer`,
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5ZBP7TCD_cjs.ThemeEditor,
+            chunkMJCCBMM5_cjs.ThemeEditor,
             {
               bundle: themeBundle,
               variant: "drawer",
@@ -548,7 +548,7 @@ function PageRenderer({
         const page = initialData ?? (await persistence.loadPublished(arbi, live, slug)).data ?? (await persistence.loadPage(arbi, live, slug)).data;
         if (cancelled) return;
         if (applyTheme) {
-          chunk5ZBP7TCD_cjs.applyThemeVars(
+          chunkMJCCBMM5_cjs.applyThemeVars(
             theme ? { ...defaultTheme, ...theme, colors: { ...defaultTheme.colors, ...theme.colors } } : defaultTheme
           );
         }
@@ -792,7 +792,7 @@ function AiTextField({
     setActive(true);
     await task.run(buildPrompt({ kind, label, current: value ?? "" }), docIds);
   };
-  const inputTid = chunk5ZBP7TCD_cjs.tid(`${testIdPrefix}-field`, name);
+  const inputTid = chunkMJCCBMM5_cjs.tid(`${testIdPrefix}-field`, name);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "al-ai-field", children: [
     multiline ? /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
@@ -821,7 +821,7 @@ function AiTextField({
         className: "al-ai-field__btn",
         onClick: () => void write(),
         disabled: task.isRunning,
-        "data-testid": chunk5ZBP7TCD_cjs.tid(`${testIdPrefix}-ai-write`, name),
+        "data-testid": chunkMJCCBMM5_cjs.tid(`${testIdPrefix}-ai-write`, name),
         title: "Draft this field with AI, grounded in the marketing workspace",
         children: [
           task.isRunning ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "size-3" }),
@@ -881,7 +881,7 @@ function latestImageDocId(artifacts) {
   return null;
 }
 function useImageGen() {
-  const task = chunkEYPPB5CY_cjs.useConnectedAiTask();
+  const task = chunkM2YGPC5N_cjs.useConnectedAiTask();
   const { run } = task;
   const generate = react.useCallback(
     async (prompt, referenceDocIds = []) => {
@@ -924,8 +924,8 @@ function ImageFieldControl({
   const arbi = react$1.useArbi();
   const gen = useImageGen();
   const queryClient = reactQuery.useQueryClient();
-  const currentAssetImage = useAssetImage(chunk5ZBP7TCD_cjs.isAssetRef(value) ? chunk5ZBP7TCD_cjs.assetRefId(value) : "");
-  const tp = (...q) => chunk5ZBP7TCD_cjs.tid(`${testIdPrefix}-image`, name, ...q);
+  const currentAssetImage = useAssetImage(chunkMJCCBMM5_cjs.isAssetRef(value) ? chunkMJCCBMM5_cjs.assetRefId(value) : "");
+  const tp = (...q) => chunkMJCCBMM5_cjs.tid(`${testIdPrefix}-image`, name, ...q);
   const refreshAssets = () => queryClient.invalidateQueries({ queryKey: ["arbi", "documents", workspaceId] });
   const { data: docs } = react$1.useDocuments(workspaceId);
   const imageDocs = react.useMemo(
@@ -959,7 +959,7 @@ function ImageFieldControl({
       const res = await arbi.documents.uploadFile(file, name2, { folder });
       const id = res.doc_ext_ids?.[0];
       if (id) {
-        onChange(chunk5ZBP7TCD_cjs.asAssetRef(id));
+        onChange(chunkMJCCBMM5_cjs.asAssetRef(id));
         void refreshAssets();
       }
     } finally {
@@ -977,7 +977,7 @@ function ImageFieldControl({
     if (!prompt.trim() || gen.isGenerating) return;
     const id = await gen.generate(prompt, refIds);
     if (id) {
-      onChange(chunk5ZBP7TCD_cjs.asAssetRef(id));
+      onChange(chunkMJCCBMM5_cjs.asAssetRef(id));
       setRefIds([]);
       void refreshAssets();
     }
@@ -992,7 +992,7 @@ function ImageFieldControl({
   const tabClass = (on) => `inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium ${on ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground"}`;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", "data-testid": tp(), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.BlockImage, { src: value, aspect: "16:9", rounded: "md", testId: tp("preview") }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.BlockImage, { src: value, aspect: "16:9", rounded: "md", testId: tp("preview") }),
       currentAssetImage ? /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
@@ -1026,12 +1026,12 @@ function ImageFieldControl({
       imageDocs.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-span-3 py-3 text-center text-xs text-muted-foreground", children: "No image assets yet \u2014 upload or generate one." }),
       imageDocs.map((d) => {
         const thumb = thumbs?.[d.external_id];
-        const selected = value === chunk5ZBP7TCD_cjs.asAssetRef(d.external_id);
+        const selected = value === chunkMJCCBMM5_cjs.asAssetRef(d.external_id);
         return /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
-            onClick: () => onChange(chunk5ZBP7TCD_cjs.asAssetRef(d.external_id)),
+            onClick: () => onChange(chunkMJCCBMM5_cjs.asAssetRef(d.external_id)),
             className: `overflow-hidden rounded border ${selected ? "border-primary ring-1 ring-primary" : "border-border"}`,
             title: d.file_name ?? "",
             "data-testid": tp("asset", d.external_id),
@@ -1093,14 +1093,14 @@ function ImageFieldControl({
             "Reference images",
             refIds.length > 0 ? ` (${refIds.length})` : " (optional)"
           ] }),
-          chunk5ZBP7TCD_cjs.isAssetRef(value) && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkMJCCBMM5_cjs.isAssetRef(value) && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               type: "button",
               className: "text-xs font-medium text-primary hover:underline",
-              onClick: () => toggleRef(chunk5ZBP7TCD_cjs.assetRefId(value)),
+              onClick: () => toggleRef(chunkMJCCBMM5_cjs.assetRefId(value)),
               "data-testid": tp("vary-current"),
-              children: refIds.includes(chunk5ZBP7TCD_cjs.assetRefId(value)) ? "Varying current" : "Vary current image"
+              children: refIds.includes(chunkMJCCBMM5_cjs.assetRefId(value)) ? "Varying current" : "Vary current image"
             }
           )
         ] }),
@@ -1314,7 +1314,7 @@ function createBlockKit(ai, image, eyebrowClassName) {
     }),
     iconField: (label = "Icon") => ({ type: "select", label, options: ICON_OPTIONS }),
     resolveIcon: (name) => name ? iconMap[name] : void 0,
-    blockTestId: (id) => chunk5ZBP7TCD_cjs.tid("arbi-block", id)
+    blockTestId: (id) => chunkMJCCBMM5_cjs.tid("arbi-block", id)
   };
 }
 var emptySlot = [];
@@ -1379,7 +1379,7 @@ function createWebsiteBlocks(kit) {
     render: ({ id, count, gap, col1, col2, col3, col4 }) => {
       const n = Number(count) || 3;
       const columns = [col1, col2, col3, col4].slice(0, n).map(renderSlot);
-      return /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.Columns, { count: n, gap, columns, testId: blockTestId(id) });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.Columns, { count: n, gap, columns, testId: blockTestId(id) });
     }
   };
   const SpacerBlock = {
@@ -1397,7 +1397,7 @@ function createWebsiteBlocks(kit) {
       }
     },
     defaultProps: { size: "md" },
-    render: ({ id, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.Spacer, { size, testId: blockTestId(id) })
+    render: ({ id, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.Spacer, { size, testId: blockTestId(id) })
   };
   const ContainerBlock = {
     label: "Container",
@@ -1425,7 +1425,7 @@ function createWebsiteBlocks(kit) {
       children: { type: "slot" }
     },
     defaultProps: { width: "default", padding: "md", children: emptySlot },
-    render: ({ id, width, padding, children }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.Container, { width, padding, testId: blockTestId(id), children: renderSlot(children) })
+    render: ({ id, width, padding, children }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.Container, { width, padding, testId: blockTestId(id), children: renderSlot(children) })
   };
   const HeroBlock = {
     label: "Hero",
@@ -1476,7 +1476,7 @@ function createWebsiteBlocks(kit) {
       backgroundImage,
       overlay
     }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ZBP7TCD_cjs.Hero,
+      chunkMJCCBMM5_cjs.Hero,
       {
         eyebrow,
         title,
@@ -1548,7 +1548,7 @@ function createWebsiteBlocks(kit) {
           icon: resolveIcon(it.icon)
         })
       );
-      return /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.FeatureGrid, { columns, items: list, testId: blockTestId(id) });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.FeatureGrid, { columns, items: list, testId: blockTestId(id) });
     }
   };
   const StatGroupBlock = {
@@ -1573,7 +1573,7 @@ function createWebsiteBlocks(kit) {
         { value: "24/7", label: "Support" }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkUTYQPVIW_cjs.StatGroup, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunk7QDX2CO4_cjs.StatGroup, { items, testId: blockTestId(id) })
   };
   const TestimonialBlock = {
     label: "Testimonial",
@@ -1590,7 +1590,7 @@ function createWebsiteBlocks(kit) {
       avatarUrl: ""
     },
     render: ({ id, quote, author, role, avatarUrl }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ZBP7TCD_cjs.Testimonial,
+      chunkMJCCBMM5_cjs.Testimonial,
       {
         quote,
         author,
@@ -1619,7 +1619,7 @@ function createWebsiteBlocks(kit) {
       overlay: true
     },
     render: ({ id, title, subtitle, cta, tone, backgroundImage, overlay }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ZBP7TCD_cjs.CTABanner,
+      chunkMJCCBMM5_cjs.CTABanner,
       {
         title,
         subtitle,
@@ -1651,7 +1651,7 @@ function createWebsiteBlocks(kit) {
         { label: "Umbrella" }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.LogoCloud, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.LogoCloud, { items, testId: blockTestId(id) })
   };
   const FAQBlock = {
     label: "FAQ",
@@ -1683,7 +1683,7 @@ function createWebsiteBlocks(kit) {
         }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.FAQ, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.FAQ, { items, testId: blockTestId(id) })
   };
   const TimelineBlockConfig = {
     label: "Timeline",
@@ -1758,7 +1758,7 @@ function createWebsiteBlocks(kit) {
     defaultProps: {
       content: "## About us\n\nWe build tools that help teams do their best work. Our platform combines **power** and _simplicity_ so you can focus on what matters.\n\n- Fast to learn\n- Easy to scale\n- Loved by teams"
     },
-    render: ({ id, content }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.RichTextBlock, { content, testId: blockTestId(id) })
+    render: ({ id, content }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.RichTextBlock, { content, testId: blockTestId(id) })
   };
   const CalloutBlock = {
     label: "Callout",
@@ -1812,7 +1812,7 @@ function createWebsiteBlocks(kit) {
     },
     defaultProps: { src: "", alt: "Image", aspect: "16:9", rounded: "lg", framed: false },
     render: ({ id, src, alt, aspect, rounded, framed }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ZBP7TCD_cjs.BlockImage,
+      chunkMJCCBMM5_cjs.BlockImage,
       {
         src,
         alt,
@@ -1840,7 +1840,7 @@ function createWebsiteBlocks(kit) {
       }
     },
     defaultProps: { src: "", name: "Jane Doe", size: "md" },
-    render: ({ id, src, name, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.AvatarBlock, { src, name, size, testId: blockTestId(id) })
+    render: ({ id, src, name, size }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.AvatarBlock, { src, name, size, testId: blockTestId(id) })
   };
   const NavbarBlock = {
     label: "Navbar",
@@ -1868,7 +1868,7 @@ function createWebsiteBlocks(kit) {
       ],
       cta: { label: "Sign up", href: "#" }
     },
-    render: ({ id, brand, links, cta }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.Navbar, { brand, links, cta, testId: blockTestId(id) })
+    render: ({ id, brand, links, cta }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.Navbar, { brand, links, cta, testId: blockTestId(id) })
   };
   const FooterBlock = {
     label: "Footer",
@@ -1927,7 +1927,7 @@ function createWebsiteBlocks(kit) {
       ],
       copyright: "\xA9 2026 Acme, Inc. All rights reserved."
     },
-    render: ({ id, columns, copyright }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.Footer, { columns, copyright, testId: blockTestId(id) })
+    render: ({ id, columns, copyright }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.Footer, { columns, copyright, testId: blockTestId(id) })
   };
   const ListBlockConfig = {
     label: "List",
@@ -1945,7 +1945,7 @@ function createWebsiteBlocks(kit) {
       ordered: false,
       items: [{ text: "First item" }, { text: "Second item" }, { text: "Third item" }]
     },
-    render: ({ id, ordered, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.ListBlock, { ordered, items, testId: blockTestId(id) })
+    render: ({ id, ordered, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.ListBlock, { ordered, items, testId: blockTestId(id) })
   };
   return {
     Columns: ColumnsBlock,
@@ -2048,7 +2048,7 @@ function createSiteBlocks(kit) {
       ]
     },
     render: ({ id, plans }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ZBP7TCD_cjs.PricingTable,
+      chunkMJCCBMM5_cjs.PricingTable,
       {
         plans: (plans ?? []).map(
           (p) => ({
@@ -2086,7 +2086,7 @@ function createSiteBlocks(kit) {
         { label: "FAQ", content: "Answers to common questions." }
       ]
     },
-    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.Tabs, { items, testId: blockTestId(id) })
+    render: ({ id, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.Tabs, { items, testId: blockTestId(id) })
   };
   const AccordionBlock = {
     label: "Accordion",
@@ -2110,7 +2110,7 @@ function createSiteBlocks(kit) {
         { title: "How does billing work?", content: "Monthly or annually, cancel anytime." }
       ]
     },
-    render: ({ id, allowMultiple, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.Accordion, { allowMultiple, items, testId: blockTestId(id) })
+    render: ({ id, allowMultiple, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.Accordion, { allowMultiple, items, testId: blockTestId(id) })
   };
   const GalleryBlock = {
     label: "Gallery",
@@ -2146,7 +2146,7 @@ function createSiteBlocks(kit) {
         { src: "", alt: "Image three", caption: "" }
       ]
     },
-    render: ({ id, columns, aspect, images }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.Gallery, { columns, aspect, images, testId: blockTestId(id) })
+    render: ({ id, columns, aspect, images }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.Gallery, { columns, aspect, images, testId: blockTestId(id) })
   };
   const VideoBlock = {
     label: "Video",
@@ -2166,7 +2166,7 @@ function createSiteBlocks(kit) {
     },
     defaultProps: { url: "", title: "", aspect: "16:9", rounded: true },
     render: ({ id, url, title, aspect, rounded }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ZBP7TCD_cjs.VideoEmbed,
+      chunkMJCCBMM5_cjs.VideoEmbed,
       {
         url,
         title,
@@ -2215,7 +2215,7 @@ function createSiteBlocks(kit) {
       ]
     },
     render: ({ id, submitLabel, action, successMessage, fields }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ZBP7TCD_cjs.ContactForm,
+      chunkMJCCBMM5_cjs.ContactForm,
       {
         submitLabel,
         action: action || void 0,
@@ -2245,7 +2245,7 @@ function createSiteBlocks(kit) {
       cta: { label: "Read more", href: "#" },
       tone: "primary"
     },
-    render: ({ id, text, cta, tone }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.Banner, { text, cta, tone, testId: blockTestId(id) })
+    render: ({ id, text, cta, tone }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.Banner, { text, cta, tone, testId: blockTestId(id) })
   };
   const MediaTextBlock = {
     label: "Media & text",
@@ -2273,7 +2273,7 @@ function createSiteBlocks(kit) {
       cta: { label: "Learn more", href: "#" }
     },
     render: ({ id, eyebrow, title, body, imageUrl, mediaSide, cta }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ZBP7TCD_cjs.MediaText,
+      chunkMJCCBMM5_cjs.MediaText,
       {
         eyebrow,
         title,
@@ -2310,7 +2310,7 @@ function createSiteBlocks(kit) {
         { name: "Jordan Lee", role: "Lead Engineer", bio: "", avatarUrl: "" }
       ]
     },
-    render: ({ id, columns, members }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.TeamGrid, { columns, members, testId: blockTestId(id) })
+    render: ({ id, columns, members }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.TeamGrid, { columns, members, testId: blockTestId(id) })
   };
   const StepsBlock = {
     label: "Steps",
@@ -2342,7 +2342,7 @@ function createSiteBlocks(kit) {
         { title: "Launch", description: "Go live and start seeing results." }
       ]
     },
-    render: ({ id, variant, steps }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.Steps, { variant, steps, testId: blockTestId(id) })
+    render: ({ id, variant, steps }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.Steps, { variant, steps, testId: blockTestId(id) })
   };
   const TestimonialGridBlock = {
     label: "Testimonial grid",
@@ -2384,7 +2384,7 @@ function createSiteBlocks(kit) {
         }
       ]
     },
-    render: ({ id, columns, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunk5ZBP7TCD_cjs.TestimonialGrid, { columns, items, testId: blockTestId(id) })
+    render: ({ id, columns, items }) => /* @__PURE__ */ jsxRuntime.jsx(chunkMJCCBMM5_cjs.TestimonialGrid, { columns, items, testId: blockTestId(id) })
   };
   return {
     Pricing: PricingBlock,
@@ -2428,7 +2428,7 @@ function createArbiBlocksConfig(opts = {}) {
     },
     defaultProps: { title: "Section title", align: "left", invert: false },
     render: ({ id, title, eyebrow, lead, align, invert }) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": blockTestId(id), children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ZBP7TCD_cjs.SectionHeading,
+      chunkMJCCBMM5_cjs.SectionHeading,
       {
         title,
         eyebrow,
@@ -2451,7 +2451,7 @@ function createArbiBlocksConfig(opts = {}) {
     },
     defaultProps: { title: "Page title", actions: emptySlot2 },
     render: ({ id, title, eyebrow, description, actions: Actions }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkUTYQPVIW_cjs.PageHeader,
+      chunk7QDX2CO4_cjs.PageHeader,
       {
         title,
         eyebrow,
@@ -2518,7 +2518,7 @@ function createArbiBlocksConfig(opts = {}) {
     },
     defaultProps: { label: "Metric", value: "0", accent: "default" },
     render: ({ id, label, value, hint, accent, delta, icon }) => /* @__PURE__ */ jsxRuntime.jsx(
-      chunkUTYQPVIW_cjs.MetricCard,
+      chunk7QDX2CO4_cjs.MetricCard,
       {
         label,
         value,
@@ -2634,7 +2634,7 @@ function createArbiBlocksConfig(opts = {}) {
         field: col.field || `col-${index}`
       }));
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkUTYQPVIW_cjs.DataTableBlock,
+        chunk7QDX2CO4_cjs.DataTableBlock,
         {
           columns: normalisedCols,
           rows: recordRows,
@@ -3022,7 +3022,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
       {
         variant: "elevated",
         className: "rounded-lg",
-        "data-testid": chunk5ZBP7TCD_cjs.tid(`${testIdPrefix}-modules-section`, group.section),
+        "data-testid": chunkMJCCBMM5_cjs.tid(`${testIdPrefix}-modules-section`, group.section),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CardTitle, { className: "text-base", children: group.section }) }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { className: "space-y-1.5", children: group.modules.map((m, idx) => {
@@ -3031,7 +3031,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
               "div",
               {
                 className: "flex items-center gap-3 rounded-md border border-border/60 bg-card px-3 py-2",
-                "data-testid": chunk5ZBP7TCD_cjs.tid(`${testIdPrefix}-module`, m.id),
+                "data-testid": chunkMJCCBMM5_cjs.tid(`${testIdPrefix}-module`, m.id),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3043,7 +3043,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
                         disabled: idx === 0,
                         onClick: () => move(m.id, "up"),
                         "aria-label": `Move ${m.label} up`,
-                        "data-testid": chunk5ZBP7TCD_cjs.tid(`${testIdPrefix}-module-up`, m.id),
+                        "data-testid": chunkMJCCBMM5_cjs.tid(`${testIdPrefix}-module-up`, m.id),
                         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "size-3.5" })
                       }
                     ),
@@ -3056,7 +3056,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
                         disabled: idx === group.modules.length - 1,
                         onClick: () => move(m.id, "down"),
                         "aria-label": `Move ${m.label} down`,
-                        "data-testid": chunk5ZBP7TCD_cjs.tid(`${testIdPrefix}-module-down`, m.id),
+                        "data-testid": chunkMJCCBMM5_cjs.tid(`${testIdPrefix}-module-down`, m.id),
                         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-3.5" })
                       }
                     )
@@ -3076,7 +3076,7 @@ function ModuleManager({ store, testIdPrefix = "builder" }) {
                       checked: m.enabled,
                       onCheckedChange: () => toggle2(m.id),
                       "aria-label": `Enable ${m.label}`,
-                      "data-testid": chunk5ZBP7TCD_cjs.tid(`${testIdPrefix}-module-toggle`, m.id)
+                      "data-testid": chunkMJCCBMM5_cjs.tid(`${testIdPrefix}-module-toggle`, m.id)
                     }
                   )
                 ]
@@ -3108,7 +3108,7 @@ function ConfigModelBadge({ configId, testIdPrefix }) {
     ui.Badge,
     {
       variant: TIER_VARIANT[tier] ?? "secondary",
-      "data-testid": chunk5ZBP7TCD_cjs.tid(`${testIdPrefix}-agents-config-tier`, configId),
+      "data-testid": chunkMJCCBMM5_cjs.tid(`${testIdPrefix}-agents-config-tier`, configId),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Cpu, { className: "size-3" }),
         " ",
@@ -3145,14 +3145,14 @@ function AgentsPanel({ store, testIdPrefix = "builder" }) {
               "label",
               {
                 className: "flex cursor-pointer items-center gap-3 rounded-md border border-border/60 bg-card px-3 py-2",
-                "data-testid": chunk5ZBP7TCD_cjs.tid(`${testIdPrefix}-agents-config`, v.external_id),
+                "data-testid": chunkMJCCBMM5_cjs.tid(`${testIdPrefix}-agents-config`, v.external_id),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     ui.Checkbox,
                     {
                       checked: configIds.includes(v.external_id),
                       onCheckedChange: () => toggleConfig(v.external_id),
-                      "data-testid": chunk5ZBP7TCD_cjs.tid(`${testIdPrefix}-agents-config-toggle`, v.external_id)
+                      "data-testid": chunkMJCCBMM5_cjs.tid(`${testIdPrefix}-agents-config-toggle`, v.external_id)
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -3181,14 +3181,14 @@ function AgentsPanel({ store, testIdPrefix = "builder" }) {
           "label",
           {
             className: "flex cursor-pointer items-center gap-3 rounded-md border border-border/60 bg-card px-3 py-2",
-            "data-testid": chunk5ZBP7TCD_cjs.tid(`${testIdPrefix}-agents-agent`, a.external_id),
+            "data-testid": chunkMJCCBMM5_cjs.tid(`${testIdPrefix}-agents-agent`, a.external_id),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 ui.Checkbox,
                 {
                   checked: agentIds.includes(a.external_id),
                   onCheckedChange: () => toggleAgent(a.external_id),
-                  "data-testid": chunk5ZBP7TCD_cjs.tid(`${testIdPrefix}-agents-agent-toggle`, a.external_id)
+                  "data-testid": chunkMJCCBMM5_cjs.tid(`${testIdPrefix}-agents-agent-toggle`, a.external_id)
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -3275,7 +3275,7 @@ function VerticalBuilder({
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.TabsContent, { value: "theme", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5ZBP7TCD_cjs.ThemeEditor,
+        chunkMJCCBMM5_cjs.ThemeEditor,
         {
           bundle: themeBundle,
           variant: "panel",
@@ -3301,31 +3301,31 @@ function VerticalBuilder({
 
 Object.defineProperty(exports, "ASSET_REF_PREFIX", {
   enumerable: true,
-  get: function () { return chunk5ZBP7TCD_cjs.ASSET_REF_PREFIX; }
+  get: function () { return chunkMJCCBMM5_cjs.ASSET_REF_PREFIX; }
 });
 Object.defineProperty(exports, "AssetResolverProvider", {
   enumerable: true,
-  get: function () { return chunk5ZBP7TCD_cjs.AssetResolverProvider; }
+  get: function () { return chunkMJCCBMM5_cjs.AssetResolverProvider; }
 });
 Object.defineProperty(exports, "asAssetRef", {
   enumerable: true,
-  get: function () { return chunk5ZBP7TCD_cjs.asAssetRef; }
+  get: function () { return chunkMJCCBMM5_cjs.asAssetRef; }
 });
 Object.defineProperty(exports, "assetRefId", {
   enumerable: true,
-  get: function () { return chunk5ZBP7TCD_cjs.assetRefId; }
+  get: function () { return chunkMJCCBMM5_cjs.assetRefId; }
 });
 Object.defineProperty(exports, "isAssetRef", {
   enumerable: true,
-  get: function () { return chunk5ZBP7TCD_cjs.isAssetRef; }
+  get: function () { return chunkMJCCBMM5_cjs.isAssetRef; }
 });
 Object.defineProperty(exports, "useAssetRenderer", {
   enumerable: true,
-  get: function () { return chunk5ZBP7TCD_cjs.useAssetRenderer; }
+  get: function () { return chunkMJCCBMM5_cjs.useAssetRenderer; }
 });
 Object.defineProperty(exports, "useAssetResolverActive", {
   enumerable: true,
-  get: function () { return chunk5ZBP7TCD_cjs.useAssetResolverActive; }
+  get: function () { return chunkMJCCBMM5_cjs.useAssetResolverActive; }
 });
 exports.AgentsPanel = AgentsPanel;
 exports.AssetThumb = AssetThumb;

package/dist/studio/index.js

@@ -1,14 +1,14 @@
 "use client";
-import { useConnectedAiTask } from '../chunk-KF4EC5XU.js';
-import { PageHeader, MetricCard, DataTableBlock, StatGroup } from '../chunk-YMHGF6R5.js';
-import { assetRefId, applyStoredTheme, AssetResolverProvider, ThemeEditor, applyThemeVars, tid, 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, BlockImage, AvatarBlock, Navbar, Footer, ListBlock, isAssetRef, asAssetRef } from '../chunk-KXMDOTGW.js';
-export { ASSET_REF_PREFIX, AssetResolverProvider, asAssetRef, assetRefId, isAssetRef, useAssetRenderer, useAssetResolverActive } from '../chunk-KXMDOTGW.js';
+import { useConnectedAiTask } from '../chunk-24KQJYSB.js';
+import { PageHeader, MetricCard, DataTableBlock, StatGroup } from '../chunk-ZCF2JJFA.js';
+import { assetRefId, applyStoredTheme, AssetResolverProvider, ThemeEditor, applyThemeVars, tid, 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, BlockImage, AvatarBlock, Navbar, Footer, ListBlock, isAssetRef, asAssetRef } from '../chunk-DLBUFHLY.js';
+export { ASSET_REF_PREFIX, AssetResolverProvider, asAssetRef, assetRefId, isAssetRef, useAssetRenderer, useAssetResolverActive } from '../chunk-DLBUFHLY.js';
 import { Timeline } from '../chunk-OVEQERPO.js';
 import '../chunk-4EZVCGRL.js';
 import { Callout } from '../chunk-UJE32SST.js';
 import { EmptyState } from '../chunk-P6GHJSLR.js';
 import '../chunk-S7PSMMRG.js';
-import '../chunk-WSJVHSGN.js';
+import '../chunk-XWEJ5LV2.js';
 import '../chunk-KZJAG7T3.js';
 import '../chunk-NPLYHR2E.js';
 import { useBlocksEnvironment } from '../chunk-76JDDMSP.js';

package/dist/workspaces/WorkspaceCard.d.ts

@@ -47,8 +47,8 @@ export interface WorkspaceCardRootProps extends DivProps {
     children: ReactNode;
 }
 /**
- * The tile surface: one button that opens the workspace. Tonal (`bg-muted`, no
- * border, no shadow); the current workspace takes the selection tint.
+ * The tile surface: one button that opens the workspace. A raised white card
+ * (hairline border, soft shadow, hover lift); the current workspace takes the selection tint.
  */
 declare function WorkspaceCardRoot({ current, onSelect, href, label, testId, labels, className, children, ...rest }: WorkspaceCardRootProps): import("react").JSX.Element;
 /** Mark + name + open cue, on one row. Put the entity mark first. */

package/dist/workspaces/index.cjs

@@ -41,7 +41,7 @@ function WorkspaceCardRoot({
   const surfaceClass = ui.cn(
     "@container/ws-card flex min-h-40 w-full cursor-pointer flex-col gap-3 rounded-lg p-4 text-left transition-colors",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-    current ? "bg-accent text-accent-foreground" : "bg-muted hover:bg-accent/60",
+    current ? "bg-accent text-accent-foreground" : "border border-border bg-card shadow-xs transition-colors hover:border-ring/50 hover:bg-accent/40",
     className
   );
   const handleKeyDown = (event) => {
@@ -397,7 +397,14 @@ function WorkspacePageFrame({ testId, children }) {
   );
 }
 function WorkspaceIdentityPanel({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "workspace-identity-panel", className: "group rounded-lg bg-muted px-4 py-3", children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "workspace-identity-panel",
+      className: "group rounded-lg border border-border bg-card px-4 py-3 shadow-xs",
+      children
+    }
+  );
 }
 function WorkspaceProjectSlot({ testId, caption, children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", "data-testid": testId, children: [