@flamingo-stack/openframe-frontend-core 0.0.780 → 0.0.782

package/dist/{chunk-LELS4XMX.cjs → chunk-FS7CBRF4.cjs}

@@ -12,16 +12,18 @@ var _chunk4TUSPDNScjs = require('./chunk-4TUSPDNS.cjs');
 
 
 
-var _chunkXIFEZ2JTcjs = require('./chunk-XIFEZ2JT.cjs');
+var _chunk4DQ4CNAGcjs = require('./chunk-4DQ4CNAG.cjs');
 
 
-var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
+var _chunkFLS6DZENcjs = require('./chunk-FLS6DZEN.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
+
+
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 // src/components/ui/actions-menu.tsx
 var _reactdropdownmenu = require('@radix-ui/react-dropdown-menu'); var DropdownMenuPrimitive = _interopRequireWildcard(_reactdropdownmenu);
@@ -80,7 +82,6 @@ function OverlayOpenRegistryProvider({ onOpenChange, children }) {
 var SCROLL_DISMISS_THRESHOLD_PX = 12;
 var ROW_CLASSES = "flex flex-1 min-w-0 items-center gap-[var(--spacing-system-xsf)] p-[var(--spacing-system-s)] cursor-pointer transition-colors bg-ods-bg outline-none";
 var WRAPPER_CLASSES = "relative flex items-stretch border-b border-ods-border last:border-b-0";
-var SECONDARY_ACTION_CLASSES = "flex p-[var(--spacing-system-s)] shrink-0 items-center justify-center self-stretch border-l border-ods-border transition-colors hover:bg-ods-bg-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus [&_svg]:w-4 [&_svg]:h-4 md:[&_svg]:w-6 md:[&_svg]:h-6";
 var SecondaryAction = ({ action }) => {
   const handleClick = _react.useCallback.call(void 0, 
     (e) => {
@@ -93,43 +94,34 @@ var SecondaryAction = ({ action }) => {
     },
     [action]
   );
-  const classes = _chunk65VVJSQZcjs.cn.call(void 0, 
-    SECONDARY_ACTION_CLASSES,
-    action.openInNewTab && "max-md:hidden",
-    action.disabled && "pointer-events-none cursor-not-allowed opacity-60"
-  );
-  if (action.href) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkV45KLJQPcjs.next_link_default,
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        "aria-hidden": "true",
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, "w-px shrink-0 self-stretch bg-ods-border", action.openInNewTab && "max-md:hidden")
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkFLS6DZENcjs.Button,
       {
+        variant: "cell",
+        type: "button",
         href: action.href,
-        prefetch: false,
-        target: action.openInNewTab ? "_blank" : void 0,
-        rel: action.openInNewTab ? "noopener noreferrer" : void 0,
+        prefetch: action.href ? false : void 0,
+        openInNewTab: action.openInNewTab,
         "aria-label": action["aria-label"],
-        "aria-disabled": action.disabled || void 0,
-        tabIndex: action.disabled ? -1 : void 0,
-        className: classes,
+        disabled: action.disabled,
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, "h-auto self-stretch", action.openInNewTab && "max-md:hidden"),
         onClick: handleClick,
         children: action.icon
       }
-    );
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "button",
-    {
-      type: "button",
-      "aria-label": action["aria-label"],
-      disabled: action.disabled,
-      className: classes,
-      onClick: handleClick,
-      children: action.icon
-    }
-  );
+    )
+  ] });
 };
 var MenuItem = ({ item, onItemClick }) => {
-  const portalContainer = _chunkXIFEZ2JTcjs.usePortalContainer.call(void 0, );
-  const collisionBoundary = _chunkXIFEZ2JTcjs.useCollisionBoundary.call(void 0, );
+  const portalContainer = _chunk4DQ4CNAGcjs.usePortalContainer.call(void 0, );
+  const collisionBoundary = _chunk4DQ4CNAGcjs.useCollisionBoundary.call(void 0, );
   const activate = _react.useCallback.call(void 0, () => {
     if (item.disabled) return;
     if (item.type === "checkbox") {
@@ -173,17 +165,17 @@ var MenuItem = ({ item, onItemClick }) => {
   if (item.type === "separator") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-1 w-full bg-ods-divider" });
   }
-  const itemClasses = _chunk65VVJSQZcjs.cn.call(void 0, 
+  const itemClasses = _chunkMGEUZRNQcjs.cn.call(void 0, 
     ROW_CLASSES,
     item.disabled ? "pointer-events-none cursor-not-allowed text-ods-text-secondary opacity-60" : "text-ods-text-primary hover:bg-ods-bg-hover"
   );
-  const subTriggerClasses = _chunk65VVJSQZcjs.cn.call(void 0, itemClasses, "focus:bg-ods-bg-hover data-[state=open]:bg-ods-bg-active");
+  const subTriggerClasses = _chunkMGEUZRNQcjs.cn.call(void 0, itemClasses, "focus:bg-ods-bg-hover data-[state=open]:bg-ods-bg-active");
   const renderAsLink = !!item.href && item.type !== "submenu" && item.type !== "checkbox";
   const rowContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     item.icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, 
           "flex h-4 w-4 flex-shrink-0 items-center justify-center md:h-6 md:w-6",
           item.danger && "text-ods-error",
           item.disabled && "opacity-50"
@@ -194,7 +186,7 @@ var MenuItem = ({ item, onItemClick }) => {
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "span",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, 
           "flex-1 font-medium leading-6 text-h4",
           item.disabled ? "text-ods-text-secondary" : item.danger ? "text-ods-error" : "text-ods-text-primary"
         ),
@@ -204,7 +196,7 @@ var MenuItem = ({ item, onItemClick }) => {
     item.type === "checkbox" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, 
           "flex h-4 w-4 items-center justify-center rounded-md transition-colors md:h-6 md:w-6",
           item.checked ? "bg-ods-accent" : "border-2 border-ods-border bg-transparent"
         ),
@@ -241,7 +233,7 @@ var MenuItem = ({ item, onItemClick }) => {
           {
             sideOffset: 4,
             collisionBoundary: _nullishCoalesce(collisionBoundary, () => ( void 0)),
-            collisionPadding: collisionBoundary ? _chunkXIFEZ2JTcjs.COLLISION_PADDING_PX : void 0,
+            collisionPadding: collisionBoundary ? _chunk4DQ4CNAGcjs.COLLISION_PADDING_PX : void 0,
             hideWhenDetached: true,
             className: "z-[1500] max-h-[var(--radix-popper-available-height)] min-w-[256px] overflow-y-auto rounded-md border border-ods-border bg-ods-bg p-0 shadow-xl",
             children: item.submenu.map((subItem, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuItem, { item: subItem, onItemClick }, subItem.id || index))
@@ -304,8 +296,10 @@ var ActionsMenuDropdown = ({
   sideOffset = 6,
   open: openProp,
   onOpenChange,
-  onCloseAutoFocus
+  onCloseAutoFocus,
+  loading: loadingProp = false
 }) => {
+  const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || loadingProp;
   const [open = false, setOpen] = _reactusecontrollablestate.useControllableState.call(void 0, {
     prop: openProp,
     defaultProp: false,
@@ -338,25 +332,29 @@ var ActionsMenuDropdown = ({
     },
     [onItemClick, setOpen]
   );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenu, { open, onOpenChange: setOpen, modal: false, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenuTrigger, { asChild: true, ref: triggerRef, children: _nullishCoalesce(customTrigger, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTF5D5MNOcjs.Button,
-      {
-        variant: "outline",
-        size: "icon",
-        "aria-label": triggerAriaLabel,
-        className: triggerClassName || "flex items-center justify-center border-ods-border bg-ods-card hover:bg-ods-bg-hover focus-visible:ring-0",
-        leftIcon: _nullishCoalesce(trigger, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSWHUL32Wcjs.Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })))
-      }
-    ))) }),
+  const triggerNode = _nullishCoalesce(customTrigger, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkFLS6DZENcjs.Button,
+    {
+      variant: "outline",
+      size: "icon",
+      "aria-label": triggerAriaLabel,
+      className: triggerClassName || "flex items-center justify-center border-ods-border bg-ods-card hover:bg-ods-bg-hover focus-visible:ring-0",
+      leftIcon: _nullishCoalesce(trigger, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSWHUL32Wcjs.Ellipsis01Icon, { size: 24, className: "text-ods-text-primary" })))
+    }
+  )));
+  if (loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGEUZRNQcjs.InertWhileLoading, { children: triggerNode });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk4DQ4CNAGcjs.DropdownMenu, { open, onOpenChange: setOpen, modal: false, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4DQ4CNAGcjs.DropdownMenuTrigger, { asChild: true, ref: triggerRef, children: triggerNode }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXIFEZ2JTcjs.DropdownMenuContent,
+      _chunk4DQ4CNAGcjs.DropdownMenuContent,
       {
         align,
         side,
         sideOffset,
         onCloseAutoFocus,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, "overflow-visible border-0 bg-transparent p-0 shadow-none", contentClassName),
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, "overflow-visible border-0 bg-transparent p-0 shadow-none", contentClassName),
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionsMenu, { groups, onItemClick: handleItemClick, className, header })
       }
     )
