@flamingo-stack/openframe-frontend-core 0.0.315 → 0.0.316

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

@@ -1,381 +1,32 @@
 "use client";
 import {
-  ArticleAuthorByline,
-  DetailPageSkeleton
-} from "../../chunk-VFIWQGJZ.js";
-import {
-  DocSearchBar,
-  useDocSearch
-} from "../../chunk-47JZOP7Y.js";
-import {
-  useSelfFetch
-} from "../../chunk-TRSDXD23.js";
+  OnboardingGuideDetailView,
+  OnboardingGuidesCatalogSkeleton,
+  OnboardingGuidesCatalogView,
+  onboardingGuideKeys,
+  useOnboardingGuide,
+  useOnboardingGuideSections,
+  useOnboardingGuides
+} from "../../chunk-PIJ4JLJU.js";
+import "../../chunk-Z3YORGG4.js";
+import "../../chunk-6KERXOFE.js";
+import "../../chunk-JAZM3A7E.js";
 import "../../chunk-4XLJWX2N.js";
-import {
-  EntityAuthorCard,
-  EntityTagBadges,
-  EntityVideoSection,
-  FilterPillRow,
-  LoadError,
-  OnboardingGuideCard,
-  OnboardingGuideCardSkeleton,
-  PageLayout,
-  PageShell,
-  RichMarkdownRenderer,
-  VideoBitesDisplay,
-  getCaptionsUrl,
-  resolveContentHref,
-  useVideoWarmup
-} from "../../chunk-7U4YFQX2.js";
-import {
-  buildOgPlaceholderUrl
-} from "../../chunk-E4CQ4RUG.js";
-import {
-  useChatRuntime
-} from "../../chunk-2FI3USTC.js";
+import "../../chunk-2Y4DLBFO.js";
+import "../../chunk-Q4AMYLKX.js";
+import "../../chunk-J7AV6H63.js";
+import "../../chunk-2FI3USTC.js";
 import "../../chunk-EL5YVPD5.js";
-import {
-  useRouter,
-  useSearchParams
-} from "../../chunk-PLJLE4A4.js";
+import "../../chunk-PLJLE4A4.js";
 import "../../chunk-LXC6P2EO.js";
-import "../../chunk-JALO4TAZ.js";
-import "../../chunk-OHPI2HRK.js";
-import "../../chunk-V4IIBNTA.js";
-import "../../chunk-XTCBRQN2.js";
-import "../../chunk-J7AV6H63.js";
+import "../../chunk-AI5X5JTD.js";
 import "../../chunk-6U3IUD57.js";
+import "../../chunk-OHPI2HRK.js";
+import "../../chunk-LQHMXPOJ.js";
 import "../../chunk-W72U7OU7.js";
+import "../../chunk-XTCBRQN2.js";
 import "../../chunk-PHWQLKVE.js";
 import "../../chunk-GGWZFCYS.js";
