@flamingo-stack/openframe-frontend-core 0.0.217 → 0.0.218-snapshot.20260602043552

package/dist/components/navigation/index.js

@@ -3,10 +3,20 @@
 import {
   AppHeader,
   AppLayout,
+  AppLayoutDrawerBody,
+  AppLayoutDrawerClose,
+  AppLayoutDrawerContent,
+  AppLayoutDrawerDescription,
+  AppLayoutDrawerFooter,
+  AppLayoutDrawerHeader,
+  AppLayoutDrawerRoot,
+  AppLayoutDrawerTitle,
+  AppLayoutDrawerTrigger,
   ClientOnlyHeader,
   Header,
   HeaderButton,
   HeaderGlobalSearch,
+  HeaderMingoButton,
   HeaderOrganizationFilter,
   HeaderSkeleton,
   MobileBurgerMenu,
@@ -14,30 +24,41 @@ import {
   NavigationSidebar,
   SlidingSidebar,
   StickySectionNav,
+  useAppLayoutDrawerContainer,
   useSectionNavigation
-} from "../../chunk-ENBGG2K2.js";
+} from "../../chunk-IUMLQIPW.js";
 import "../../chunk-LXC6P2EO.js";
 import "../../chunk-EL5YVPD5.js";
-import "../../chunk-UEBM4PC4.js";
+import "../../chunk-AWMMB7XM.js";
 import "../../chunk-OHPI2HRK.js";
-import "../../chunk-LCLTCCXS.js";
+import "../../chunk-24Q2WLIU.js";
 import "../../chunk-PLJLE4A4.js";
-import "../../chunk-QY75VKAS.js";
-import "../../chunk-KSOOKNBG.js";
+import "../../chunk-Z46NRJWW.js";
+import "../../chunk-YICWWZ3Z.js";
 import "../../chunk-EDW2NVRV.js";
 import "../../chunk-6U3IUD57.js";
 import "../../chunk-W72U7OU7.js";