@@ -371,13 +369,13 @@ var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 var TooltipContent = _react.forwardRef.call(void 0, ({ className, sideOffset = 4, ...props }, ref) => {
-  const container = _chunkXIFEZ2JTcjs.usePortalContainer.call(void 0, );
+  const container = _chunk4DQ4CNAGcjs.usePortalContainer.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipPrimitive.Portal, { container: _nullishCoalesce(container, () => ( void 0)), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     TooltipPrimitive.Content,
     {
       ref,
       sideOffset,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         // `max-h` uses Radix's available-height var so tall content scrolls inside
         // the tooltip instead of overflowing off-screen (only engages on overflow).
         "z-[1400] max-h-[var(--radix-popper-available-height)] overflow-y-auto rounded-md border border-ods-border bg-ods-card px-3 py-2 text-ods-text-primary shadow-lg animate-in fade-in-0 zoom-in-95 text-h6 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",

package/dist/{chunk-WR7KJML6.cjs → chunk-GFRKNUJZ.cjs}

@@ -1,70 +1,65 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunk2W3VDE4Dcjs = require('./chunk-2W3VDE4D.cjs');
+var _chunk3INHO6GPcjs = require('./chunk-3INHO6GP.cjs');
 
 
 
-var _chunkIE3QCYBTcjs = require('./chunk-IE3QCYBT.cjs');
+var _chunkVZUV2FCPcjs = require('./chunk-VZUV2FCP.cjs');
 
 
 
 
 
 
-var _chunkUPAE4IV5cjs = require('./chunk-UPAE4IV5.cjs');
+var _chunkA4YUTS6Qcjs = require('./chunk-A4YUTS6Q.cjs');
 
 
-var _chunkSIDDZZKLcjs = require('./chunk-SIDDZZKL.cjs');
+var _chunkTS6TISIFcjs = require('./chunk-TS6TISIF.cjs');
 
 
-var _chunkYWQ3VXPLcjs = require('./chunk-YWQ3VXPL.cjs');
+var _chunkN7QNWHJAcjs = require('./chunk-N7QNWHJA.cjs');
 
 
 
 
-var _chunkOWQVDWTKcjs = require('./chunk-OWQVDWTK.cjs');
 
+var _chunk7OJMOG34cjs = require('./chunk-7OJMOG34.cjs');
 
-var _chunkKKAY6GPUcjs = require('./chunk-KKAY6GPU.cjs');
 
+var _chunkWSBWP7IWcjs = require('./chunk-WSBWP7IW.cjs');
 
 
-var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
+var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
-var _chunkQEFDGI3Zcjs = require('./chunk-QEFDGI3Z.cjs');
 
+var _chunk4DKPNN2Acjs = require('./chunk-4DKPNN2A.cjs');
 
 
 
-var _chunkYG72MEHYcjs = require('./chunk-YG72MEHY.cjs');
+var _chunk5XAWVXNIcjs = require('./chunk-5XAWVXNI.cjs');
 
 
-var _chunkOH5LAH3Xcjs = require('./chunk-OH5LAH3X.cjs');
+var _chunkODDUGLYFcjs = require('./chunk-ODDUGLYF.cjs');
 
 
-var _chunk3LW5TD54cjs = require('./chunk-3LW5TD54.cjs');
+var _chunkF2FFJWOQcjs = require('./chunk-F2FFJWOQ.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
-var _chunkWEANWBJHcjs = require('./chunk-WEANWBJH.cjs');
-
+var _chunkNNNRN4OFcjs = require('./chunk-NNNRN4OF.cjs');
 
 
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
-
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
 
 // src/components/onboarding-guides/onboarding-guides-catalog-view.tsx
 var _lucidereact = require('lucide-react');
 var _react = require('react');
-
-// src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var CATALOG_VIEW_CLASS = "flex w-full flex-col gap-10";
 var CATALOG_CONTROLS_CLASS = "space-y-4";
@@ -77,18 +72,12 @@ var ONBOARDING_CATALOG_SKELETON_CARDS = 3;
 function OnboardingCatalogSectionsSkeleton() {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CATALOG_SECTIONS_CLASS, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: CATALOG_SECTION_CLASS, "data-loading-item": true, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: CATALOG_SECTION_HEADING_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: CATALOG_SECTION_COUNT_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-3" }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: CATALOG_SECTION_COUNT_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-3" }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: CATALOG_LIST_CLASS, children: Array.from({ length: ONBOARDING_CATALOG_SKELETON_CARDS }, (_, i) => (
-      // biome-ignore lint/suspicious/noArrayIndexKey: skeleton cards never reorder
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYG72MEHYcjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, i)
-    )) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: CATALOG_LIST_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGEUZRNQcjs.LoadingItems, { count: ONBOARDING_CATALOG_SKELETON_CARDS, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-loading-item": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5XAWVXNIcjs.OnboardingGuideCard, { loading: true, size: "catalog" }) }) }) })
   ] }) });
 }
