@flamingo-stack/openframe-frontend-core 0.0.776 → 0.0.781

package/dist/{chunk-VFZFCRAL.cjs → chunk-AQXKXZWB.cjs}

@@ -3,11 +3,11 @@
 
 
 
-var _chunk5P4TDV7Vcjs = require('./chunk-5P4TDV7V.cjs');
+var _chunkV4FXUIMHcjs = require('./chunk-V4FXUIMH.cjs');
 
 // src/hooks/ui/use-content-breakpoint.ts
 var _react = require('react');
-var CONTENT_BREAKPOINTS = { md: _chunk5P4TDV7Vcjs.LAYOUT_STEPS.md.content, lg: _chunk5P4TDV7Vcjs.LAYOUT_STEPS.lg.content };
+var CONTENT_BREAKPOINTS = { md: _chunkV4FXUIMHcjs.LAYOUT_STEPS.md.content, lg: _chunkV4FXUIMHcjs.LAYOUT_STEPS.lg.content };
 var ContentAreaWidthContext = _react.createContext.call(void 0, null);
 function ViewportBreakpoints({ children }) {
   return _react.createElement.call(void 0, ContentAreaWidthContext.Provider, { value: null }, children);
@@ -19,8 +19,8 @@ function contentBreakpointFor(width) {
 }
 function useContentBreakpoint() {
   const width = _react.useContext.call(void 0, ContentAreaWidthContext);
-  const mdUp = _chunk5P4TDV7Vcjs.useMdUp.call(void 0, );
-  const lgUp = _chunk5P4TDV7Vcjs.useLgUp.call(void 0, );
+  const mdUp = _chunkV4FXUIMHcjs.useMdUp.call(void 0, );
+  const lgUp = _chunkV4FXUIMHcjs.useLgUp.call(void 0, );
   if (width !== null) return contentBreakpointFor(width);
   if (mdUp === void 0) return void 0;
   if (lgUp) return "desktop";

package/dist/{chunk-L55XLH5A.cjs → chunk-B6EQVH7D.cjs}

@@ -1,68 +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 _chunkDDXQGTWBcjs = require('./chunk-DDXQGTWB.cjs');
+var _chunkRJX33Y4Qcjs = require('./chunk-RJX33Y4Q.cjs');
 
 
 
-var _chunkBDYI6HBTcjs = require('./chunk-BDYI6HBT.cjs');
+var _chunkOFX6XEVNcjs = require('./chunk-OFX6XEVN.cjs');
 
 
 
 
 
 
-var _chunkXN6LXMH5cjs = require('./chunk-XN6LXMH5.cjs');
+var _chunkODZ5XGWAcjs = require('./chunk-ODZ5XGWA.cjs');
 
 
-var _chunkV3W56L2Dcjs = require('./chunk-V3W56L2D.cjs');
+var _chunkUONQCE5Ncjs = require('./chunk-UONQCE5N.cjs');
 
 
-var _chunkNWZSYG4Scjs = require('./chunk-NWZSYG4S.cjs');
+var _chunkHLZUBJPLcjs = require('./chunk-HLZUBJPL.cjs');
 
 
 
 
-var _chunkKM2TVQCHcjs = require('./chunk-KM2TVQCH.cjs');
 
+var _chunkFWJ5YECNcjs = require('./chunk-FWJ5YECN.cjs');
 
-var _chunkKKAY6GPUcjs = require('./chunk-KKAY6GPU.cjs');
+
+var _chunkQD7SKYCQcjs = require('./chunk-QD7SKYCQ.cjs');
 
 
 
 var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
-var _chunkOJLZ7PGOcjs = require('./chunk-OJLZ7PGO.cjs');
+var _chunkJHDPEYZHcjs = require('./chunk-JHDPEYZH.cjs');
 
 
 
+var _chunkOHXB6HUXcjs = require('./chunk-OHXB6HUX.cjs');
 
 
-var _chunkMYHS4W2Hcjs = require('./chunk-MYHS4W2H.cjs');
+var _chunkJQWYXC2Ecjs = require('./chunk-JQWYXC2E.cjs');
 
 
-var _chunk3LW5TD54cjs = require('./chunk-3LW5TD54.cjs');
+var _chunkDJTPDK3Wcjs = require('./chunk-DJTPDK3W.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
-var _chunkWEANWBJHcjs = require('./chunk-WEANWBJH.cjs');
-
+var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
 
 
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
-
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.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";
@@ -75,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, _chunkYNDH72VUcjs.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, _chunkYNDH72VUcjs.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, _chunkMYHS4W2Hcjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, i)
-    )) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: CATALOG_LIST_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.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, _chunkOHXB6HUXcjs.OnboardingGuideCard, { loading: true, size: "catalog" }) }) }) })
   ] }) });
 }