-
-// src/components/onboarding-guides/onboarding-guides-catalog-view.tsx
-import { useMemo, useTransition } from "react";
-import { GraduationCap } from "lucide-react";
-
-// src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function OnboardingGuidesCatalogSkeleton() {
-  return /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col gap-10 animate-pulse", children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-12 w-full bg-ods-card border border-ods-border rounded-md" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-14 bg-ods-border/60 rounded" }),
-        [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "h-10 w-24 bg-ods-card border border-ods-border rounded-md"
-          },
-          i
-        ))
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-10", children: [4, 3, 3].map((cardCount, sectionIdx) => /* @__PURE__ */ jsxs("section", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs("h2", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "h-6 w-40 bg-ods-border/70 rounded" }),
-        /* @__PURE__ */ jsx("span", { className: "h-5 w-8 bg-ods-text-secondary/20 rounded-full" })
-      ] }),
-      /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-4", children: Array.from({ length: cardCount }).map((_, cardIdx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
-    ] }, sectionIdx)) })
-  ] });
-}
-
-// src/components/onboarding-guides/onboarding-guides-catalog-view.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function OnboardingGuidesCatalogView({
-  initialGuides,
-  initialSections,
-  initialSection = "",
-  guidesEndpoint,
-  sectionsEndpoint,
-  renderCard,
-  basePath = "/onboarding-guides"
-}) {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const [isPending, startTransition] = useTransition();
-  const runtime = useChatRuntime();
-  const selfFetch = initialGuides === void 0 && guidesEndpoint !== void 0;
-  const sectionValue = selfFetch ? searchParams.get("section") ?? "" : initialSection;
-  const activeSection = sectionValue || "all";
-  const guidesQs = sectionValue ? `?section=${encodeURIComponent(sectionValue)}` : "";
-  const guidesRes = useSelfFetch(
-    selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null
-  );
-  const sectionsRes = useSelfFetch(
-    selfFetch && sectionsEndpoint ? sectionsEndpoint : null
-  );
-  const guides = initialGuides ?? guidesRes.data?.data ?? [];
-  const sections = initialSections ?? (Array.isArray(sectionsRes.data) ? sectionsRes.data : []);
-  const isLoading = selfFetch ? guidesRes.isLoading : false;
-  const grouped = useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    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;
-        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));
-    }
-    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 = useMemo(
-    () => [
-      { value: "all", label: `All (${guides.length})` },
-      ...sections.map((s) => ({ value: s.section, label: `${s.section} (${s.count})` }))
-    ],
-    [guides.length, sections]
-  );
-  const setSection = (value) => {
-    const params = new URLSearchParams(searchParams.toString());
-    if (value === "all") {
-      params.delete("section");
-    } else {
-      params.set("section", value);
-    }
-    const qs = params.toString();
-    startTransition(() => {
-      router.push(qs ? `${basePath}?${qs}` : basePath);
-    });
-  };
-  const source = runtime?.source ?? "openframe";
-  const docSearch = useDocSearch({
-    source,
-    baseRoute: basePath,
-    onNavigate: (path) => router.push(path),
-    tableIds: ["onboarding-guides"]
-  });
-  const defaultRenderCard = (guide) => {
-    const cta = resolveContentHref(runtime?.composeContentUrl, {
-      type: "onboarding_guide",
-      slug: guide.slug,
-      basePath,
-      platforms: guide.onboarding_guide_platforms
-    });
-    return /* @__PURE__ */ jsx2(
-      OnboardingGuideCard,
-      {
-        guide,
-        href: cta.href,
-        targetPlatform: cta.targetPlatform,
-        size: "catalog"
-      }
-    );
-  };
-  const renderCardFn = renderCard ?? defaultRenderCard;
-  const preControls = /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx2(
-      DocSearchBar,
-      {
-        placeholder: "Search onboarding guides, releases, case studies\u2026",
-        query: docSearch.query,
-        onQueryChange: docSearch.setQuery,
-        results: docSearch.results,
-        isLoading: docSearch.isLoading,
-        onResultSelect: docSearch.handleResultSelect,
-        showDropdown: docSearch.keepDropdownOpen
-      }
-    ),
-    sections.length > 0 && /* @__PURE__ */ jsx2(
-      FilterPillRow,
-      {
-        label: "Section",
-        selectedValue: activeSection,
-        onValueChange: setSection,
-        options: sectionFilterOptions
-      }
-    )
-  ] });
-  if (selfFetch && guidesRes.error) {
-    return /* @__PURE__ */ jsx2(LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
-  }
-  if (selfFetch && guidesRes.data == null && isLoading) {
-    return /* @__PURE__ */ jsx2(OnboardingGuidesCatalogSkeleton, {});
-  }
-  return /* @__PURE__ */ jsxs2("div", { className: "w-full flex flex-col gap-10", children: [
-    preControls,
-    guides.length === 0 ? /* @__PURE__ */ jsxs2("div", { className: "text-center py-16", children: [
-      /* @__PURE__ */ jsx2(GraduationCap, { className: "h-12 w-12 text-ods-text-secondary mx-auto mb-4" }),
-      /* @__PURE__ */ jsx2("h2", { className: "text-ods-text-primary font-['DM_Sans'] text-[20px] font-semibold mb-2", children: "No onboarding guides found" }),
-      /* @__PURE__ */ jsx2("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__ */ jsx2("div", { className: isPending || isLoading ? "opacity-60 transition-opacity space-y-10" : "space-y-10", children: grouped.map((sec) => /* @__PURE__ */ jsxs2("section", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs2("h2", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary flex items-center gap-2", children: [
-        sec.section,
-        /* @__PURE__ */ jsx2("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__ */ jsx2("ul", { className: "flex flex-col gap-4", children: sec.guides.map((guide) => /* @__PURE__ */ jsx2("li", { children: renderCardFn(guide) }, guide.id)) })
-    ] }, sec.section)) })
-  ] });
-}
-
-// src/components/onboarding-guides/onboarding-guide-detail-view.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function OnboardingGuideDetailView({
-  authorHref,
-  authorBio,
-  fallbackBio,
-  initialData,
-  slug,
-  guideEndpoint,
-  related = [],
-  MarkdownRenderer = RichMarkdownRenderer,
-  renderRelatedCard,
-  backHref,
-  backLabel = "Back to Getting Started",
-  basePath = "/onboarding-guides"
-}) {
-  const resolvedBackHref = backHref ?? basePath;
-  const runtime = useChatRuntime();
-  const router = useRouter();
-  const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null;
-  const { data: guide, isLoading, error, reload } = useSelfFetch(url, { initialData });
-  const { ref: videoWarmupRef } = useVideoWarmup({
-    videoUrl: guide?.main_video_url,
-    supabaseStorageOrigin: runtime?.endpoints.supabaseStorageOrigin
-  });
-  if (error || !guide && !isLoading) {
-    return /* @__PURE__ */ jsx3(PageShell, { children: /* @__PURE__ */ jsx3(LoadError, { message: "Guide not found.", onRetry: reload }) });
-  }
-  if (!guide) {
-    return /* @__PURE__ */ jsx3(PageShell, { children: /* @__PURE__ */ jsx3("div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ jsx3(DetailPageSkeleton, { bare: true, showImageGallery: false }) }) });
-  }
-  const captionsUrl = getCaptionsUrl("onboarding_guide", guide.id, guide.srt_content);
-  const videoPoster = guide.main_video_thumbnail || guide.featured_image || guide.og_image_url || // `buildOgPlaceholderUrl` always returns a usable string (relative route at
-  // worst), so it's the terminal fallback — no trailing `|| undefined` needed.
-  buildOgPlaceholderUrl(runtime?.endpoints, guide.title, { aspect: "wide" });
-  const defaultRenderRelatedCard = (g) => {
-    const cta = resolveContentHref(runtime?.composeContentUrl, {
-      type: "onboarding_guide",
-      slug: g.slug,
-      basePath,
-      platforms: g.onboarding_guide_platforms
-    });
-    return /* @__PURE__ */ jsx3(OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
-  };
-  const renderRelatedCardFn = renderRelatedCard ?? defaultRenderRelatedCard;
-  return /* @__PURE__ */ jsx3(PageShell, { children: /* @__PURE__ */ jsxs3(PageLayout, { backButton: { label: backLabel, onClick: () => router.push(resolvedBackHref) }, children: [
-    /* @__PURE__ */ jsx3("h1", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary", children: guide.title }),
-    /* @__PURE__ */ jsx3(EntityTagBadges, { tags: guide.onboarding_guide_tags }),
-    /* @__PURE__ */ jsx3(
-      EntityAuthorCard,
-      {
-        author: guide.author,
-        authorHref,
-        publishedAt: guide.published_at,
-        extraCells: [
-          {
-            value: `${guide.section} \xB7 Step ${guide.step_order}`,
-            label: "Section",
-            uppercase: false
-          }
-        ]
-      }
-    ),
-    (guide.main_video_url || guide.youtube_url) && /* @__PURE__ */ jsx3("div", { ref: videoWarmupRef, children: /* @__PURE__ */ jsx3(
-      EntityVideoSection,
-      {
-        mainVideoUrl: guide.main_video_url,
-        youtubeUrl: guide.youtube_url || void 0,
-        highlightVideoUrl: guide.highlight_video_url,
-        mainVideoPoster: videoPoster,
-        highlightVideoThumbnail: guide.highlight_video_thumbnail || void 0,
-        videoSummary: void 0,
-        videoBites: void 0,
-        title: guide.title,
-        srtContent: guide.srt_content,
-        captionsUrl,
-        MarkdownRenderer
-      }
-    ) }),
-    guide.content && /* @__PURE__ */ jsx3("div", { className: "space-y-4", children: /* @__PURE__ */ jsx3(MarkdownRenderer, { content: guide.content }) }),
-    guide.video_bites && guide.video_bites.length > 0 && /* @__PURE__ */ jsx3(
-      VideoBitesDisplay,
-      {
-        bites: guide.video_bites,
-        filterPublished: true,
-        showTitle: false
-      }
-    ),
-    /* @__PURE__ */ jsx3(
-      ArticleAuthorByline,
-      {
-        author: guide.author?.full_name ?? null,
-        avatar: guide.author?.avatar_url,
-        jobTitle: guide.author?.job_title,
-        bio: authorBio ?? guide.author?.about,
-        href: authorHref,
-        fallbackBio
-      }
-    ),
-    related.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "space-y-4 pt-8 border-t border-ods-border", children: [
-      /* @__PURE__ */ jsxs3("h2", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary", children: [
-        "More in ",
-        guide.section
-      ] }),
-      /* @__PURE__ */ jsx3("ul", { className: "flex flex-col gap-3", children: related.map((r) => /* @__PURE__ */ jsx3("li", { children: renderRelatedCardFn(r) }, r.id)) })
-    ] })
-  ] }) });
-}
-
-// src/components/onboarding-guides/hooks/use-onboarding-guides.ts
-import { useQuery } from "@tanstack/react-query";
-var onboardingGuideKeys = {
-  all: ["onboarding-guides"],
-  lists: () => [...onboardingGuideKeys.all, "list"],
-  list: (filters) => [...onboardingGuideKeys.lists(), filters],
-  details: () => [...onboardingGuideKeys.all, "detail"],
-  detail: (slug) => [...onboardingGuideKeys.details(), slug],
-  sections: () => [...onboardingGuideKeys.all, "sections"],
-  admin: {
-    all: ["admin", "onboarding-guides"],
-    lists: () => ["admin", "onboarding-guides", "list"],
-    detail: (slug) => ["admin", "onboarding-guide", slug],
-    stats: () => ["admin", "onboarding-guides", "stats"]
-  }
-};
-function useOnboardingGuides(filters) {
-  return useQuery({
-    queryKey: onboardingGuideKeys.list(filters || {}),
-    queryFn: async () => {
-      const params = new URLSearchParams();
-      if (filters?.search) params.set("search", filters.search);
-      if (filters?.section) params.set("section", filters.section);
-      if (filters?.limit) params.set("limit", filters.limit.toString());
-      if (filters?.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();
-    }
-  });
-}
-function useOnboardingGuide(slug) {
-  return useQuery({
-    queryKey: onboardingGuideKeys.detail(slug || ""),
-    queryFn: async () => {
-      const res = await fetch(`/api/onboarding-guides/${slug}`);
-      if (!res.ok) throw new Error("Failed to fetch onboarding guide");
-      return res.json();
-    },
-    enabled: !!slug
-  });
-}
-function useOnboardingGuideSections() {
-  return useQuery({
-    queryKey: onboardingGuideKeys.sections(),
-    queryFn: async () => {
-      const res = await fetch("/api/onboarding-guides/sections");
-      if (!res.ok)
-        throw new Error("Failed to fetch onboarding-guide sections");
-      return res.json();
-    },
-    staleTime: 0
-  });
-}
 export {
   OnboardingGuideDetailView,
   OnboardingGuidesCatalogSkeleton,

package/dist/components/onboarding-guides/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/onboarding-guides/onboarding-guides-catalog-view.tsx","../../../src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx","../../../src/components/onboarding-guides/onboarding-guide-detail-view.tsx","../../../src/components/onboarding-guides/hooks/use-onboarding-guides.ts"],"sourcesContent":["'use client'\n\n/**\n * Public-facing catalog view for `/onboarding-guides`.\n *\n * Two data modes:\n *   - **controlled** (hub SSR): pass `initialGuides` + `initialSections`\n *     (server-fetched; section changes re-render the host with new props).\n *   - **self-fetching** (config-only embed): omit the data props and pass\n *     `guidesEndpoint` + `sectionsEndpoint` (the api routes). The view fetches\n *     the guides (refetching on `?section=` change) + the section list itself —\n *     no host data layer. (Plain fetch + useEffect, the DeliveryLists pattern.)\n *\n * The view renders ONLY its body + its OWN controls (the RAG `<DocSearchBar>` +\n * dynamic section pills — onboarding's controls are content-driven, unlike the\n * static search/filter the `DevSectionView` chrome ships). It does NOT render the\n * page chrome: the CALLER wraps it in `<DevSectionPage sectionKey=\"onboarding\">`\n * (hero + back button), exactly like the roadmap / releases / delivery pages — so\n * every dev-center surface composes the same way and the view stays embeddable in\n * tabbed contexts. Card hrefs flow through `runtime.composeContentUrl`.\n */\n\nimport { useMemo, useTransition, type ReactNode } from 'react'\nimport { GraduationCap } from 'lucide-react'\n\nimport { useRouter, useSearchParams } from '../../embed-shims'\nimport { useSelfFetch } from '../../hooks/use-self-fetch'\nimport { DocSearchBar, useDocSearch } from '../shared/doc-search'\nimport { FilterPillRow } from '../ui/filter-pill-row'\nimport { LoadError } from '../ui/error-state'\nimport { OnboardingGuideCard } from '../chat/entity-cards/onboarding-guide-card'\nimport { OnboardingGuidesCatalogSkeleton } from './onboarding-guides-catalog-skeleton'\nimport { useChatRuntime } from '../../contexts/chat-runtime-context'\nimport type { OnboardingGuide } from '../chat/types/entities/onboarding-guide'\nimport { resolveContentHref } from '../../utils/content-href'\n\ntype SectionSummary = { section: string; section_order: number; count: number }\n\nexport interface OnboardingGuidesCatalogViewProps {\n  /** Controlled / SSR: server-fetched guides. Omit + pass `guidesEndpoint`\n   *  for the self-fetching config-only mode. */\n  initialGuides?: OnboardingGuide[]\n  initialSections?: SectionSummary[]\n  initialSection?: string\n  /** Self-fetch: GET list endpoint (the api route). Appends `?section=`. */\n  guidesEndpoint?: string\n  /** Self-fetch: GET section-summary endpoint (the api route). */\n  sectionsEndpoint?: string\n  /** Optional per-row card renderer override. */\n  renderCard?: (guide: OnboardingGuide) => ReactNode\n  /** Base path the catalog is mounted under (fallback href prefix + `?section=`\n   *  push target). Default `/onboarding-guides`. */\n  basePath?: string\n}\n\nexport function OnboardingGuidesCatalogView({\n  initialGuides,\n  initialSections,\n  initialSection = '',\n  guidesEndpoint,\n  sectionsEndpoint,\n  renderCard,\n  basePath = '/onboarding-guides',\n}: OnboardingGuidesCatalogViewProps) {\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const [isPending, startTransition] = useTransition()\n  const runtime = useChatRuntime()\n\n  // Self-fetch only when the host supplied NO data but DID give an endpoint.\n  const selfFetch = initialGuides === undefined && guidesEndpoint !== undefined\n  // Active section: from the URL when self-fetching, from the prop (host RSC\n  // already read the URL server-side) when controlled.\n  const sectionValue = selfFetch ? searchParams.get('section') ?? '' : initialSection\n  const activeSection = sectionValue || 'all'\n\n  // Self-fetch the guides (refetched whenever `?section=` changes — it's folded\n  // into the url) + the section summaries. Controlled mode passes `null` urls so\n  // the hook never fetches. The guides fetch carries the error/retry affordance.\n  const guidesQs = sectionValue ? `?section=${encodeURIComponent(sectionValue)}` : ''\n  const guidesRes = useSelfFetch<{ data?: OnboardingGuide[] }>(\n    selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null,\n  )\n  const sectionsRes = useSelfFetch<SectionSummary[]>(\n    selfFetch && sectionsEndpoint ? sectionsEndpoint : null,\n  )\n\n  // Invariant: `guidesRes.data` is `null` until the first fetch resolves, then\n  // `{ data: [...] }`. The `?.data ?? []` chain collapses never-fetched (null) and\n  // legitimately-empty ([]) to the same `[]` — so the first-load skeleton gate below\n  // keys on the OUTER `guidesRes.data == null` to distinguish them (an empty section\n  // toggle keeps the chrome; only a true cold start shows the full-page skeleton).\n  const guides = initialGuides ?? guidesRes.data?.data ?? []\n  const sections = initialSections ?? (Array.isArray(sectionsRes.data) ? sectionsRes.data : [])\n  const isLoading = selfFetch ? guidesRes.isLoading : false\n\n  // Section grouping. Data arrives already filtered (server-side `?section=`\n  // for the host, or our `?section=` fetch); this just buckets visible rows.\n  const grouped = useMemo(() => {\n    const map = new Map<string, { section_order: number; guides: OnboardingGuide[] }>()\n    for (const g of guides) {\n      const existing = map.get(g.section)\n      if (existing) {\n        if (g.section_order < existing.section_order) existing.section_order = g.section_order\n        existing.guides.push(g)\n      } else {\n        map.set(g.section, { section_order: g.section_order, guides: [g] })\n      }\n    }\n    for (const entry of map.values()) {\n      entry.guides.sort((a, b) => a.step_order - b.step_order || a.title.localeCompare(b.title))\n    }\n    return Array.from(map.entries())\n      .map(([section, info]) => ({ section, ...info }))\n      .sort((a, b) => a.section_order - b.section_order || a.section.localeCompare(b.section))\n  }, [guides])\n\n  const sectionFilterOptions = useMemo(\n    () => [\n      { value: 'all', label: `All (${guides.length})` },\n      ...sections.map((s) => ({ value: s.section, label: `${s.section} (${s.count})` })),\n    ],\n    [guides.length, sections],\n  )\n\n  // Section pill change → push `?section=X`. Controlled mode: host RSC\n  // re-fetches. Self-fetch mode: our guides effect re-fetches on the URL change.\n  const setSection = (value: string) => {\n    const params = new URLSearchParams(searchParams.toString())\n    if (value === 'all') {\n      params.delete('section')\n    } else {\n      params.set('section', value)\n    }\n    const qs = params.toString()\n    startTransition(() => {\n      router.push(qs ? `${basePath}?${qs}` : basePath)\n    })\n  }\n\n  // Search bar — scoped to onboarding-guides only via RAG-search `tableIds`.\n  const source = runtime?.source ?? 'openframe'\n  const docSearch = useDocSearch({\n    source,\n    baseRoute: basePath,\n    onNavigate: (path) => router.push(path),\n    tableIds: ['onboarding-guides'],\n  })\n\n  // Per-row card renderer — runtime-composed href, fallback to relative.\n  const defaultRenderCard = (guide: OnboardingGuide) => {\n    const cta = resolveContentHref(runtime?.composeContentUrl, {\n      type: 'onboarding_guide',\n      slug: guide.slug,\n      basePath,\n      platforms: guide.onboarding_guide_platforms,\n    })\n    return (\n      <OnboardingGuideCard\n        guide={guide}\n        href={cta.href}\n        targetPlatform={cta.targetPlatform}\n        size=\"catalog\"\n      />\n    )\n  }\n  const renderCardFn = renderCard ?? defaultRenderCard\n\n  const preControls = (\n    <div className=\"space-y-4\">\n      <DocSearchBar\n        placeholder=\"Search onboarding guides, releases, case studies…\"\n        query={docSearch.query}\n        onQueryChange={docSearch.setQuery}\n        results={docSearch.results}\n        isLoading={docSearch.isLoading}\n        onResultSelect={docSearch.handleResultSelect}\n        showDropdown={docSearch.keepDropdownOpen}\n      />\n      {sections.length > 0 && (\n        <FilterPillRow\n          label=\"Section\"\n          selectedValue={activeSection}\n          onValueChange={setSection}\n          options={sectionFilterOptions}\n        />\n      )}\n    </div>\n  )\n\n  // A failed guides fetch → a RETRYABLE error (not the indistinguishable-from-\n  // empty \"no guides found\" state) — parity with the sibling self-fetch views.\n  if (selfFetch && guidesRes.error) {\n    return <LoadError message=\"Failed to load onboarding guides.\" onRetry={guidesRes.reload} />\n  }\n  // Full-page skeleton ONLY on the very first load (no data has loaded yet) — a\n  // later section toggle that legitimately returns ZERO guides keeps the page\n  // chrome (search + section pills) and dims the grid via the className below.\n  if (selfFetch && guidesRes.data == null && isLoading) {\n    return <OnboardingGuidesCatalogSkeleton />\n  }\n\n  return (\n    <div className=\"w-full flex flex-col gap-10\">\n      {preControls}\n      {guides.length === 0 ? (\n        <div className=\"text-center py-16\">\n          <GraduationCap className=\"h-12 w-12 text-ods-text-secondary mx-auto mb-4\" />\n          <h2 className=\"text-ods-text-primary font-['DM_Sans'] text-[20px] font-semibold mb-2\">\n            No onboarding guides found\n          </h2>\n          <p className=\"text-ods-text-secondary font-['DM_Sans'] text-[14px]\">\n            {activeSection !== 'all'\n              ? 'No guides in this section yet.'\n              : \"We're working on the onboarding library. Check back soon.\"}\n          </p>\n        </div>\n      ) : (\n        <div className={isPending || isLoading ? 'opacity-60 transition-opacity space-y-10' : 'space-y-10'}>\n          {grouped.map((sec) => (\n            <section key={sec.section} className=\"space-y-4\">\n              <h2 className=\"text-h3 tracking-[-0.36px] text-ods-text-primary flex items-center gap-2\">\n                {sec.section}\n                <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\">\n                  {sec.guides.length}\n                </span>\n              </h2>\n              {/* HORIZONTAL catalog list — single column so consecutive steps\n                  read top-to-bottom; a grid would visually reorder them. */}\n              <ul className=\"flex flex-col gap-4\">\n                {sec.guides.map((guide) => (\n                  <li key={guide.id}>{renderCardFn(guide)}</li>\n                ))}\n              </ul>\n            </section>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n","'use client'\n\nimport { OnboardingGuideCardSkeleton } from '../chat/entity-cards/onboarding-guide-card'\n\n/**\n * Loading skeleton for `/onboarding-guides` — CHROME-LESS, exactly like the\n * loaded `<OnboardingGuidesCatalogView>`. The HOST page owns the\n * `<DevSectionPage sectionKey=\"onboarding\">` shell (hero + back button);\n * this component renders only what replaces the view: the search/pill\n * placeholder block and the section card lists.\n *\n * HISTORY: this used to mount its own `<DevSectionPage>` — nested inside the\n * page's shell that double-rendered the hero + back button during loading\n * (the view was made chrome-less in the page restructure; the skeleton was\n * missed). Keep BOTH chrome-less.\n *\n * Wrapper mirrors the loaded view's `w-full flex flex-col gap-10`; per-card\n * height matches the loaded catalog card so resolve shifts are zero.\n */\nexport function OnboardingGuidesCatalogSkeleton() {\n  return (\n    <div className=\"w-full flex flex-col gap-10 animate-pulse\">\n      {/* Search input placeholder — matches `<SearchInput>` h-12 — plus the\n          section pill row (~74 px incl. padding), same as the loaded\n          preControls block. */}\n      <div className=\"space-y-4\">\n        <div className=\"h-12 w-full bg-ods-card border border-ods-border rounded-md\" />\n        <div className=\"flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg\">\n          <div className=\"h-4 w-14 bg-ods-border/60 rounded\" />\n          {[0, 1, 2, 3].map((i) => (\n            <div\n              key={i}\n              className=\"h-10 w-24 bg-ods-card border border-ods-border rounded-md\"\n            />\n          ))}\n        </div>\n      </div>\n      <div className=\"space-y-10\">\n        {[4, 3, 3].map((cardCount, sectionIdx) => (\n          <section key={sectionIdx} className=\"space-y-4\">\n            <h2 className=\"text-h3 tracking-[-0.36px] text-ods-text-primary flex items-center gap-2\">\n              <span className=\"h-6 w-40 bg-ods-border/70 rounded\" />\n              <span className=\"h-5 w-8 bg-ods-text-secondary/20 rounded-full\" />\n            </h2>\n            <ul className=\"flex flex-col gap-4\">\n              {Array.from({ length: cardCount }).map((_, cardIdx) => (\n                <li key={cardIdx}>\n                  <OnboardingGuideCardSkeleton size=\"catalog\" />\n                </li>\n              ))}\n            </ul>\n          </section>\n        ))}\n      </div>\n    </div>\n  )\n}\n","'use client'\n\n/**\n * Public-facing detail view for `/onboarding-guides/<slug>`.\n *\n * Two modes:\n *   - **controlled** (hub SSR): pass `initialData` (a server-fetched guide).\n *   - **self-fetching** (config-only embed): pass `slug` + `guideEndpoint`\n *     (the api route) and the view fetches the guide itself — no host data\n *     layer. (Plain fetch + useEffect, the DeliveryLists pattern.)\n *\n * Everything else flows through lib primitives + the ChatRuntime context\n * (markdown, video warmup, captions, related-card hrefs via\n * `runtime.composeContentUrl`). Optional `MarkdownRenderer` lets hosts swap a\n * renderer with extra plugins.\n */\n\nimport { type ComponentType, type ReactNode } from 'react'\nimport { PageLayout } from '../layout/page-layout'\n\nimport { useRouter } from '../../embed-shims'\n// PageShell (max-w-[1920px]) — the guide detail content must share the SAME\n// container sizing as the related-content/FAQ rail the host page renders\n// below it (which uses the wide shell). ArticleDetailLayout (1280px) made\n// the detail block visibly narrower than the rail.\nimport { PageShell } from '../layout/article-detail-layout'\nimport { DetailPageSkeleton } from '../shared/detail-page-skeleton'\nimport { EntityVideoSection } from '../features/entity-video-section'\nimport { VideoBitesDisplay } from '../features/video-bites-display'\nimport { useVideoWarmup } from '../features/use-video-warmup'\nimport { getCaptionsUrl } from '../features/captions-url'\nimport { RichMarkdownRenderer } from '../ui/rich-markdown-renderer'\nimport { EntityTagBadges } from '../features/entity-tag-badges'\nimport { LoadError } from '../ui/error-state'\nimport { ArticleAuthorByline } from '../shared/article-author-byline'\nimport { EntityAuthorCard } from '../chat/entity-cards/entity-author-card'\nimport { OnboardingGuideCard } from '../chat/entity-cards/onboarding-guide-card'\nimport { useChatRuntime } from '../../contexts/chat-runtime-context'\nimport type { OnboardingGuide } from '../chat/types/entities/onboarding-guide'\nimport type { VideoTeaser } from '../../types/video-processing'\nimport { resolveContentHref } from '../../utils/content-href'\nimport { buildOgPlaceholderUrl } from '../../utils/og-placeholder'\nimport { useSelfFetch } from '../../hooks/use-self-fetch'\n\nexport interface OnboardingGuideDetailViewProps {\n  /** Server-fetched guide (controlled / SSR mode). Omit it and pass\n   *  `slug` + `guideEndpoint` for the self-fetching config-only mode. */\n  initialData?: OnboardingGuide\n  /** Self-fetch: the guide's slug (the host reads it from its route). */\n  slug?: string\n  /** Self-fetch: builds the GET url for a single guide (the api route).\n   *  e.g. `(s) => \\`/content/api/onboarding-guides/${s}\\``. */\n  guideEndpoint?: (slug: string) => string\n  related?: OnboardingGuide[]\n  /** Link target for the author name in the metadata grid — the host\n   *  computes it (public author page; absent ⇒ plain text). */\n  authorHref?: string\n  /** Bio paragraph for the end-of-article author byline. Defaults to the\n   *  guide payload's `author.about` (hubs that hydrate it can omit this). */\n  authorBio?: string | null\n  /** Byline fallback paragraph when the bio is empty — the host passes its\n   *  platform-aware copy (the lib has no config awareness). Absent ⇒ the\n   *  byline renders nothing below the name when the bio is empty. */\n  fallbackBio?: string | null\n  /** Optional markdown renderer override. Defaults to lib\n   *  `<RichMarkdownRenderer>`. */\n  MarkdownRenderer?: ComponentType<{ content: string }>\n  /** Optional per-row related-card renderer override. */\n  renderRelatedCard?: (guide: OnboardingGuide) => ReactNode\n  /** Back-link target. Defaults to `basePath`. */\n  backHref?: string\n  /** Back-link label. Defaults to \"Back to Getting Started\". */\n  backLabel?: string\n  /** Base path the related-card hrefs default to when\n   *  `runtime.composeContentUrl` is not wired. Default `/onboarding-guides`. */\n  basePath?: string\n}\n\nexport function OnboardingGuideDetailView({\n  authorHref,\n  authorBio,\n  fallbackBio,\n  initialData,\n  slug,\n  guideEndpoint,\n  related = [],\n  MarkdownRenderer = RichMarkdownRenderer,\n  renderRelatedCard,\n  backHref,\n  backLabel = 'Back to Getting Started',\n  basePath = '/onboarding-guides',\n}: OnboardingGuideDetailViewProps) {\n  const resolvedBackHref = backHref ?? basePath\n  const runtime = useChatRuntime()\n  const router = useRouter()\n\n  // Controlled (hub SSR `initialData`) OR self-fetch by slug (config-only embed).\n  const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null\n  const { data: guide, isLoading, error, reload } = useSelfFetch<OnboardingGuide>(url, { initialData })\n\n  // Hooks must run unconditionally — feed them optional-chained values so they\n  // no-op while the guide is still loading.\n  const { ref: videoWarmupRef } = useVideoWarmup<HTMLDivElement>({\n    videoUrl: guide?.main_video_url,\n    supabaseStorageOrigin: runtime?.endpoints.supabaseStorageOrigin,\n  })\n\n  if (error || (!guide && !isLoading)) {\n    return (\n      <PageShell>\n        <LoadError message=\"Guide not found.\" onRetry={reload} />\n      </PageShell>\n    )\n  }\n  if (!guide) {\n    // Skeleton (not a bare \"Loading…\") for parity with every other shared view —\n    // catalog, roadmap, releases all render a skeleton on first load, so the detail\n    // page shouldn't flash text then content. `bare` + `PageShell` so the loading\n    // state matches the loaded page's full width / padding / min-height.\n    return (\n      <PageShell>\n        {/* Match the loaded page's top offset (TitleBlock's\n            `pt-[var(--spacing-system-l)]`) so content doesn't jump on load. */}\n        <div className=\"pt-[var(--spacing-system-l)]\">\n          <DetailPageSkeleton bare showImageGallery={false} />\n        </div>\n      </PageShell>\n    )\n  }\n\n  const captionsUrl = getCaptionsUrl('onboarding_guide', guide.id, guide.srt_content)\n\n  const videoPoster =\n    guide.main_video_thumbnail ||\n    guide.featured_image ||\n    guide.og_image_url ||\n    // `buildOgPlaceholderUrl` always returns a usable string (relative route at\n    // worst), so it's the terminal fallback — no trailing `|| undefined` needed.\n    buildOgPlaceholderUrl(runtime?.endpoints, guide.title, { aspect: 'wide' })\n\n  const defaultRenderRelatedCard = (g: OnboardingGuide) => {\n    const cta = resolveContentHref(runtime?.composeContentUrl, {\n      type: 'onboarding_guide',\n      slug: g.slug,\n      basePath,\n      platforms: g.onboarding_guide_platforms,\n    })\n    return <OnboardingGuideCard guide={g} href={cta.href} targetPlatform={cta.targetPlatform} />\n  }\n  const renderRelatedCardFn = renderRelatedCard ?? defaultRenderRelatedCard\n\n  return (\n    <PageShell>\n      <PageLayout backButton={{ label: backLabel, onClick: () => router.push(resolvedBackHref) }}>\n        <h1 className=\"text-h1 tracking-[-1.12px] text-ods-text-primary\">{guide.title}</h1>\n\n        {/* Tags — flat onboarding_guide_tags[] from entity_tags. */}\n        <EntityTagBadges tags={(guide as any).onboarding_guide_tags} />\n\n        {/* Metadata grid — Section · Step | Published | Author. */}\n        <EntityAuthorCard\n          author={guide.author}\n          authorHref={authorHref}\n          publishedAt={guide.published_at}\n          extraCells={[\n            {\n              value: `${guide.section} · Step ${guide.step_order}`,\n              label: 'Section',\n              uppercase: false,\n            },\n          ]}\n        />\n\n        {/* Video. `main_video_url` (Mux/MP4) and `youtube_url` are independent\n            columns — either populated renders the player. */}\n        {(guide.main_video_url || guide.youtube_url) && (\n          <div ref={videoWarmupRef}>\n            <EntityVideoSection\n              mainVideoUrl={guide.main_video_url}\n              youtubeUrl={guide.youtube_url || undefined}\n              highlightVideoUrl={guide.highlight_video_url}\n              mainVideoPoster={videoPoster}\n              highlightVideoThumbnail={guide.highlight_video_thumbnail || undefined}\n              videoSummary={undefined}\n              videoBites={undefined}\n              title={guide.title}\n              srtContent={guide.srt_content}\n              captionsUrl={captionsUrl}\n              MarkdownRenderer={MarkdownRenderer}\n            />\n          </div>\n        )}\n\n        {/* Markdown body */}\n        {guide.content && (\n          <div className=\"space-y-4\">\n            <MarkdownRenderer content={guide.content} />\n          </div>\n        )}\n\n        {/* Video Bites */}\n        {guide.video_bites && guide.video_bites.length > 0 && (\n          <VideoBitesDisplay\n            bites={guide.video_bites as VideoTeaser[]}\n            filterPublished={true}\n            showTitle={false}\n          />\n        )}\n\n        {/* End-of-article author byline (avatar + linked name + bio) — the\n            author DESCRIPTION block every article-shaped detail page renders.\n            Hidden when the guide has no author (the byline returns null). */}\n        <ArticleAuthorByline\n          author={guide.author?.full_name ?? null}\n          avatar={guide.author?.avatar_url}\n          jobTitle={guide.author?.job_title}\n          bio={authorBio ?? guide.author?.about}\n          href={authorHref}\n          fallbackBio={fallbackBio}\n        />\n\n        {/* Related — same-section, ordered by step. */}\n        {related.length > 0 && (\n          <div className=\"space-y-4 pt-8 border-t border-ods-border\">\n            <h2 className=\"text-h3 tracking-[-0.36px] text-ods-text-primary\">\n              More in {guide.section}\n            </h2>\n            <ul className=\"flex flex-col gap-3\">\n              {related.map((r) => (\n                <li key={r.id}>{renderRelatedCardFn(r)}</li>\n              ))}\n            </ul>\n          </div>\n        )}\n      </PageLayout>\n    </PageShell>\n  )\n}\n","'use client'\n\n/**\n * React Query hooks for Onboarding Guides — PUBLIC reads only.\n *\n * Admin mutations (create/update/delete/publish/stats/save-highlight)\n * stay HUB-side in `hooks/use-onboarding-guides.ts` and import the\n * `onboardingGuideKeys.admin` sub-namespace from this module so the\n * cache namespace `['onboarding-guides']` has a single source of truth.\n *\n * Endpoints (`/api/onboarding-guides*`) are host-supplied — non-Next.js\n * embedders must reverse-proxy the same routes. Same precedent as the\n * tickets list hook.\n */\n\nimport { useQuery } from '@tanstack/react-query'\n\nimport type {\n  OnboardingGuide,\n  OnboardingGuideFilters,\n  OnboardingGuideListResponse,\n  OnboardingGuideSectionSummary,\n} from '../../chat/types/entities/onboarding-guide'\n\n/**\n * Cache key builder for the `['onboarding-guides']` namespace.\n *\n * Includes BOTH public-read sub-keys (`lists`, `list`, `details`,\n * `detail`, `sections`) AND the `admin` sub-namespace. Admin mutations\n * live hub-side but invalidate against this same builder so a single\n * `qc.invalidateQueries({ queryKey: onboardingGuideKeys.all })` from\n * an admin hook also clears the public read cache.\n */\nexport const onboardingGuideKeys = {\n  all: ['onboarding-guides'] as const,\n  lists: () => [...onboardingGuideKeys.all, 'list'] as const,\n  list: (filters: OnboardingGuideFilters) =>\n    [...onboardingGuideKeys.lists(), filters] as const,\n  details: () => [...onboardingGuideKeys.all, 'detail'] as const,\n  detail: (slug: string) => [...onboardingGuideKeys.details(), slug] as const,\n  sections: () => [...onboardingGuideKeys.all, 'sections'] as const,\n  admin: {\n    all: ['admin', 'onboarding-guides'] as const,\n    lists: () => ['admin', 'onboarding-guides', 'list'] as const,\n    detail: (slug: string) =>\n      ['admin', 'onboarding-guide', slug] as const,\n    stats: () => ['admin', 'onboarding-guides', 'stats'] as const,\n  },\n}\n\nexport function useOnboardingGuides(filters?: OnboardingGuideFilters) {\n  return useQuery({\n    queryKey: onboardingGuideKeys.list(filters || {}),\n    queryFn: async (): Promise<OnboardingGuideListResponse> => {\n      const params = new URLSearchParams()\n      if (filters?.search) params.set('search', filters.search)\n      if (filters?.section) params.set('section', filters.section)\n      if (filters?.limit) params.set('limit', filters.limit.toString())\n      if (filters?.offset) params.set('offset', filters.offset.toString())\n      const res = await fetch(`/api/onboarding-guides?${params}`)\n      if (!res.ok) throw new Error('Failed to fetch onboarding guides')\n      return res.json()\n    },\n  })\n}\n\nexport function useOnboardingGuide(slug: string | undefined) {\n  return useQuery({\n    queryKey: onboardingGuideKeys.detail(slug || ''),\n    queryFn: async (): Promise<OnboardingGuide> => {\n      const res = await fetch(`/api/onboarding-guides/${slug}`)\n      if (!res.ok) throw new Error('Failed to fetch onboarding guide')\n      return res.json()\n    },\n    enabled: !!slug,\n  })\n}\n\nexport function useOnboardingGuideSections() {\n  return useQuery({\n    queryKey: onboardingGuideKeys.sections(),\n    queryFn: async (): Promise<OnboardingGuideSectionSummary[]> => {\n      const res = await fetch('/api/onboarding-guides/sections')\n      if (!res.ok)\n        throw new Error('Failed to fetch onboarding-guide sections')\n      return res.json()\n    },\n    staleTime: 0,\n  })\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/onboarding-guides/onboarding-guide-detail-view.d.ts

@@ -48,6 +48,14 @@ export interface OnboardingGuideDetailViewProps {
     /** Base path the related-card hrefs default to when
      *  `runtime.composeContentUrl` is not wired. Default `/onboarding-guides`. */
     basePath?: string;
+    /** Optional slot rendered inside the page chrome, BELOW the article + related
+     *  guides — e.g. the hub's cross-type related-content / FAQ rail. Lets the hub
+     *  mount this view directly (no local wrapper); embedders omit it. */
+    relatedContent?: ReactNode;
+    /** Render the standalone `<PageShell>`. Default true. Pass false when the host
+     *  layout already provides the page container — only the padding box renders,
+     *  avoiding a nested `<main>`. */
+    shell?: boolean;
 }
-export declare function OnboardingGuideDetailView({ authorHref, authorBio, fallbackBio, initialData, slug, guideEndpoint, related, MarkdownRenderer, renderRelatedCard, backHref, backLabel, basePath, }: OnboardingGuideDetailViewProps): import("react").JSX.Element;
+export declare function OnboardingGuideDetailView({ authorHref, authorBio, fallbackBio, initialData, slug, guideEndpoint, related, MarkdownRenderer, renderRelatedCard, backHref, backLabel, basePath, relatedContent, shell, }: OnboardingGuideDetailViewProps): import("react").JSX.Element;
 //# sourceMappingURL=onboarding-guide-detail-view.d.ts.map

package/dist/components/onboarding-guides/onboarding-guide-detail-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding-guide-detail-view.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding-guides/onboarding-guide-detail-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAqB1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAA;AAM9E,MAAM,WAAW,8BAA8B;IAC7C;2EACuE;IACvE,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;iEAC6D;IAC7D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACxC,OAAO,CAAC,EAAE,eAAe,EAAE,CAAA;IAC3B;iEAC6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;+EAC2E;IAC3E,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB;;uEAEmE;IACnE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B;oCACgC;IAChC,gBAAgB,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACrD,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAA;IACzD,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;kFAC8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,SAAS,EACT,WAAW,EACX,WAAW,EACX,IAAI,EACJ,aAAa,EACb,OAAY,EACZ,gBAAuC,EACvC,iBAAiB,EACjB,QAAQ,EACR,SAAqC,EACrC,QAA+B,GAChC,EAAE,8BAA8B,+BAkJhC"}
+{"version":3,"file":"onboarding-guide-detail-view.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding-guides/onboarding-guide-detail-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAqB1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAA;AAM9E,MAAM,WAAW,8BAA8B;IAC7C;2EACuE;IACvE,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;iEAC6D;IAC7D,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACxC,OAAO,CAAC,EAAE,eAAe,EAAE,CAAA;IAC3B;iEAC6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;+EAC2E;IAC3E,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB;;uEAEmE;IACnE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B;oCACgC;IAChC,gBAAgB,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACrD,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAA;IACzD,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;kFAC8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;0EAEsE;IACtE,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B;;sCAEkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,EACV,SAAS,EACT,WAAW,EACX,WAAW,EACX,IAAI,EACJ,aAAa,EACb,OAAY,EACZ,gBAAuC,EACvC,iBAAiB,EACjB,QAAQ,EACR,SAAqC,EACrC,QAA+B,EAC/B,cAAc,EACd,KAAY,GACb,EAAE,8BAA8B,+BAmJhC"}

package/dist/components/related-content/index.cjs

@@ -2,25 +2,25 @@
 
 
 
-var _chunkTVNILN2Fcjs = require('../../chunk-TVNILN2F.cjs');
-require('../../chunk-ZPK5HW7B.cjs');
-require('../../chunk-2JPSWDSM.cjs');
-require('../../chunk-5ATH263N.cjs');
+var _chunkDHVL36CAcjs = require('../../chunk-DHVL36CA.cjs');
+require('../../chunk-UGDGUO26.cjs');
+require('../../chunk-XAQJ4ZLY.cjs');
+require('../../chunk-L5JSGNT3.cjs');
+require('../../chunk-ZS2SBWBR.cjs');
 require('../../chunk-N2DVKXN4.cjs');
 require('../../chunk-BZFW3FOF.cjs');
 require('../../chunk-G7UE6RKV.cjs');
 require('../../chunk-XL4V2PYG.cjs');
-require('../../chunk-FQOTC3UU.cjs');
-require('../../chunk-WBR7H6E3.cjs');
-require('../../chunk-LGLPNWS6.cjs');
-require('../../chunk-FIG2RKZF.cjs');
-require('../../chunk-ZS2SBWBR.cjs');
+require('../../chunk-QJGRP2YE.cjs');
 require('../../chunk-WZW7C7TF.cjs');
+require('../../chunk-WBR7H6E3.cjs');
+require('../../chunk-LWNPMLIH.cjs');
 require('../../chunk-XQFFGR6U.cjs');
+require('../../chunk-FIG2RKZF.cjs');
 require('../../chunk-PXXS27EE.cjs');
 require('../../chunk-VRHGVLSL.cjs');
 
 
 
-exports.GROUP_PAGE_SIZE = _chunkTVNILN2Fcjs.GROUP_PAGE_SIZE; exports.RelatedContentSection = _chunkTVNILN2Fcjs.RelatedContentSection;
+exports.GROUP_PAGE_SIZE = _chunkDHVL36CAcjs.GROUP_PAGE_SIZE; exports.RelatedContentSection = _chunkDHVL36CAcjs.RelatedContentSection;
 //# sourceMappingURL=index.cjs.map

package/dist/components/related-content/index.js

@@ -2,21 +2,21 @@
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../../chunk-MOOV4ORG.js";
-import "../../chunk-TRSDXD23.js";
-import "../../chunk-7U4YFQX2.js";
-import "../../chunk-E4CQ4RUG.js";
+} from "../../chunk-OKGZK6TT.js";
+import "../../chunk-JAZM3A7E.js";
+import "../../chunk-2Y4DLBFO.js";
+import "../../chunk-Q4AMYLKX.js";
+import "../../chunk-J7AV6H63.js";
 import "../../chunk-2FI3USTC.js";
 import "../../chunk-EL5YVPD5.js";
 import "../../chunk-PLJLE4A4.js";
 import "../../chunk-LXC6P2EO.js";
-import "../../chunk-JALO4TAZ.js";
-import "../../chunk-OHPI2HRK.js";
-import "../../chunk-V4IIBNTA.js";
-import "../../chunk-XTCBRQN2.js";
-import "../../chunk-J7AV6H63.js";
+import "../../chunk-AI5X5JTD.js";
 import "../../chunk-6U3IUD57.js";
+import "../../chunk-OHPI2HRK.js";
+import "../../chunk-LQHMXPOJ.js";
 import "../../chunk-W72U7OU7.js";
+import "../../chunk-XTCBRQN2.js";
 import "../../chunk-PHWQLKVE.js";
 import "../../chunk-GGWZFCYS.js";
 export {

package/dist/components/shared/dev-section/dev-section-page.d.ts

@@ -39,6 +39,12 @@ export interface DevSectionPageProps {
     /** Override the hero subtitle/description. Defaults to
      *  `OPENFRAME_DEV_SECTIONS[sectionKey].hero.description`. */
     subtitle?: string;
+    /** Render the standalone `<PageShell>` (own `<main>` + bg + max-width). Default
+     *  `true` — the contract for marketing/hub surfaces with no app shell. Pass
+     *  `false` when the host layout already provides the page container (e.g.
+     *  openframe-frontend's `AppLayout` `<main>`): then only the
+     *  `page-shell-content` padding box is rendered, avoiding a nested `<main>`. */
+    shell?: boolean;
 }
-export declare function DevSectionPage({ sectionKey, children, preControls, backButton, title, subtitle, }: DevSectionPageProps): import("react").JSX.Element;
+export declare function DevSectionPage({ sectionKey, children, preControls, backButton, title, subtitle, shell, }: DevSectionPageProps): import("react").JSX.Element;
 //# sourceMappingURL=dev-section-page.d.ts.map

package/dist/components/shared/dev-section/dev-section-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-section-page.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/dev-section/dev-section-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,oDAAoD,CAAC;AAI5D,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,sBAAsB,CAAC;IACnC,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB;;;0CAGsC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;iFAG6E;IAC7E,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD;;6CAEyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;iEAC6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,QAAQ,EACR,WAAW,EACX,UAAU,EACV,KAAK,EACL,QAAQ,GACT,EAAE,mBAAmB,+BAkCrB"}
+{"version":3,"file":"dev-section-page.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/dev-section/dev-section-page.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,oDAAoD,CAAC;AAE5D,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,sBAAsB,CAAC;IACnC,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB;;;0CAGsC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;iFAG6E;IAC7E,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IACvD;;6CAEyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;iEAC6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;oFAIgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,QAAQ,EACR,WAAW,EACX,UAAU,EACV,KAAK,EACL,QAAQ,EACR,KAAY,GACb,EAAE,mBAAmB,+BAuCrB"}

package/dist/components/shared/dev-section/dev-section-view.d.ts

@@ -40,6 +40,12 @@ export interface DevSectionViewProps {
     /** The page-specific list body. Reads URL params written by this
      *  component (search input + filter pills). */
     children: ReactNode;
+    /** Render this component's own title heading (hero or compact `h2`). Default
+     *  `true` — the tab context renders the compact heading itself. Pass `false`
+     *  when the host already renders the title elsewhere (e.g. `DevSectionPage`
+     *  routes it through the unified `PageLayout` `TitleBlock`): then only the
+     *  search + filter controls + list render, with no duplicate heading. */
+    showHeading?: boolean;
 }
-export declare function DevSectionView({ sectionKey, hero, preControls, children }: DevSectionViewProps): import("react").JSX.Element;
+export declare function DevSectionView({ sectionKey, hero, preControls, children, showHeading }: DevSectionViewProps): import("react").JSX.Element;
 //# sourceMappingURL=dev-section-view.d.ts.map

package/dist/components/shared/dev-section/dev-section-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-section-view.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/dev-section/dev-section-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,oDAAoD,CAAC;AAE5D,MAAM,WAAW,mBAAmB;IAClC;4DACwD;IACxD,UAAU,EAAE,sBAAsB,CAAC;IACnC;oDACgD;IAChD,IAAI,CAAC,EAAE;QACL;;8DAEsD;QACtD,IAAI,EAAE,SAAS,CAAC;QAChB;;iDAEyC;QACzC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF;;;;;uEAKmE;IACnE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;mDAC+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BAsF9F"}
+{"version":3,"file":"dev-section-view.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/dev-section/dev-section-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,oDAAoD,CAAC;AAE5D,MAAM,WAAW,mBAAmB;IAClC;4DACwD;IACxD,UAAU,EAAE,sBAAsB,CAAC;IACnC;oDACgD;IAChD,IAAI,CAAC,EAAE;QACL;;8DAEsD;QACtD,IAAI,EAAE,SAAS,CAAC;QAChB;;iDAEyC;QACzC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF;;;;;uEAKmE;IACnE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;mDAC+C;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;6EAIyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAkB,EAAE,EAAE,mBAAmB,+BAuFlH"}

package/dist/components/shared/legal-document/legal-document-page.d.ts

@@ -61,6 +61,10 @@ export interface LegalDocumentPageProps {
         label?: string;
         href?: string;
     } | false;
+    /** Render the standalone `<PageShell>`. Default true. Pass false when the host
+     *  layout already provides the page container — only the padding box renders,
+     *  avoiding a nested `<main>`. */
+    shell?: boolean;
 }
-export declare function LegalDocumentPage({ docType, title, fallbackDescription, contactEmail, errorContactPrompt, errorTitle, emptyStateMessage, initialData, initialLastUpdatedLabel, apiEndpoint, MarkdownRenderer, backButton, }: LegalDocumentPageProps): import("react").JSX.Element;
+export declare function LegalDocumentPage({ docType, title, fallbackDescription, contactEmail, errorContactPrompt, errorTitle, emptyStateMessage, initialData, initialLastUpdatedLabel, apiEndpoint, MarkdownRenderer, backButton, shell, }: LegalDocumentPageProps): import("react").JSX.Element;
 //# sourceMappingURL=legal-document-page.d.ts.map