-
-// src/components/onboarding-guides/onboarding-guides-catalog-view.tsx
-
 function OnboardingGuidesCatalogView({
   initialGuides,
   initialSections,
@@ -102,15 +91,15 @@ function OnboardingGuidesCatalogView({
   const searchParams = _chunk7DNL734Scjs.useSearchParams.call(void 0, );
   const [isPending, startTransition] = _react.useTransition.call(void 0, );
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
-  const scoped = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const scoped = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
   const selfFetch = !scoped && initialGuides === void 0 && guidesEndpoint !== void 0;
   const sectionValue = selfFetch ? _nullishCoalesce(searchParams.get("section"), () => ( "")) : initialSection;
   const activeSection = sectionValue || "all";
   const guidesQs = sectionValue ? `?section=${encodeURIComponent(sectionValue)}` : "";
-  const guidesRes = _chunkQEFDGI3Zcjs.useSelfFetch.call(void 0, 
+  const guidesRes = _chunk4DKPNN2Acjs.useSelfFetch.call(void 0, 
     selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null
   );
-  const sectionsRes = _chunkQEFDGI3Zcjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
+  const sectionsRes = _chunk4DKPNN2Acjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
   const guides = _react.useMemo.call(void 0, () => _nullishCoalesce(_nullishCoalesce(initialGuides, () => ( _optionalChain([guidesRes, 'access', _2 => _2.data, 'optionalAccess', _3 => _3.data]))), () => ( [])), [initialGuides, _optionalChain([guidesRes, 'access', _4 => _4.data, 'optionalAccess', _5 => _5.data])]);
   const sections = _react.useMemo.call(void 0, 
     () => _nullishCoalesce(initialSections, () => ( (Array.isArray(sectionsRes.data) ? sectionsRes.data : []))),
@@ -154,25 +143,25 @@ function OnboardingGuidesCatalogView({
     });
   };
   const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _6 => _6.source]), () => ( "openframe"));
-  const docSearch = _chunkIE3QCYBTcjs.useDocSearch.call(void 0, {
+  const docSearch = _chunkVZUV2FCPcjs.useDocSearch.call(void 0, {
     source,
     baseRoute: basePath,
     onNavigate: (path) => router.push(path),
     tableIds: ["onboarding-guides"]
   });
   const defaultRenderCard = (guide) => {
-    const cta = _chunkYWQ3VXPLcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
+    const cta = _chunkN7QNWHJAcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
       type: "onboarding_guide",
       slug: guide.slug,
       basePath,
       platforms: guide.onboarding_guide_platforms
     });
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYG72MEHYcjs.OnboardingGuideCard, { guide, href: cta.href, targetPlatform: cta.targetPlatform, size: "catalog" });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5XAWVXNIcjs.OnboardingGuideCard, { guide, href: cta.href, targetPlatform: cta.targetPlatform, size: "catalog" });
   };
   const renderCardFn = _nullishCoalesce(renderCard, () => ( defaultRenderCard));
   const preControls = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_CONTROLS_CLASS, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkIE3QCYBTcjs.DocSearchBar,