-
-// src/components/onboarding-guides/onboarding-guides-catalog-view.tsx
-
 function OnboardingGuidesCatalogView({
   initialGuides,
   initialSections,
@@ -100,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 = _chunkN6YCOBLKcjs.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 = _chunkOJLZ7PGOcjs.useSelfFetch.call(void 0, 
+  const guidesRes = _chunkJHDPEYZHcjs.useSelfFetch.call(void 0, 
     selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null
   );
-  const sectionsRes = _chunkOJLZ7PGOcjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
+  const sectionsRes = _chunkJHDPEYZHcjs.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 : []))),
@@ -152,25 +143,25 @@ function OnboardingGuidesCatalogView({
     });
   };
   const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _6 => _6.source]), () => ( "openframe"));
-  const docSearch = _chunkBDYI6HBTcjs.useDocSearch.call(void 0, {
+  const docSearch = _chunkOFX6XEVNcjs.useDocSearch.call(void 0, {
     source,
     baseRoute: basePath,
     onNavigate: (path) => router.push(path),
     tableIds: ["onboarding-guides"]
   });
   const defaultRenderCard = (guide) => {
-    const cta = _chunkNWZSYG4Scjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
+    const cta = _chunkHLZUBJPLcjs.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, _chunkMYHS4W2Hcjs.OnboardingGuideCard, { guide, href: cta.href, targetPlatform: cta.targetPlatform, size: "catalog" });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOHXB6HUXcjs.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, 
-      _chunkBDYI6HBTcjs.DocSearchBar,
+      _chunkOFX6XEVNcjs.DocSearchBar,
       {
         placeholder: "Search onboarding guides, releases, case studies\u2026",
         query: docSearch.query,
@@ -182,7 +173,7 @@ function OnboardingGuidesCatalogView({
       }
     ),
     (loading || sections.length > 0) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXN6LXMH5cjs.FilterPillRow,
+      _chunkODZ5XGWAcjs.FilterPillRow,
       {
         label: "Section",
         selectedValue: activeSection,
@@ -193,7 +184,7 @@ function OnboardingGuidesCatalogView({
     )
   ] });
   if (!loading && selfFetch && guidesRes.error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXN6LXMH5cjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.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,
@@ -209,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, _chunkFWJ5YECNcjs.LoadingFallback, { label: "Loading onboarding guides", children: view });
 }
 function OnboardingCatalogSections({
   grouped,
@@ -218,7 +209,7 @@ function OnboardingCatalogSections({
   allSections,
   renderCard
 }) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OnboardingCatalogSectionsSkeleton, {});
+  if (_chunkN6YCOBLKcjs.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" }),
@@ -226,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: _chunkN6YCOBLKcjs.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)
   )) });
 }
@@ -290,7 +281,7 @@ function RelatedGuides({
   related,
   renderCard
 }) {
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   const guides = loading ? Array.from({ length: ONBOARDING_GUIDE_RELATED_SKELETON_COUNT }, (_, i) => ({
     ...EMPTY_ONBOARDING_GUIDE,
     id: `skeleton-${i}`
@@ -300,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, _chunkYNDH72VUcjs.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)) })
   ] });
