@flamingo-stack/openframe-frontend-core 0.0.296 → 0.0.297-snapshot.20260621022511

package/dist/components/layout/page-header.d.ts

@@ -0,0 +1,78 @@
+import React from 'react';
+/**
+ * Page-header primitive — the canonical "back-button + title + subtitle
+ * + (optional) image / actions" chrome every lib page uses.
+ *
+ * Owns the SSOT for the page-header DOM/CSS that the rest of the lib
+ * was duplicating: pre-`mb` top padding, h1 typography (`text-h2`), h6
+ * subtitle (`text-h6`), the gap between the back button and the title
+ * block, and the right-side actions slot. Consumers either render this
+ * directly (e.g. `<DocViewer>` / `<DocsHubPage>`) or compose it through
+ * the `<TitleBlock>` adapter which adds the `PageActions` /
+ * `ActionsMenu` / selector wiring on top.
+ *
+ * Why this exists: knowledge-hub vs releases sat at different vertical
+ * rhythms (px-perfect mismatch on title baseline + subtitle offset)
+ * because the docs surface hand-rolled its own chrome instead of going
+ * through `TitleBlock`. Centralizing the layout here means every
+ * embeddable lib page (DocViewer, DevSectionPage, LegalDocumentPage,
+ * OnboardingGuideDetailView) renders pixel-identical title/subtitle/
+ * back-button typography + spacing — and a future spacing/typography
+ * tweak is one file.
+ */
+export interface PageHeaderProps {
+    /** Page title (h1). Plain string — ReactNode is intentionally not
+     *  supported here so every consumer renders the same typography. */
+    title?: string;
+    /** Optional icon rendered inline before the title text (e.g. the
+     *  rocket emoji on /releases, the docs icon on /knowledge-base).
+     *  Same `flex items-center gap-3` row as `<DevSectionView>`'s hero. */
+    titleIcon?: React.ReactNode;
+    /** Page subtitle (description paragraph). */
+    subtitle?: string;
+    /**
+     * Render a yellow accent dot (`.`) after the title. Mirrors the
+     * hub's legacy `<AdminPageHeader accentDot>` flag — now lib-wide so
+     * surfaces like `/knowledge-base` keep their existing accent styling
+     * after the migration.
+     */
+    accentDot?: boolean;
+    /** Optional thumbnail / hero image rendered to the left of the
+     *  title block. Used by entity-image-style headers (onboarding
+     *  guides, knowledge-base entries). */
+    image?: {
+        src: string;
+        alt?: string;
+    };
+    /** Back-button shown above the title block. Hidden on mobile (matches
+     *  the existing TitleBlock + DocViewer behavior). */
+    backButton?: {
+        label?: string;
+        onClick: () => void;
+    };
+    /** Right-side actions slot (action buttons / menu / tab selector).
+     *  Composed externally (e.g. `<TitleBlock>` builds `PageActions` + menu
+     *  + selector and passes the result here). */
+    actions?: React.ReactNode;
+    /**
+     * Visual variant.
+     * - `plain` (default): transparent background, no border.
+     * - `card`: card background, border, and padding on mobile only —
+     *   collapses to plain on md+ (legacy `TitleBlock` variant — kept so
+     *   surfaces that depend on the card affordance don't regress).
+     */
+    variant?: 'plain' | 'card';
+    /** When the consumer wraps `<PageHeader>` in its OWN spacing container
+     *  (e.g. `<DevSectionView>`'s `gap-10 flex-col`), the default `mb-l`
+     *  bottom margin doubles up. Pass `noBottomMargin` to opt out. */
+    noBottomMargin?: boolean;
+    /** Same as `noBottomMargin` for the default `pt-l` top padding. Set
+     *  this when PageHeader is nested INSIDE another layout that already
+     *  provides top spacing (e.g. `<DevSectionView>`'s hero, which sits
+     *  inside `<PageLayout>`'s children flow). */
+    noTopPadding?: boolean;
+    className?: string;
+}
+export declare function PageHeader({ title, titleIcon, subtitle, accentDot, image, backButton, actions, variant, noBottomMargin, noTopPadding, className, }: PageHeaderProps): React.JSX.Element;
+export default PageHeader;
+//# sourceMappingURL=page-header.d.ts.map