+      _chunkVZUV2FCPcjs.DocSearchBar,
       {
         placeholder: "Search onboarding guides, releases, case studies\u2026",
         query: docSearch.query,
@@ -184,7 +173,7 @@ function OnboardingGuidesCatalogView({
       }
     ),
     (loading || sections.length > 0) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUPAE4IV5cjs.FilterPillRow,
+      _chunkA4YUTS6Qcjs.FilterPillRow,
       {
         label: "Section",
         selectedValue: activeSection,
@@ -195,7 +184,7 @@ function OnboardingGuidesCatalogView({
     )
   ] });
   if (!loading && selfFetch && guidesRes.error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
   }
   const view = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_VIEW_CLASS, children: [
     preControls,
@@ -211,7 +200,7 @@ function OnboardingGuidesCatalogView({
     )
   ] });
   if (!loading) return view;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading onboarding guides", announce: !scoped, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.LoadingScope, { children: view }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7OJMOG34cjs.LoadingFallback, { label: "Loading onboarding guides", children: view });
 }
 function OnboardingCatalogSections({
   grouped,
@@ -220,7 +209,7 @@ function OnboardingCatalogSections({
   allSections,
   renderCard
 }) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OnboardingCatalogSectionsSkeleton, {});
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OnboardingCatalogSectionsSkeleton, {});
   if (grouped.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "py-16 text-center", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.GraduationCap, { className: "mx-auto mb-4 h-12 w-12 text-ods-text-secondary" }),