-import "../../chunk-RFONYT63.js";
+import "../../chunk-4YKGXZ7W.js";
 import "../../chunk-MJNXIEV2.js";
 import "../../chunk-CZR7ARBA.js";
 import "../../chunk-GGWZFCYS.js";
 export {
   AppHeader,
   AppLayout,
+  AppLayoutDrawerRoot as AppLayoutDrawer,
+  AppLayoutDrawerBody,
+  AppLayoutDrawerClose,
+  AppLayoutDrawerContent,
+  AppLayoutDrawerDescription,
+  AppLayoutDrawerFooter,
+  AppLayoutDrawerHeader,
+  AppLayoutDrawerTitle,
+  AppLayoutDrawerTrigger,
   ClientOnlyHeader,
   Header,
   HeaderButton,
   HeaderGlobalSearch,
+  HeaderMingoButton,
   HeaderOrganizationFilter,
   HeaderSkeleton,
   MobileBurgerMenu,
@@ -45,6 +66,7 @@ export {
   NavigationSidebar,
   SlidingSidebar,
   StickySectionNav,
+  useAppLayoutDrawerContainer,
   useSectionNavigation
 };
 //# sourceMappingURL=index.js.map

package/dist/components/navigation/mobile-nav-panel.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { MobileNavConfig } from '../../types/navigation';
 export interface MobileNavPanelProps {
     isOpen: boolean;
     config: MobileNavConfig;
 }
-export declare function MobileNavPanel({ isOpen, config }: MobileNavPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MobileNavPanel({ isOpen, config }: MobileNavPanelProps): React.JSX.Element | null;
 //# sourceMappingURL=mobile-nav-panel.d.ts.map

package/dist/components/navigation/mobile-nav-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-nav-panel.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/mobile-nav-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAkB,MAAM,wBAAwB,CAAA;AAIxE,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,eAAe,CAAA;CACxB;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,mBAAmB,kDAmJrE"}
+{"version":3,"file":"mobile-nav-panel.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/mobile-nav-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAkB,MAAM,wBAAwB,CAAA;AAIxE,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,eAAe,CAAA;CACxB;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,mBAAmB,4BAmJrE"}

package/dist/components/navigation/navigation-sidebar-header.d.ts

@@ -1,5 +1,5 @@
 export interface NavigationSidebarHeaderProps {
     minimized: boolean;
 }
-export declare function NavigationSidebarHeader({ minimized }: NavigationSidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavigationSidebarHeader({ minimized }: NavigationSidebarHeaderProps): import("react").JSX.Element;
 //# sourceMappingURL=navigation-sidebar-header.d.ts.map

package/dist/components/navigation/navigation-sidebar-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-sidebar-header.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar-header.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE,4BAA4B,2CAsBlF"}
+{"version":3,"file":"navigation-sidebar-header.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar-header.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE,4BAA4B,+BAsBlF"}

package/dist/components/navigation/navigation-sidebar-item.d.ts

@@ -5,5 +5,5 @@ export interface NavigationSidebarItemButtonProps {
     disabled: boolean;
     onClick: (item: NavigationSidebarItem, event?: React.MouseEvent) => void;
 }
-export declare function NavigationSidebarItemButton({ item, showLabel, disabled, onClick, }: NavigationSidebarItemButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavigationSidebarItemButton({ item, showLabel, disabled, onClick, }: NavigationSidebarItemButtonProps): import("react").JSX.Element;
 //# sourceMappingURL=navigation-sidebar-item.d.ts.map

package/dist/components/navigation/navigation-sidebar-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-sidebar-item.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAQ9D,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,qBAAqB,CAAA;IAC3B,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CACzE;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,GACR,EAAE,gCAAgC,2CAwDlC"}
+{"version":3,"file":"navigation-sidebar-item.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAQ9D,MAAM,WAAW,gCAAgC;IAC/C,IAAI,EAAE,qBAAqB,CAAA;IAC3B,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CACzE;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,GACR,EAAE,gCAAgC,+BAwDlC"}

package/dist/components/navigation/navigation-sidebar-toggle.d.ts

@@ -3,5 +3,5 @@ export interface NavigationSidebarToggleProps {
     showLabel: boolean;
     onToggle: () => void;
 }
-export declare function NavigationSidebarToggle({ minimized, showLabel, onToggle, }: NavigationSidebarToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavigationSidebarToggle({ minimized, showLabel, onToggle, }: NavigationSidebarToggleProps): import("react").JSX.Element;
 //# sourceMappingURL=navigation-sidebar-toggle.d.ts.map

package/dist/components/navigation/navigation-sidebar-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-sidebar-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar-toggle.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,SAAS,EACT,QAAQ,GACT,EAAE,4BAA4B,2CAqC9B"}
+{"version":3,"file":"navigation-sidebar-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar-toggle.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,SAAS,EACT,QAAQ,GACT,EAAE,4BAA4B,+BAqC9B"}

package/dist/components/navigation/navigation-sidebar.d.ts

@@ -7,5 +7,5 @@ export interface NavigationSidebarProps {
      */
     disabled?: boolean;
 }
-export declare function NavigationSidebar({ config, disabled }: NavigationSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavigationSidebar({ config, disabled }: NavigationSidebarProps): import("react").JSX.Element;
 //# sourceMappingURL=navigation-sidebar.d.ts.map

package/dist/components/navigation/navigation-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,uBAAuB,EAAyB,MAAM,wBAAwB,CAAA;AAUvF,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,uBAAuB,CAAA;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAgB,EAAE,EAAE,sBAAsB,2CAmKrF"}
+{"version":3,"file":"navigation-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/navigation-sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,uBAAuB,EAAyB,MAAM,wBAAwB,CAAA;AAUvF,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,uBAAuB,CAAA;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAgB,EAAE,EAAE,sBAAsB,+BAmKrF"}

package/dist/components/navigation/sliding-sidebar.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { SlidingSidebarConfig } from '../../types/navigation';
 export interface SlidingSidebarProps {
     config: SlidingSidebarConfig;
 }
-export declare function SlidingSidebar({ config }: SlidingSidebarProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SlidingSidebar({ config }: SlidingSidebarProps): React.JSX.Element | null;
 //# sourceMappingURL=sliding-sidebar.d.ts.map

package/dist/components/navigation/sliding-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sliding-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/sliding-sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAkB,MAAM,wBAAwB,CAAA;AAG7E,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,oBAAoB,CAAA;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE,mBAAmB,kDAuR7D"}
+{"version":3,"file":"sliding-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/sliding-sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,EAAE,oBAAoB,EAAkB,MAAM,wBAAwB,CAAA;AAG7E,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,oBAAoB,CAAA;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE,mBAAmB,4BAuR7D"}

package/dist/components/navigation/sticky-section-nav.d.ts

@@ -15,7 +15,7 @@ interface StickySectionNavProps {
  * Reusable sticky navigation component for section-based navigation
  * Used in vendor detail pages, knowledge base, documentation, etc.
  */
-export declare function StickySectionNav({ sections, activeSection, onSectionClick, className, ribbonPosition, ribbonColor }: StickySectionNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function StickySectionNav({ sections, activeSection, onSectionClick, className, ribbonPosition, ribbonColor }: StickySectionNavProps): React.JSX.Element;
 /**
  * SIMPLEST POSSIBLE IMPLEMENTATION - Just make it work
  */

package/dist/components/navigation/sticky-section-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky-section-nav.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/sticky-section-nav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAIvE,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,gBAAgB,EAAE,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,aAAa,EACb,cAAc,EACd,SAAS,EACT,cAAuB,EACvB,WAAuB,EACxB,EAAE,qBAAqB,2CAsDvB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;CAAE,EAAE,EAC7D,OAAO,CAAC,EAAE;IACR,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;;oCAUkD,MAAM;EAkE1D"}
+{"version":3,"file":"sticky-section-nav.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/sticky-section-nav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAIvE,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,gBAAgB,EAAE,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,aAAa,EACb,cAAc,EACd,SAAS,EACT,cAAuB,EACvB,WAAuB,EACxB,EAAE,qBAAqB,qBAsDvB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;CAAE,EAAE,EAC7D,OAAO,CAAC,EAAE;IACR,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;;oCAUkD,MAAM;EAkE1D"}

package/dist/components/onboarding-guides/index.cjs

@@ -2,10 +2,12 @@
 
 
 
-var _chunkMVQ3OODKcjs = require('../../chunk-MVQ3OODK.cjs');
 
 
-var _chunkTYIBMDUZcjs = require('../../chunk-TYIBMDUZ.cjs');
+var _chunkELKZAVPCcjs = require('../../chunk-ELKZAVPC.cjs');
+
+
+var _chunkMYRM67GTcjs = require('../../chunk-MYRM67GT.cjs');
 require('../../chunk-OB45JHDY.cjs');
 
 
@@ -18,26 +20,28 @@ require('../../chunk-OB45JHDY.cjs');
 
 
 
-var _chunkYWDC5BXMcjs = require('../../chunk-YWDC5BXM.cjs');
+
+
+var _chunkVQZ4QYEUcjs = require('../../chunk-VQZ4QYEU.cjs');
 require('../../chunk-XL4V2PYG.cjs');
 require('../../chunk-BZFW3FOF.cjs');
-require('../../chunk-XDPSSE4O.cjs');
+require('../../chunk-SZ65OVWX.cjs');
 
 
 var _chunkWBR7H6E3cjs = require('../../chunk-WBR7H6E3.cjs');
-require('../../chunk-5V6MSE3B.cjs');
+require('../../chunk-SL3RGBPX.cjs');
 
 
 
 var _chunkG7UE6RKVcjs = require('../../chunk-G7UE6RKV.cjs');
-require('../../chunk-JJR27M56.cjs');
-require('../../chunk-664KA5FI.cjs');
+require('../../chunk-MWW7LKDN.cjs');
+require('../../chunk-2TBN53KY.cjs');
 require('../../chunk-65CPJ4SX.cjs');
 require('../../chunk-WZW7C7TF.cjs');
 require('../../chunk-XQFFGR6U.cjs');
 
 
-var _chunkHOHDXYPRcjs = require('../../chunk-HOHDXYPR.cjs');
+var _chunkMEAR2WHScjs = require('../../chunk-MEAR2WHS.cjs');
 require('../../chunk-27APPAJN.cjs');
 require('../../chunk-OZ3GH6OQ.cjs');
 require('../../chunk-VRHGVLSL.cjs');
@@ -46,55 +50,87 @@ require('../../chunk-VRHGVLSL.cjs');
 var _react = require('react');
 var _lucidereact = require('lucide-react');
 
-// src/components/onboarding-guides/build-default-href.ts
-function buildDefaultHref(basePath, slug) {
-  return { href: `${basePath}/${slug}`, targetPlatform: null };
+// src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function OnboardingGuidesCatalogSkeleton() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkMYRM67GTcjs.DevSectionPage,
+    {
+      sectionKey: "onboarding",
+      preControls: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 animate-pulse", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-full bg-ods-card border border-ods-border rounded-md" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-14 bg-ods-border/60 rounded" }),
+          [0, 1, 2, 3].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: "h-10 w-24 bg-ods-card border border-ods-border rounded-md"
+            },
+            i
+          ))
+        ] })
+      ] }),
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-10 animate-pulse", children: [4, 3, 3].map((cardCount, sectionIdx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: "space-y-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary flex items-center gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-6 w-40 bg-ods-border/70 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-5 w-8 bg-ods-text-secondary/20 rounded-full" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-col gap-4", children: Array.from({ length: cardCount }).map((_, cardIdx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVQZ4QYEUcjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
+      ] }, sectionIdx)) })
+    }
+  );
 }
 
 // src/components/onboarding-guides/onboarding-guides-catalog-view.tsx