@@ -313,7 +304,7 @@ function OnboardingGuideDetailView({
   slug,
   guideEndpoint,
   related = [],
-  MarkdownRenderer = _chunkXN6LXMH5cjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunkODZ5XGWAcjs.RichMarkdownRenderer,
   renderRelatedCard,
   backHref,
   backLabel = "Back to Getting Started",
@@ -323,47 +314,47 @@ function OnboardingGuideDetailView({
 }) {
   const resolvedBackHref = _nullishCoalesce(backHref, () => ( basePath));
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
-  const captions = _chunkKM2TVQCHcjs.useCaptions.call(void 0, );
+  const captions = _chunkFWJ5YECNcjs.useCaptions.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXN6LXMH5cjs.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, _chunkODZ5XGWAcjs.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 = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   const {
     data: guide,
     isLoading,
     error,
     reload
-  } = _chunkOJLZ7PGOcjs.useSelfFetch.call(void 0, scoped ? null : url, {
+  } = _chunkJHDPEYZHcjs.useSelfFetch.call(void 0, scoped ? null : url, {
     initialData
   });
-  const { ref: videoWarmupRef } = _chunkKKAY6GPUcjs.useVideoWarmup.call(void 0, {
+  const { ref: videoWarmupRef } = _chunkQD7SKYCQcjs.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, _chunkXN6LXMH5cjs.LoadError, { message: "Guide not found.", onRetry: reload }));
+    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.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" });
+  _chunkDJTPDK3Wcjs.buildOgPlaceholderUrl.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.endpoints]), view.title, { aspect: "wide" });
   const defaultRenderRelatedCard = (g) => {
-    const cta = _chunkNWZSYG4Scjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
+    const cta = _chunkHLZUBJPLcjs.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, _chunkMYHS4W2Hcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOHXB6HUXcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
   };
   const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
-  const page = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV3W56L2Dcjs.PageLayout, { title: view.title, loading, titleSize: "h1", titleWrap: true, backButton: backCfg, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXN6LXMH5cjs.EntityTagBadges, { tags: view.onboarding_guide_tags }),
+  const page = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUONQCE5Ncjs.PageLayout, { title: view.title, loading, titleSize: "h1", titleWrap: true, backButton: backCfg, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.EntityTagBadges, { tags: view.onboarding_guide_tags }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkMYHS4W2Hcjs.EntityAuthorCard,
+      _chunkOHXB6HUXcjs.EntityAuthorCard,
       {
         author: view.author,
         authorHref,
@@ -379,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, 
-      _chunkKM2TVQCHcjs.EntityVideoSection,
+      _chunkFWJ5YECNcjs.EntityVideoSection,
       {
         mainVideoUrl: view.main_video_url,
         youtubeUrl: view.youtube_url || void 0,
@@ -396,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, 
-      _chunkKM2TVQCHcjs.VideoBitesStrip,
+      _chunkFWJ5YECNcjs.VideoBitesStrip,
       {
         bites: _nullishCoalesce(view.video_bites, () => ( [])),
         filterPublished: true,
         showTitle: false,
-        profile: _chunkMYHS4W2Hcjs.toStripProfile.call(void 0, view.author),
+        profile: _chunkJQWYXC2Ecjs.toStripProfile.call(void 0, view.author),
         href: `/onboarding-guides/${view.slug}`
       }
     ) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkDDXQGTWBcjs.ArticleAuthorByline,
+      _chunkRJX33Y4Qcjs.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]),
@@ -419,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, _chunkFWJ5YECNcjs.LoadingFallback, { label: "Loading the guide", children: page }) : page);
 }
 
 // src/components/onboarding-guides/hooks/use-onboarding-guides.ts
@@ -441,7 +430,7 @@ var onboardingGuideKeys = {
   }
 };
 function useOnboardingGuides(filters) {
-  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const held = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   return _reactquery.useQuery.call(void 0, {
     enabled: !held,
     queryKey: onboardingGuideKeys.list(filters || {}),
@@ -459,7 +448,7 @@ function useOnboardingGuides(filters) {
   });
 }
 function useOnboardingGuide(slug) {
-  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const held = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   return _reactquery.useQuery.call(void 0, {
     queryKey: onboardingGuideKeys.detail(slug || ""),
     queryFn: async () => {
@@ -471,7 +460,7 @@ function useOnboardingGuide(slug) {
   });
 }
 function useOnboardingGuideSections() {
-  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const held = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   return _reactquery.useQuery.call(void 0, {
     enabled: !held,
     queryKey: onboardingGuideKeys.sections(),