@@ -228,14 +217,14 @@ function OnboardingCatalogSections({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: allSections ? "We're working on the onboarding library. Check back soon." : "No guides in this section yet." })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CATALOG_SECTIONS_CLASS, dimmed && "opacity-60 transition-opacity"), children: grouped.map((sec) => (
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, CATALOG_SECTIONS_CLASS, dimmed && "opacity-60 transition-opacity"), children: grouped.map((sec) => (
     // A section is the data's group: how many there are is the record's (`data-loading-item`).
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: CATALOG_SECTION_CLASS, "data-loading-item": true, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: CATALOG_SECTION_HEADING_CLASS, children: [
         sec.section,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: CATALOG_SECTION_COUNT_CLASS, children: sec.guides.length })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: CATALOG_LIST_CLASS, children: sec.guides.map((guide) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: renderCard(guide) }, guide.id)) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: CATALOG_LIST_CLASS, children: sec.guides.map((guide) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-loading-item": true, children: renderCard(guide) }, guide.id)) })
     ] }, sec.section)
   )) });
 }
@@ -292,7 +281,7 @@ function RelatedGuides({
   related,
   renderCard
 }) {
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
   const guides = loading ? Array.from({ length: ONBOARDING_GUIDE_RELATED_SKELETON_COUNT }, (_, i) => ({
     ...EMPTY_ONBOARDING_GUIDE,
     id: `skeleton-${i}`
@@ -302,7 +291,7 @@ function RelatedGuides({
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: RELATED_HEADING_CLASS, children: [
       "More in",
       " ",
-      loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "inline-block w-32 align-middle" }) : section
+      loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "inline-block w-32 align-middle" }) : section
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: RELATED_LIST_CLASS, children: guides.map((guide) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-loading-item": true, children: renderCard(guide) }, guide.id)) })
   ] });
@@ -315,7 +304,7 @@ function OnboardingGuideDetailView({
   slug,
   guideEndpoint,
   related = [],
-  MarkdownRenderer = _chunkUPAE4IV5cjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunkA4YUTS6Qcjs.RichMarkdownRenderer,
   renderRelatedCard,
   backHref,
   backLabel = "Back to Getting Started",
@@ -325,47 +314,47 @@ function OnboardingGuideDetailView({
 }) {
   const resolvedBackHref = _nullishCoalesce(backHref, () => ( basePath));
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
-  const captions = _chunkOWQVDWTKcjs.useCaptions.call(void 0, );
+  const captions = _chunk7OJMOG34cjs.useCaptions.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
+  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
   const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null;
-  const scoped = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const scoped = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
   const {
     data: guide,
     isLoading,
     error,
     reload
-  } = _chunkQEFDGI3Zcjs.useSelfFetch.call(void 0, scoped ? null : url, {
+  } = _chunk4DKPNN2Acjs.useSelfFetch.call(void 0, scoped ? null : url, {
     initialData
   });
-  const { ref: videoWarmupRef } = _chunkKKAY6GPUcjs.useVideoWarmup.call(void 0, {
+  const { ref: videoWarmupRef } = _chunkWSBWP7IWcjs.useVideoWarmup.call(void 0, {
     videoUrl: _optionalChain([guide, 'optionalAccess', _8 => _8.main_video_url]),
     supabaseStorageOrigin: _optionalChain([runtime, 'optionalAccess', _9 => _9.endpoints, 'access', _10 => _10.supabaseStorageOrigin])
   });
   const backCfg = { label: backLabel, onClick: () => router.push(resolvedBackHref) };
   const loading = scoped || !guide && isLoading;
   if (!loading && (error || !guide)) {
-    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.LoadError, { message: "Guide not found.", onRetry: reload }));
+    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
   }
   const view = _nullishCoalesce(guide, () => ( EMPTY_ONBOARDING_GUIDE));
   const { captionsUrl, highlightCaptionsUrl } = captions.forEntity("onboarding_guide", view);
   const videoPoster = view.main_video_thumbnail || view.featured_image || view.og_image_url || // `buildOgPlaceholderUrl` always returns a usable string (relative route at
   // worst), so it's the terminal fallback — no trailing `|| undefined` needed.
-  _chunk3LW5TD54cjs.buildOgPlaceholderUrl.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.endpoints]), view.title, { aspect: "wide" });
+  _chunkF2FFJWOQcjs.buildOgPlaceholderUrl.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.endpoints]), view.title, { aspect: "wide" });
   const defaultRenderRelatedCard = (g) => {
-    const cta = _chunkYWQ3VXPLcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
+    const cta = _chunkN7QNWHJAcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
       type: "onboarding_guide",
       slug: g.slug,
       basePath,
       platforms: g.onboarding_guide_platforms
     });
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYG72MEHYcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5XAWVXNIcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
   };
   const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