-var _jsxruntime = require('react/jsx-runtime');
+
 function OnboardingGuidesCatalogView({
   initialGuides,
   initialSections,
   initialSection = "",
+  guidesEndpoint,
+  sectionsEndpoint,
   renderCard,
   basePath = "/onboarding-guides"
 }) {
   const router = _chunkG7UE6RKVcjs.useRouter.call(void 0, );
   const searchParams = _chunkG7UE6RKVcjs.useSearchParams.call(void 0, );
   const [isPending, startTransition] = _react.useTransition.call(void 0, );
-  const runtime = _chunkHOHDXYPRcjs.useChatRuntime.call(void 0, );
-  const activeSection = initialSection || "all";
+  const runtime = _chunkMEAR2WHScjs.useChatRuntime.call(void 0, );
+  const selfFetch = 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 = _chunkELKZAVPCcjs.useSelfFetch.call(void 0, 
+    selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null
+  );
+  const sectionsRes = _chunkELKZAVPCcjs.useSelfFetch.call(void 0, 
+    selfFetch && sectionsEndpoint ? sectionsEndpoint : null
+  );
+  const guides = _nullishCoalesce(_nullishCoalesce(initialGuides, () => ( _optionalChain([guidesRes, 'access', _2 => _2.data, 'optionalAccess', _3 => _3.data]))), () => ( []));
+  const sections = _nullishCoalesce(initialSections, () => ( (Array.isArray(sectionsRes.data) ? sectionsRes.data : [])));
+  const isLoading = selfFetch ? guidesRes.isLoading : false;
   const grouped = _react.useMemo.call(void 0, () => {
     const map = /* @__PURE__ */ new Map();
-    for (const g of initialGuides) {
+    for (const g of guides) {
       const existing = map.get(g.section);
       if (existing) {
-        if (g.section_order < existing.section_order)
-          existing.section_order = g.section_order;
+        if (g.section_order < existing.section_order) existing.section_order = g.section_order;
         existing.guides.push(g);
       } else {
         map.set(g.section, { section_order: g.section_order, guides: [g] });
       }
     }
     for (const entry of map.values()) {
-      entry.guides.sort(
-        (a, b) => a.step_order - b.step_order || a.title.localeCompare(b.title)
-      );
+      entry.guides.sort((a, b) => a.step_order - b.step_order || a.title.localeCompare(b.title));
     }
-    return Array.from(map.entries()).map(([section, info]) => ({ section, ...info })).sort(
-      (a, b) => a.section_order - b.section_order || a.section.localeCompare(b.section)
-    );
-  }, [initialGuides]);
+    return Array.from(map.entries()).map(([section, info]) => ({ section, ...info })).sort((a, b) => a.section_order - b.section_order || a.section.localeCompare(b.section));
+  }, [guides]);
   const sectionFilterOptions = _react.useMemo.call(void 0, 
     () => [
-      { value: "all", label: `All (${initialGuides.length})` },
-      ...initialSections.map((s) => ({
-        value: s.section,
-        label: `${s.section} (${s.count})`
-      }))
+      { value: "all", label: `All (${guides.length})` },
+      ...sections.map((s) => ({ value: s.section, label: `${s.section} (${s.count})` }))
     ],
-    [initialGuides.length, initialSections]
+    [guides.length, sections]
   );
   const setSection = (value) => {
     const params = new URLSearchParams(searchParams.toString());
@@ -108,21 +144,22 @@ function OnboardingGuidesCatalogView({
       router.push(qs ? `${basePath}?${qs}` : basePath);
     });
   };