package/dist/components/layout/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/components/layout/page-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,eAAe;IAC9B;wEACoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;2EAEuE;IACvE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;2CAEuC;IACvC,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACrC;yDACqD;IACrD,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IACpD;;kDAE8C;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B;;sEAEkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;kDAG8C;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAmBD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,OAAO,EACP,OAAiB,EACjB,cAAsB,EACtB,YAAoB,EACpB,SAAS,GACV,EAAE,eAAe,qBA0EjB;AAED,eAAe,UAAU,CAAA"}

package/dist/components/layout/page-layout.d.ts

@@ -5,6 +5,11 @@ export interface PageLayoutProps {
     children: React.ReactNode;
     title?: string;
     subtitle?: string;
+    /** Inline icon rendered before the title text — forwarded to
+     *  TitleBlock/PageHeader. Same shape as DevSectionPage's hero icon. */
+    titleIcon?: React.ReactNode;
+    /** Yellow accent dot after the title — forwarded to TitleBlock/PageHeader. */
+    accentDot?: boolean;
     image?: {
         src: string;
         alt?: string;
@@ -29,9 +34,13 @@ export interface PageLayoutProps {
  *
  * Uses `--spacing-system-l` as the gap between sections.
  */
-export declare function PageLayout({ children, title, subtitle, image, backButton, actions, actionsVariant, menuActions, selector, headerVariant, className, contentClassName, showHeader, }: PageLayoutProps): React.JSX.Element;
+export declare function PageLayout({ children, title, subtitle, titleIcon, accentDot, image, backButton, actions, actionsVariant, menuActions, selector, headerVariant, className, contentClassName, showHeader, }: PageLayoutProps): React.JSX.Element;
 export type { PageActionButton } from '../ui/page-actions';
 export { TitleBlock } from './title-block';
 export type { TitleBlockProps } from './title-block';
+export { PageHeader } from './page-header';
+export type { PageHeaderProps } from './page-header';
+export { PageWithHeader } from './page-with-header';
+export type { PageWithHeaderProps } from './page-with-header';
 export default PageLayout;
 //# sourceMappingURL=page-layout.d.ts.map

package/dist/components/layout/page-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/page-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAG1D,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACrC,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IACpD,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,cAAc,CAAC,EAAE,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAA;IACpE,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAChC,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,2FAA2F;IAC3F,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,OAAO,EACP,cAA+B,EAC/B,WAAW,EACX,QAAQ,EACR,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,UAAiB,GAClB,EAAE,eAAe,qBA0BjB;AAED,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,eAAe,UAAU,CAAA"}
+{"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/page-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAG1D,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;2EACuE;IACvE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACrC,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IACpD,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,cAAc,CAAC,EAAE,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAA;IACpE,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAChC,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,2FAA2F;IAC3F,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EACL,UAAU,EACV,OAAO,EACP,cAA+B,EAC/B,WAAW,EACX,QAAQ,EACR,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,UAAiB,GAClB,EAAE,eAAe,qBA4BjB;AAED,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAC7D,eAAe,UAAU,CAAA"}

package/dist/components/layout/page-with-header.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import { type PageHeaderProps } from './page-header';
+/**
+ * `<PageWithHeader>` — the canonical 4-layer unified-chrome wrapper that
+ * every public lib/hub page now uses (Knowledge Hub, Roadmap, FAQs,
+ * Authors, Blog, Vendors, Case Studies, Interviews, Investor Updates,
+ * /webinars-/podcasts-/events, hub admin-but-public pages, …).
+ *
+ * Renders the same JSX tree every consumer was hand-rolling individually
+ * before this helper landed:
+ *
+ *   PageShell                         ← bg-ods-bg, min-h-screen, max-w-[1920px],
+ *                                       page-shell-px/pt/pb gutters
+ *     PageLayout backButton           ← TitleBlock → PageHeader #1 (back-btn row
+ *                                       only, pt-l + mb-l)
+ *       div.w-full.flex-col.gap-10    ← matches DevSectionView's hero container
+ *         PageHeader title/subtitle   ← PageHeader #2 (noTopPadding +
+ *           titleIcon accentDot         noBottomMargin so PageLayout's gap-l owns
+ *           noTopPadding                the spacing between #1 and #2)
+ *           noBottomMargin
+ *         children                    ← page-specific body (search, lists, forms)
+ *
+ * Why this exists: 15+ pages copy-pasted the EXACT same nesting + the
+ * EXACT same `noTopPadding + noBottomMargin + accentDot` triplet on the
+ * inner `<PageHeader>`. Forgetting one of those flags collapsed the gap
+ * to ~8px (the FAQs-vs-Onboarding-Guides bug). Centralizing the chain
+ * here makes the spacing invariant compiler-enforced — consumers can't
+ * pick the wrong combination.
+ *
+ * **Back button is config-driven by default.** Consumers don't have to
+ * thread `useRouter()` + `() => router.push('/')` themselves anymore —
+ * the helper supplies a sane default (`{ label: 'Back to home', href: '/' }`).
+ * Hosts whose `/` lives elsewhere should pass their own `href`. Pass
+ * `backButton={false}` to suppress entirely (the lib's own
+ * `<DocsHubPage>` does this on the platform-home docs landing).
+ */
+export interface PageWithHeaderProps {
+    /** Title — passed straight to inner `<PageHeader>`. */
+    title?: string;
+    /** Inline icon rendered before the title (lucide / SVG node). Wrap with
+     *  `SECTION_HERO_ICON_CLASS` at the call site, or use the lib's
+     *  `<PageHeader>`'s `titleIcon` ReactNode signature directly. */
+    titleIcon?: PageHeaderProps['titleIcon'];
+    /** Subtitle (1-2 lines, auto-clamped to 2 + min-h-[56px]). */
+    subtitle?: string;
+    /** Render yellow accent dot after the title (default true — matches every
+     *  unified surface). Pass `false` to opt out. */
+    accentDot?: boolean;
+    /** Back-button config. Defaults to `{ label: 'Back to home', href: '/' }`.
+     *  Pass `false` to hide entirely (platform-home docs landings). */
+    backButton?: {
+        label?: string;
+        href?: string;
+    } | false;
+    /** Optional image (entity-image-style — onboarding guides etc.). */
+    image?: PageHeaderProps['image'];
+    /** Optional actions slot (right side of header). */
+    actions?: React.ReactNode;
+    /** Page body — search bars, lists, forms, sections. Rendered INSIDE the
+     *  gap-10 flex column so it shares gutters + vertical rhythm with the
+     *  header. */
+    children: React.ReactNode;
+    /** Extra class applied to the gap-10 content wrapper. */
+    contentClassName?: string;
+}
+export declare function PageWithHeader({ title, titleIcon, subtitle, accentDot, backButton, image, actions, children, contentClassName, }: PageWithHeaderProps): React.JSX.Element;
+//# sourceMappingURL=page-with-header.d.ts.map

package/dist/components/layout/page-with-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-with-header.d.ts","sourceRoot":"","sources":["../../../src/components/layout/page-with-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAA;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,WAAW,mBAAmB;IAClC,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;qEAEiE;IACjE,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACxC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;qDACiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;uEACmE;IACnE,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;IACtD,oEAAoE;IACpE,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAChC,oDAAoD;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;kBAEc;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,SAAgB,EAChB,UAAU,EACV,KAAK,EACL,OAAO,EACP,QAAQ,EACR,gBAAgB,GACjB,EAAE,mBAAmB,qBA8BrB"}

package/dist/components/layout/title-block.d.ts

@@ -1,9 +1,25 @@
 import React from 'react';
 import type { ActionsMenuGroup } from '../ui/actions-menu';
 import { type PageActionButton } from '../ui/page-actions';
+/**
+ * `<TitleBlock>` — thin adapter over `<PageHeader>` that turns the
+ * `actions: PageActionButton[]` / `menuActions` / `selector` API into
+ * a `ReactNode` slot that PageHeader can render. Kept as a separate
+ * component for backwards compatibility (`PageLayout` consumes it,
+ * external callers may too) — all the DOM/CSS lives in PageHeader.
+ *
+ * If a new consumer doesn't need the `PageActions` wiring, prefer
+ * `<PageHeader>` directly.
+ */
 export interface TitleBlockProps {
     title?: string;
     subtitle?: string;
+    /** Inline icon rendered before the title text (e.g. HelpCircle on /faqs,
+     *  BookOpen on /knowledge-base, Map on /roadmap). Forwarded verbatim to
+     *  `<PageHeader>`. */
+    titleIcon?: React.ReactNode;
+    /** Yellow accent dot after the title — same flag as PageHeader. */
+    accentDot?: boolean;
     image?: {
         src: string;
         alt?: string;
@@ -25,6 +41,6 @@ export interface TitleBlockProps {
     variant?: 'plain' | 'card';
     className?: string;
 }
-export declare function TitleBlock({ title, subtitle, image, backButton, actions, actionsVariant, menuActions, selector, variant, className, }: TitleBlockProps): React.JSX.Element;
+export declare function TitleBlock({ title, subtitle, titleIcon, accentDot, image, backButton, actions, actionsVariant, menuActions, selector, variant, className, }: TitleBlockProps): React.JSX.Element;
 export default TitleBlock;
 //# sourceMappingURL=title-block.d.ts.map

package/dist/components/layout/title-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title-block.d.ts","sourceRoot":"","sources":["../../../src/components/layout/title-block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGvE,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACrC,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IACpD,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,cAAc,CAAC,EAAE,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAA;IACpE,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAChC,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,OAAO,EACP,cAA+B,EAC/B,WAAW,EACX,QAAQ,EACR,OAAiB,EACjB,SAAS,GACV,EAAE,eAAe,qBAiEjB;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"title-block.d.ts","sourceRoot":"","sources":["../../../src/components/layout/title-block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGvE;;;;;;;;;GASG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;0BAEsB;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACrC,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;IACpD,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,cAAc,CAAC,EAAE,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAA;IACpE,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAChC,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EACL,UAAU,EACV,OAAO,EACP,cAA+B,EAC/B,WAAW,EACX,QAAQ,EACR,OAAiB,EACjB,SAAS,GACV,EAAE,eAAe,qBA2BjB;AAED,eAAe,UAAU,CAAA"}

package/dist/components/navigation/index.cjs

@@ -24,33 +24,25 @@
 
 
 
-var _chunkQHIXS3W2cjs = require('../../chunk-QHIXS3W2.cjs');
 
 
 
 
-
-var _chunkKXCRGTRNcjs = require('../../chunk-KXCRGTRN.cjs');
-require('../../chunk-5E2HOSSH.cjs');
-require('../../chunk-LFGGF7OT.cjs');
+var _chunkS6DXA35Scjs = require('../../chunk-S6DXA35S.cjs');
+require('../../chunk-WMSTJAZT.cjs');
+require('../../chunk-L6PSSIUQ.cjs');
 require('../../chunk-27APPAJN.cjs');
-require('../../chunk-6JINAOI7.cjs');
-require('../../chunk-PXXS27EE.cjs');
-require('../../chunk-BOCFIKYS.cjs');
-require('../../chunk-J54Z3OCR.cjs');
-require('../../chunk-TFSYSWPS.cjs');
-require('../../chunk-YETA25JW.cjs');
-require('../../chunk-AQOWFSMB.cjs');
+require('../../chunk-BZFW3FOF.cjs');
 require('../../chunk-G7UE6RKV.cjs');
 require('../../chunk-XL4V2PYG.cjs');
-require('../../chunk-BZFW3FOF.cjs');
-require('../../chunk-IE6OU3WQ.cjs');
+require('../../chunk-FQOTC3UU.cjs');
 require('../../chunk-WBR7H6E3.cjs');
 require('../../chunk-LGLPNWS6.cjs');
 require('../../chunk-FIG2RKZF.cjs');
 require('../../chunk-ZS2SBWBR.cjs');
 require('../../chunk-WZW7C7TF.cjs');
 require('../../chunk-XQFFGR6U.cjs');
+require('../../chunk-PXXS27EE.cjs');
 require('../../chunk-VRHGVLSL.cjs');
 
 
@@ -80,5 +72,5 @@ require('../../chunk-VRHGVLSL.cjs');
 
 
 
-exports.AppHeader = _chunkQHIXS3W2cjs.AppHeader; exports.AppLayout = _chunkQHIXS3W2cjs.AppLayout; exports.AppLayoutDrawer = _chunkQHIXS3W2cjs.AppLayoutDrawerRoot; exports.AppLayoutDrawerBody = _chunkQHIXS3W2cjs.AppLayoutDrawerBody; exports.AppLayoutDrawerClose = _chunkQHIXS3W2cjs.AppLayoutDrawerClose; exports.AppLayoutDrawerContent = _chunkQHIXS3W2cjs.AppLayoutDrawerContent; exports.AppLayoutDrawerDescription = _chunkQHIXS3W2cjs.AppLayoutDrawerDescription; exports.AppLayoutDrawerFooter = _chunkQHIXS3W2cjs.AppLayoutDrawerFooter; exports.AppLayoutDrawerHeader = _chunkQHIXS3W2cjs.AppLayoutDrawerHeader; exports.AppLayoutDrawerTitle = _chunkQHIXS3W2cjs.AppLayoutDrawerTitle; exports.AppLayoutDrawerTrigger = _chunkQHIXS3W2cjs.AppLayoutDrawerTrigger; exports.ClientOnlyHeader = _chunkQHIXS3W2cjs.ClientOnlyHeader; exports.Header = _chunkQHIXS3W2cjs.Header; exports.HeaderButton = _chunkQHIXS3W2cjs.HeaderButton; exports.HeaderGlobalSearch = _chunkQHIXS3W2cjs.HeaderGlobalSearch; exports.HeaderMingoButton = _chunkQHIXS3W2cjs.HeaderMingoButton; exports.HeaderOrganizationFilter = _chunkQHIXS3W2cjs.HeaderOrganizationFilter; exports.HeaderSkeleton = _chunkQHIXS3W2cjs.HeaderSkeleton; exports.MobileBurgerMenu = _chunkQHIXS3W2cjs.MobileBurgerMenu; exports.MobileNavPanel = _chunkQHIXS3W2cjs.MobileNavPanel; exports.MobileNavigationDropdown = _chunkKXCRGTRNcjs.MobileNavigationDropdown; exports.MultiLevelNavigation = _chunkKXCRGTRNcjs.MultiLevelNavigation; exports.NavigationSidebar = _chunkQHIXS3W2cjs.NavigationSidebar; exports.SlidingSidebar = _chunkQHIXS3W2cjs.SlidingSidebar; exports.StickySectionNav = _chunkKXCRGTRNcjs.StickySectionNav; exports.useAppLayoutDrawerContainer = _chunkQHIXS3W2cjs.useAppLayoutDrawerContainer; exports.useSectionNavigation = _chunkKXCRGTRNcjs.useSectionNavigation;
+exports.AppHeader = _chunkS6DXA35Scjs.AppHeader; exports.AppLayout = _chunkS6DXA35Scjs.AppLayout; exports.AppLayoutDrawer = _chunkS6DXA35Scjs.AppLayoutDrawerRoot; exports.AppLayoutDrawerBody = _chunkS6DXA35Scjs.AppLayoutDrawerBody; exports.AppLayoutDrawerClose = _chunkS6DXA35Scjs.AppLayoutDrawerClose; exports.AppLayoutDrawerContent = _chunkS6DXA35Scjs.AppLayoutDrawerContent; exports.AppLayoutDrawerDescription = _chunkS6DXA35Scjs.AppLayoutDrawerDescription; exports.AppLayoutDrawerFooter = _chunkS6DXA35Scjs.AppLayoutDrawerFooter; exports.AppLayoutDrawerHeader = _chunkS6DXA35Scjs.AppLayoutDrawerHeader; exports.AppLayoutDrawerTitle = _chunkS6DXA35Scjs.AppLayoutDrawerTitle; exports.AppLayoutDrawerTrigger = _chunkS6DXA35Scjs.AppLayoutDrawerTrigger; exports.ClientOnlyHeader = _chunkS6DXA35Scjs.ClientOnlyHeader; exports.Header = _chunkS6DXA35Scjs.Header; exports.HeaderButton = _chunkS6DXA35Scjs.HeaderButton; exports.HeaderGlobalSearch = _chunkS6DXA35Scjs.HeaderGlobalSearch; exports.HeaderMingoButton = _chunkS6DXA35Scjs.HeaderMingoButton; exports.HeaderOrganizationFilter = _chunkS6DXA35Scjs.HeaderOrganizationFilter; exports.HeaderSkeleton = _chunkS6DXA35Scjs.HeaderSkeleton; exports.MobileBurgerMenu = _chunkS6DXA35Scjs.MobileBurgerMenu; exports.MobileNavPanel = _chunkS6DXA35Scjs.MobileNavPanel; exports.MobileNavigationDropdown = _chunkS6DXA35Scjs.MobileNavigationDropdown; exports.MultiLevelNavigation = _chunkS6DXA35Scjs.MultiLevelNavigation; exports.NavigationSidebar = _chunkS6DXA35Scjs.NavigationSidebar; exports.SlidingSidebar = _chunkS6DXA35Scjs.SlidingSidebar; exports.StickySectionNav = _chunkS6DXA35Scjs.StickySectionNav; exports.useAppLayoutDrawerContainer = _chunkS6DXA35Scjs.useAppLayoutDrawerContainer; exports.useSectionNavigation = _chunkS6DXA35Scjs.useSectionNavigation;
 //# sourceMappingURL=index.cjs.map

package/dist/components/navigation/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/components/navigation/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY;AACZ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,4DAAiC;AACjC;AACE;AACA;AACA;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,swDAAC","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/components/navigation/index.cjs"}
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/components/navigation/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY;AACZ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,swDAAC","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/components/navigation/index.cjs"}

package/dist/components/navigation/index.js

@@ -21,36 +21,28 @@ import {
   HeaderSkeleton,
   MobileBurgerMenu,
   MobileNavPanel,
-  NavigationSidebar,
-  SlidingSidebar,
-  useAppLayoutDrawerContainer
-} from "../../chunk-K2PFPBMF.js";
-import {
   MobileNavigationDropdown,
   MultiLevelNavigation,
+  NavigationSidebar,
+  SlidingSidebar,
   StickySectionNav,
+  useAppLayoutDrawerContainer,
   useSectionNavigation
-} from "../../chunk-26PKDALD.js";
-import "../../chunk-7RIYT7ZH.js";
-import "../../chunk-OQ6X7ZOC.js";
+} from "../../chunk-UFVKCF2C.js";
+import "../../chunk-2QG57XOJ.js";
+import "../../chunk-IZ7JSBFP.js";
 import "../../chunk-MJNXIEV2.js";
-import "../../chunk-M2OCXTNT.js";
-import "../../chunk-PHWQLKVE.js";
-import "../../chunk-D652TJBQ.js";
-import "../../chunk-FQJK446R.js";
-import "../../chunk-3MCHAFHB.js";
-import "../../chunk-POKKCWKF.js";
-import "../../chunk-LCNMR277.js";
+import "../../chunk-EL5YVPD5.js";
 import "../../chunk-PLJLE4A4.js";
 import "../../chunk-LXC6P2EO.js";
-import "../../chunk-EL5YVPD5.js";
-import "../../chunk-EL6QLAWX.js";
+import "../../chunk-JALO4TAZ.js";
 import "../../chunk-OHPI2HRK.js";
 import "../../chunk-V4IIBNTA.js";
 import "../../chunk-XTCBRQN2.js";
 import "../../chunk-J7AV6H63.js";
 import "../../chunk-6U3IUD57.js";
 import "../../chunk-W72U7OU7.js";
+import "../../chunk-PHWQLKVE.js";
 import "../../chunk-GGWZFCYS.js";
 export {
   AppHeader,

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

@@ -2,14 +2,14 @@
 
 
 
-var _chunkGLLDTKZKcjs = require('../../chunk-GLLDTKZK.cjs');
+var _chunkJUBR24HCcjs = require('../../chunk-JUBR24HC.cjs');
 
 
 
-var _chunkYIGPRLQYcjs = require('../../chunk-YIGPRLQY.cjs');
+var _chunkMVTHRLDIcjs = require('../../chunk-MVTHRLDI.cjs');
 
 
-var _chunkD3LEFMOAcjs = require('../../chunk-D3LEFMOA.cjs');
+var _chunk54KNMC2Rcjs = require('../../chunk-54KNMC2R.cjs');
 require('../../chunk-VFKQMAUF.cjs');
 
 
@@ -25,28 +25,27 @@ require('../../chunk-VFKQMAUF.cjs');
 
 
 
-var _chunkBOCFIKYScjs = require('../../chunk-BOCFIKYS.cjs');
 
+var _chunkS6DXA35Scjs = require('../../chunk-S6DXA35S.cjs');
+require('../../chunk-WMSTJAZT.cjs');
 
-var _chunkJ54Z3OCRcjs = require('../../chunk-J54Z3OCR.cjs');
-require('../../chunk-TFSYSWPS.cjs');
-require('../../chunk-YETA25JW.cjs');
 
-
-var _chunkAQOWFSMBcjs = require('../../chunk-AQOWFSMB.cjs');
+var _chunkL6PSSIUQcjs = require('../../chunk-L6PSSIUQ.cjs');
+require('../../chunk-27APPAJN.cjs');
+require('../../chunk-BZFW3FOF.cjs');
 
 
 
 var _chunkG7UE6RKVcjs = require('../../chunk-G7UE6RKV.cjs');
 require('../../chunk-XL4V2PYG.cjs');
-require('../../chunk-BZFW3FOF.cjs');
-require('../../chunk-IE6OU3WQ.cjs');
+require('../../chunk-FQOTC3UU.cjs');
 require('../../chunk-WBR7H6E3.cjs');
 require('../../chunk-LGLPNWS6.cjs');
 require('../../chunk-FIG2RKZF.cjs');
 require('../../chunk-ZS2SBWBR.cjs');
 require('../../chunk-WZW7C7TF.cjs');
 require('../../chunk-XQFFGR6U.cjs');
+require('../../chunk-PXXS27EE.cjs');
 require('../../chunk-VRHGVLSL.cjs');
 
 // src/components/onboarding-guides/onboarding-guides-catalog-view.tsx
@@ -75,7 +74,7 @@ function OnboardingGuidesCatalogSkeleton() {
         /* @__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, _chunkBOCFIKYScjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
+      /* @__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, _chunkS6DXA35Scjs.OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
     ] }, sectionIdx)) })
   ] });
 }
@@ -94,15 +93,15 @@ function OnboardingGuidesCatalogView({
   const router = _chunkG7UE6RKVcjs.useRouter.call(void 0, );
   const searchParams = _chunkG7UE6RKVcjs.useSearchParams.call(void 0, );
   const [isPending, startTransition] = _react.useTransition.call(void 0, );
-  const runtime = _chunkAQOWFSMBcjs.useChatRuntime.call(void 0, );
+  const runtime = _chunkL6PSSIUQcjs.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 = _chunkD3LEFMOAcjs.useSelfFetch.call(void 0, 
+  const guidesRes = _chunk54KNMC2Rcjs.useSelfFetch.call(void 0, 
     selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null
   );
-  const sectionsRes = _chunkD3LEFMOAcjs.useSelfFetch.call(void 0, 
+  const sectionsRes = _chunk54KNMC2Rcjs.useSelfFetch.call(void 0, 
     selfFetch && sectionsEndpoint ? sectionsEndpoint : null
   );
   const guides = _nullishCoalesce(_nullishCoalesce(initialGuides, () => ( _optionalChain([guidesRes, 'access', _2 => _2.data, 'optionalAccess', _3 => _3.data]))), () => ( []));
@@ -144,21 +143,21 @@ function OnboardingGuidesCatalogView({
     });
   };
   const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _4 => _4.source]), () => ( "openframe"));
-  const docSearch = _chunkYIGPRLQYcjs.useDocSearch.call(void 0, {
+  const docSearch = _chunkMVTHRLDIcjs.useDocSearch.call(void 0, {
     source,
     baseRoute: basePath,
     onNavigate: (path) => router.push(path),
     tableIds: ["onboarding-guides"]
   });
   const defaultRenderCard = (guide) => {
-    const cta = _chunkJ54Z3OCRcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _5 => _5.composeContentUrl]), {
+    const cta = _chunkS6DXA35Scjs.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, 
-      _chunkBOCFIKYScjs.OnboardingGuideCard,
+      _chunkS6DXA35Scjs.OnboardingGuideCard,
       {
         guide,
         href: cta.href,
@@ -170,7 +169,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, 
-      _chunkYIGPRLQYcjs.DocSearchBar,
+      _chunkMVTHRLDIcjs.DocSearchBar,
       {
         placeholder: "Search onboarding guides, releases, case studies\u2026",
         query: docSearch.query,
@@ -182,7 +181,7 @@ function OnboardingGuidesCatalogView({
       }
     ),
     sections.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBOCFIKYScjs.FilterPillRow,
+      _chunkS6DXA35Scjs.FilterPillRow,
       {
         label: "Section",
         selectedValue: activeSection,
@@ -192,7 +191,7 @@ function OnboardingGuidesCatalogView({
     )
   ] });
   if (selfFetch && guidesRes.error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBOCFIKYScjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS6DXA35Scjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
   }
   if (selfFetch && guidesRes.data == null && isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OnboardingGuidesCatalogSkeleton, {});
@@ -223,44 +222,44 @@ function OnboardingGuideDetailView({
   slug,
   guideEndpoint,
   related = [],
-  MarkdownRenderer = _chunkBOCFIKYScjs.SimpleMarkdownRenderer,
+  MarkdownRenderer = _chunkS6DXA35Scjs.RichMarkdownRenderer,
   renderRelatedCard,
   backHref,
   backLabel = "Back to Getting Started",
   basePath = "/onboarding-guides"
 }) {
   const resolvedBackHref = _nullishCoalesce(backHref, () => ( basePath));
-  const runtime = _chunkAQOWFSMBcjs.useChatRuntime.call(void 0, );
+  const runtime = _chunkL6PSSIUQcjs.useChatRuntime.call(void 0, );
   const router = _chunkG7UE6RKVcjs.useRouter.call(void 0, );
   const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null;
-  const { data: guide, isLoading, error, reload } = _chunkD3LEFMOAcjs.useSelfFetch.call(void 0, url, { initialData });
-  const { ref: videoWarmupRef } = _chunkBOCFIKYScjs.useVideoWarmup.call(void 0, {
+  const { data: guide, isLoading, error, reload } = _chunk54KNMC2Rcjs.useSelfFetch.call(void 0, url, { initialData });
+  const { ref: videoWarmupRef } = _chunkS6DXA35Scjs.useVideoWarmup.call(void 0, {
     videoUrl: _optionalChain([guide, 'optionalAccess', _6 => _6.main_video_url]),
     supabaseStorageOrigin: _optionalChain([runtime, 'optionalAccess', _7 => _7.endpoints, 'access', _8 => _8.supabaseStorageOrigin])
   });
   if (error || !guide && !isLoading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBOCFIKYScjs.PageShell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBOCFIKYScjs.LoadError, { message: "Guide not found.", onRetry: reload }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS6DXA35Scjs.PageShell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS6DXA35Scjs.LoadError, { message: "Guide not found.", onRetry: reload }) });
   }
   if (!guide) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBOCFIKYScjs.PageShell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGLLDTKZKcjs.DetailPageSkeleton, { bare: true, showImageGallery: false }) }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS6DXA35Scjs.PageShell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJUBR24HCcjs.DetailPageSkeleton, { bare: true, showImageGallery: false }) }) });
   }
-  const captionsUrl = _chunkBOCFIKYScjs.getCaptionsUrl.call(void 0, "onboarding_guide", guide.id, guide.srt_content);
+  const captionsUrl = _chunkS6DXA35Scjs.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 = _chunkJ54Z3OCRcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.composeContentUrl]), {
+    const cta = _chunkS6DXA35Scjs.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, _chunkBOCFIKYScjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS6DXA35Scjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
   };
   const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBOCFIKYScjs.PageShell, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBOCFIKYScjs.PageLayout, { backButton: { label: backLabel, onClick: () => router.push(resolvedBackHref) }, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS6DXA35Scjs.PageShell, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkS6DXA35Scjs.PageLayout, { backButton: { label: backLabel, onClick: () => router.push(resolvedBackHref) }, children: [
     /* @__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, _chunkBOCFIKYScjs.EntityTagBadges, { tags: guide.onboarding_guide_tags }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS6DXA35Scjs.EntityTagBadges, { tags: guide.onboarding_guide_tags }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBOCFIKYScjs.EntityAuthorCard,
+      _chunkS6DXA35Scjs.EntityAuthorCard,
       {
         author: guide.author,
         authorHref,
@@ -275,7 +274,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, 
-      _chunkBOCFIKYScjs.EntityVideoSection,
+      _chunkS6DXA35Scjs.EntityVideoSection,
       {
         mainVideoUrl: guide.main_video_url,
         youtubeUrl: guide.youtube_url || void 0,
@@ -292,7 +291,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, 
-      _chunkBOCFIKYScjs.VideoBitesDisplay,
+      _chunkS6DXA35Scjs.VideoBitesDisplay,
       {
         bites: guide.video_bites,
         filterPublished: true,
@@ -300,7 +299,7 @@ function OnboardingGuideDetailView({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGLLDTKZKcjs.ArticleAuthorByline,
+      _chunkJUBR24HCcjs.ArticleAuthorByline,
       {
         author: _nullishCoalesce(_optionalChain([guide, 'access', _12 => _12.author, 'optionalAccess', _13 => _13.full_name]), () => ( null)),
         avatar: _optionalChain([guide, 'access', _14 => _14.author, 'optionalAccess', _15 => _15.avatar_url]),