-  const page = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSIDDZZKLcjs.PageLayout, { title: view.title, loading, titleSize: "h1", titleWrap: true, backButton: backCfg, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.EntityTagBadges, { tags: view.onboarding_guide_tags }),
+  const page = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkTS6TISIFcjs.PageLayout, { title: view.title, loading, titleSize: "h1", titleWrap: true, backButton: backCfg, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.EntityTagBadges, { tags: view.onboarding_guide_tags }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYG72MEHYcjs.EntityAuthorCard,
+      _chunk5XAWVXNIcjs.EntityAuthorCard,
       {
         author: view.author,
         authorHref,
@@ -381,7 +370,7 @@ function OnboardingGuideDetailView({
     ),
     !loading && (view.main_video_url || view.youtube_url) && // A guide's video is optional: the loading state leaves it out.
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: videoWarmupRef, "data-loading-optional": "", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOWQVDWTKcjs.EntityVideoSection,
+      _chunk7OJMOG34cjs.EntityVideoSection,
       {
         mainVideoUrl: view.main_video_url,
         youtubeUrl: view.youtube_url || void 0,
@@ -398,17 +387,17 @@ function OnboardingGuideDetailView({
     ) }),
     (loading || view.content) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: BODY_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: _nullishCoalesce(view.content, () => ( "")) }) }),
     loading ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "contents", "data-loading-optional": "", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOWQVDWTKcjs.VideoBitesStrip,