-  const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _2 => _2.source]), () => ( "openframe"));
-  const docSearch = _chunkMVQ3OODKcjs.useDocSearch.call(void 0, {
+  const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _4 => _4.source]), () => ( "openframe"));
+  const docSearch = _chunkELKZAVPCcjs.useDocSearch.call(void 0, {
     source,
     baseRoute: basePath,
     onNavigate: (path) => router.push(path),
     tableIds: ["onboarding-guides"]
   });
   const defaultRenderCard = (guide) => {
-    const cta = _optionalChain([runtime, 'optionalAccess', _3 => _3.composeContentUrl]) ? runtime.composeContentUrl(
-      "onboarding_guide",
-      guide.slug,
-      guide.onboarding_guide_platforms
-    ) : buildDefaultHref(basePath, guide.slug);
+    const cta = _chunkVQZ4QYEUcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _5 => _5.composeContentUrl]), {
+      type: "onboarding_guide",
+      slug: guide.slug,
+      basePath,
+      platforms: guide.onboarding_guide_platforms
+    });
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYWDC5BXMcjs.OnboardingGuideCard,
+      _chunkVQZ4QYEUcjs.OnboardingGuideCard,
       {
         guide,
         href: cta.href,
@@ -134,7 +171,7 @@ function OnboardingGuidesCatalogView({
   const renderCardFn = _nullishCoalesce(renderCard, () => ( defaultRenderCard));
   const preControls = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkMVQ3OODKcjs.DocSearchBar,
+      _chunkELKZAVPCcjs.DocSearchBar,
       {
         placeholder: "Search onboarding guides, releases, case studies\u2026",
         query: docSearch.query,
@@ -145,8 +182,8 @@ function OnboardingGuidesCatalogView({
         showDropdown: docSearch.keepDropdownOpen
       }
     ),
-    initialSections.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYWDC5BXMcjs.FilterPillRow,
+    sections.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkVQZ4QYEUcjs.FilterPillRow,
       {
         label: "Section",
         selectedValue: activeSection,
@@ -155,66 +192,69 @@ function OnboardingGuidesCatalogView({
       }
     )
   ] });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTYIBMDUZcjs.DevSectionPage, { sectionKey: "onboarding", preControls, children: initialGuides.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center py-16", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.GraduationCap, { className: "h-12 w-12 text-ods-text-secondary mx-auto mb-4" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary font-['DM_Sans'] text-[20px] font-semibold mb-2", children: "No onboarding guides found" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary font-['DM_Sans'] text-[14px]", children: activeSection !== "all" ? "No guides in this section yet." : "We're working on the onboarding library. Check back soon." })
-  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: isPending ? "opacity-60 transition-opacity space-y-10" : "space-y-10",
-      children: grouped.map((sec) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: "space-y-4", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary flex items-center gap-2", children: [
-          sec.section,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex items-center justify-center rounded-full bg-ods-text-secondary/20 text-ods-text-secondary text-xs font-medium px-2 py-0.5", children: sec.guides.length })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-col gap-4", children: sec.guides.map((guide) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: renderCardFn(guide) }, guide.id)) })
-      ] }, sec.section))
-    }
-  ) });
+  if (selfFetch && guidesRes.error) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVQZ4QYEUcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
+  }
+  if (selfFetch && guidesRes.data == null && isLoading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OnboardingGuidesCatalogSkeleton, {});
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full flex flex-col gap-10", children: [
+    preControls,
+    guides.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center py-16", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.GraduationCap, { className: "h-12 w-12 text-ods-text-secondary mx-auto mb-4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary font-['DM_Sans'] text-[20px] font-semibold mb-2", children: "No onboarding guides found" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary font-['DM_Sans'] text-[14px]", children: activeSection !== "all" ? "No guides in this section yet." : "We're working on the onboarding library. Check back soon." })
+    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: isPending || isLoading ? "opacity-60 transition-opacity space-y-10" : "space-y-10", children: grouped.map((sec) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: "space-y-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary flex items-center gap-2", children: [
+        sec.section,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex items-center justify-center rounded-full bg-ods-text-secondary/20 text-ods-text-secondary text-xs font-medium px-2 py-0.5", children: sec.guides.length })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-col gap-4", children: sec.guides.map((guide) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: renderCardFn(guide) }, guide.id)) })
+    ] }, sec.section)) })
+  ] });
 }
 
 // src/components/onboarding-guides/onboarding-guide-detail-view.tsx
 
 
 function OnboardingGuideDetailView({
-  initialData: guide,
+  initialData,
+  slug,
+  guideEndpoint,
   related = [],
-  MarkdownRenderer = _chunkYWDC5BXMcjs.SimpleMarkdownRenderer,
+  MarkdownRenderer = _chunkVQZ4QYEUcjs.SimpleMarkdownRenderer,
   renderRelatedCard,
   backHref,
   backLabel = "Back to Getting Started",
   basePath = "/onboarding-guides"
 }) {
   const resolvedBackHref = _nullishCoalesce(backHref, () => ( basePath));
-  const runtime = _chunkHOHDXYPRcjs.useChatRuntime.call(void 0, );
-  const { ref: videoWarmupRef } = _chunkYWDC5BXMcjs.useVideoWarmup.call(void 0, {
-    videoUrl: guide.main_video_url,
-    supabaseStorageOrigin: _optionalChain([runtime, 'optionalAccess', _4 => _4.endpoints, 'access', _5 => _5.supabaseStorageOrigin])
+  const runtime = _chunkMEAR2WHScjs.useChatRuntime.call(void 0, );
+  const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null;
+  const { data: guide, isLoading, error, reload } = _chunkELKZAVPCcjs.useSelfFetch.call(void 0, url, { initialData });
+  const { ref: videoWarmupRef } = _chunkVQZ4QYEUcjs.useVideoWarmup.call(void 0, {
+    videoUrl: _optionalChain([guide, 'optionalAccess', _6 => _6.main_video_url]),
+    supabaseStorageOrigin: _optionalChain([runtime, 'optionalAccess', _7 => _7.endpoints, 'access', _8 => _8.supabaseStorageOrigin])
   });
-  const captionsUrl = _chunkYWDC5BXMcjs.getCaptionsUrl.call(void 0, 
-    "onboarding_guide",
-    guide.id,
-    guide.srt_content
-  );
-  const videoPoster = guide.main_video_thumbnail || guide.featured_image || guide.og_image_url || _optionalChain([runtime, 'optionalAccess', _6 => _6.resolvePlaceholderUrl, 'optionalCall', _7 => _7(guide.title, { aspect: "wide" })]) || void 0;
+  if (error || !guide && !isLoading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVQZ4QYEUcjs.LoadError, { message: "Guide not found.", onRetry: reload });
+  }
+  if (!guide) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkELKZAVPCcjs.DetailPageSkeleton, { showImageGallery: false });
+  }
+  const captionsUrl = _chunkVQZ4QYEUcjs.getCaptionsUrl.call(void 0, "onboarding_guide", guide.id, guide.srt_content);
+  const videoPoster = guide.main_video_thumbnail || guide.featured_image || guide.og_image_url || _optionalChain([runtime, 'optionalAccess', _9 => _9.resolvePlaceholderUrl, 'optionalCall', _10 => _10(guide.title, { aspect: "wide" })]) || void 0;
   const defaultRenderRelatedCard = (g) => {
-    const cta = _optionalChain([runtime, 'optionalAccess', _8 => _8.composeContentUrl]) ? runtime.composeContentUrl(
-      "onboarding_guide",
-      g.slug,
-      g.onboarding_guide_platforms
-    ) : buildDefaultHref(basePath, g.slug);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYWDC5BXMcjs.OnboardingGuideCard,
-      {
-        guide: g,
-        href: cta.href,
-        targetPlatform: cta.targetPlatform
-      }
-    );
+    const cta = _chunkVQZ4QYEUcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.composeContentUrl]), {
+      type: "onboarding_guide",
+      slug: g.slug,
+      basePath,
+      platforms: g.onboarding_guide_platforms
+    });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVQZ4QYEUcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
   };
   const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYWDC5BXMcjs.ArticleDetailLayout, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6 md:space-y-8", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVQZ4QYEUcjs.ArticleDetailLayout, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6 md:space-y-8", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       _chunkWBR7H6E3cjs.next_link_default,
       {
@@ -228,7 +268,7 @@ function OnboardingGuideDetailView({
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary", children: guide.title }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYWDC5BXMcjs.EntityAuthorCard,
+      _chunkVQZ4QYEUcjs.EntityAuthorCard,
       {
         author: guide.author,
         publishedAt: guide.published_at,
@@ -242,7 +282,7 @@ function OnboardingGuideDetailView({
       }
     ),
     (guide.main_video_url || guide.youtube_url) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: videoWarmupRef, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYWDC5BXMcjs.EntityVideoSection,
+      _chunkVQZ4QYEUcjs.EntityVideoSection,
       {
         mainVideoUrl: guide.main_video_url,
         youtubeUrl: guide.youtube_url || void 0,
@@ -259,7 +299,7 @@ function OnboardingGuideDetailView({
     ) }),
     guide.content && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: guide.content }) }),
     guide.video_bites && guide.video_bites.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYWDC5BXMcjs.VideoBitesDisplay,