+      _chunk7OJMOG34cjs.VideoBitesStrip,
       {
         bites: _nullishCoalesce(view.video_bites, () => ( [])),
         filterPublished: true,
         showTitle: false,
-        profile: _chunkOH5LAH3Xcjs.toStripProfile.call(void 0, view.author),
+        profile: _chunkODDUGLYFcjs.toStripProfile.call(void 0, view.author),
         href: `/onboarding-guides/${view.slug}`
       }
     ) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2W3VDE4Dcjs.ArticleAuthorByline,
+      _chunk3INHO6GPcjs.ArticleAuthorByline,
       {
         author: _nullishCoalesce(_optionalChain([view, 'access', _13 => _13.author, 'optionalAccess', _14 => _14.full_name]), () => ( null)),
         avatar: _optionalChain([view, 'access', _15 => _15.author, 'optionalAccess', _16 => _16.avatar_url]),
@@ -421,9 +410,7 @@ function OnboardingGuideDetailView({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RelatedGuides, { section: view.section, related, renderCard: renderRelatedCardFn }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: relatedContent }, "related-content")
   ] });
-  return renderShell(
-    loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading the guide", announce: !scoped, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.LoadingScope, { children: page }) }) : page
-  );
+  return renderShell(loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7OJMOG34cjs.LoadingFallback, { label: "Loading the guide", children: page }) : page);
 }
 
 // src/components/onboarding-guides/hooks/use-onboarding-guides.ts
@@ -443,7 +430,7 @@ var onboardingGuideKeys = {
   }
 };
 function useOnboardingGuides(filters) {
-  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const held = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
   return _reactquery.useQuery.call(void 0, {
     enabled: !held,
     queryKey: onboardingGuideKeys.list(filters || {}),
@@ -461,7 +448,7 @@ function useOnboardingGuides(filters) {
   });
 }
 function useOnboardingGuide(slug) {
-  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const held = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
   return _reactquery.useQuery.call(void 0, {
     queryKey: onboardingGuideKeys.detail(slug || ""),
     queryFn: async () => {
@@ -473,7 +460,7 @@ function useOnboardingGuide(slug) {
   });
 }
 function useOnboardingGuideSections() {
-  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const held = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
   return _reactquery.useQuery.call(void 0, {
     enabled: !held,
     queryKey: onboardingGuideKeys.sections(),