+      _chunkVQZ4QYEUcjs.VideoBitesDisplay,
       {
         bites: guide.video_bites,
         filterPublished: true,
@@ -276,37 +316,6 @@ function OnboardingGuideDetailView({
   ] }) });
 }
 
-// src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx
-
-function OnboardingGuidesCatalogSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTYIBMDUZcjs.DevSectionPage,
-    {
-      sectionKey: "onboarding",
-      preControls: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 animate-pulse", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-full bg-ods-card border border-ods-border rounded-md" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-14 bg-ods-border/60 rounded" }),
-          [0, 1, 2, 3].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: "h-10 w-24 bg-ods-card border border-ods-border rounded-md"
-            },
-            i
-          ))
-        ] })
-      ] }),
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-10 animate-pulse", children: [4, 3, 3].map((cardCount, sectionIdx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: "space-y-4", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary flex items-center gap-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-6 w-40 bg-ods-border/70 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "h-5 w-8 bg-ods-text-secondary/20 rounded-full" })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-col gap-4", children: Array.from({ length: cardCount }).map((_, cardIdx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYWDC5BXMcjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
-      ] }, sectionIdx)) })
-    }
-  );
-}
-
 // src/components/onboarding-guides/hooks/use-onboarding-guides.ts
 var _reactquery = require('@tanstack/react-query');
 var onboardingGuideKeys = {
@@ -328,10 +337,10 @@ function useOnboardingGuides(filters) {
     queryKey: onboardingGuideKeys.list(filters || {}),
     queryFn: async () => {
       const params = new URLSearchParams();
-      if (_optionalChain([filters, 'optionalAccess', _9 => _9.search])) params.set("search", filters.search);
-      if (_optionalChain([filters, 'optionalAccess', _10 => _10.section])) params.set("section", filters.section);
-      if (_optionalChain([filters, 'optionalAccess', _11 => _11.limit])) params.set("limit", filters.limit.toString());
-      if (_optionalChain([filters, 'optionalAccess', _12 => _12.offset])) params.set("offset", filters.offset.toString());
+      if (_optionalChain([filters, 'optionalAccess', _12 => _12.search])) params.set("search", filters.search);
+      if (_optionalChain([filters, 'optionalAccess', _13 => _13.section])) params.set("section", filters.section);
+      if (_optionalChain([filters, 'optionalAccess', _14 => _14.limit])) params.set("limit", filters.limit.toString());
+      if (_optionalChain([filters, 'optionalAccess', _15 => _15.offset])) params.set("offset", filters.offset.toString());
       const res = await fetch(`/api/onboarding-guides?${params}`);
       if (!res.ok) throw new Error("Failed to fetch onboarding guides");
       return res.json();