@flamingo-stack/openframe-frontend-core 0.0.215 → 0.0.216

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

@@ -0,0 +1,373 @@
+"use client";
+import {
+  DocSearchBar,
+  useDocSearch
+} from "../../chunk-VC3ND5RB.js";
+import {
+  DevSectionPage
+} from "../../chunk-GVNQAGXB.js";
+import "../../chunk-ORJREQ2W.js";
+import {
+  ArticleDetailLayout,
+  EntityAuthorCard,
+  EntityVideoSection,
+  FilterPillRow,
+  OnboardingGuideCard,
+  OnboardingGuideCardSkeleton,
+  SimpleMarkdownRenderer,
+  VideoBitesDisplay,
+  getCaptionsUrl,
+  useVideoWarmup
+} from "../../chunk-CDLYRFDE.js";
+import "../../chunk-LXC6P2EO.js";
+import "../../chunk-EL5YVPD5.js";
+import "../../chunk-UEBM4PC4.js";
+import {
+  next_link_default
+} from "../../chunk-OHPI2HRK.js";
+import "../../chunk-LCLTCCXS.js";
+import {
+  useRouter,
+  useSearchParams
+} from "../../chunk-PLJLE4A4.js";
+import "../../chunk-QY75VKAS.js";
+import "../../chunk-KSOOKNBG.js";
+import "../../chunk-EDW2NVRV.js";
+import "../../chunk-6U3IUD57.js";
+import "../../chunk-W72U7OU7.js";
+import {
+  useChatRuntime
+} from "../../chunk-RFONYT63.js";
+import "../../chunk-MJNXIEV2.js";
+import "../../chunk-CZR7ARBA.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/build-default-href.ts
+function buildDefaultHref(basePath, slug) {
+  return { href: `${basePath}/${slug}`, targetPlatform: null };
+}
+
+// src/components/onboarding-guides/onboarding-guides-catalog-view.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function OnboardingGuidesCatalogView({
+  initialGuides,
+  initialSections,
+  initialSection = "",
+  renderCard,
+  basePath = "/onboarding-guides"
+}) {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const [isPending, startTransition] = useTransition();
+  const runtime = useChatRuntime();
+  const activeSection = initialSection || "all";
+  const grouped = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const g of initialGuides) {
+      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)
+    );
+  }, [initialGuides]);
+  const sectionFilterOptions = useMemo(
+    () => [
+      { value: "all", label: `All (${initialGuides.length})` },
+      ...initialSections.map((s) => ({
+        value: s.section,
+        label: `${s.section} (${s.count})`
+      }))
+    ],
+    [initialGuides.length, initialSections]
+  );
+  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 = runtime?.composeContentUrl ? runtime.composeContentUrl(
+      "onboarding_guide",
+      guide.slug,
+      guide.onboarding_guide_platforms
+    ) : buildDefaultHref(basePath, guide.slug);
+    return /* @__PURE__ */ jsx(
+      OnboardingGuideCard,
+      {
+        guide,
+        href: cta.href,
+        targetPlatform: cta.targetPlatform,
+        size: "catalog"
+      }
+    );
+  };
+  const renderCardFn = renderCard ?? defaultRenderCard;
+  const preControls = /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      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
+      }
+    ),
+    initialSections.length > 0 && /* @__PURE__ */ jsx(
+      FilterPillRow,
+      {
+        label: "Section",
+        selectedValue: activeSection,
+        onValueChange: setSection,
+        options: sectionFilterOptions
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsx(DevSectionPage, { sectionKey: "onboarding", preControls, children: initialGuides.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-16", children: [
+    /* @__PURE__ */ jsx(GraduationCap, { className: "h-12 w-12 text-ods-text-secondary mx-auto mb-4" }),
+    /* @__PURE__ */ jsx("h2", { className: "text-ods-text-primary font-['DM_Sans'] text-[20px] font-semibold mb-2", children: "No onboarding guides found" }),
+    /* @__PURE__ */ jsx("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__ */ jsx(
+    "div",
+    {
+      className: isPending ? "opacity-60 transition-opacity space-y-10" : "space-y-10",
+      children: grouped.map((sec) => /* @__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: [
+          sec.section,
+          /* @__PURE__ */ jsx("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__ */ jsx("ul", { className: "flex flex-col gap-4", children: sec.guides.map((guide) => /* @__PURE__ */ jsx("li", { children: renderCardFn(guide) }, guide.id)) })
+      ] }, sec.section))
+    }
+  ) });
+}
+
+// src/components/onboarding-guides/onboarding-guide-detail-view.tsx
+import { ArrowLeft } from "lucide-react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function OnboardingGuideDetailView({
+  initialData: guide,
+  related = [],
+  MarkdownRenderer = SimpleMarkdownRenderer,
+  renderRelatedCard,
+  backHref,
+  backLabel = "Back to Getting Started",
+  basePath = "/onboarding-guides"
+}) {
+  const resolvedBackHref = backHref ?? basePath;
+  const runtime = useChatRuntime();
+  const { ref: videoWarmupRef } = useVideoWarmup({
+    videoUrl: guide.main_video_url,
+    supabaseStorageOrigin: runtime?.endpoints.supabaseStorageOrigin
+  });
+  const captionsUrl = getCaptionsUrl(
+    "onboarding_guide",
+    guide.id,
+    guide.srt_content
+  );
+  const videoPoster = guide.main_video_thumbnail || guide.featured_image || guide.og_image_url || runtime?.resolvePlaceholderUrl?.(guide.title, { aspect: "wide" }) || void 0;
+  const defaultRenderRelatedCard = (g) => {
+    const cta = runtime?.composeContentUrl ? runtime.composeContentUrl(
+      "onboarding_guide",
+      g.slug,
+      g.onboarding_guide_platforms
+    ) : buildDefaultHref(basePath, g.slug);
+    return /* @__PURE__ */ jsx2(
+      OnboardingGuideCard,
+      {
+        guide: g,
+        href: cta.href,
+        targetPlatform: cta.targetPlatform
+      }
+    );
+  };
+  const renderRelatedCardFn = renderRelatedCard ?? defaultRenderRelatedCard;
+  return /* @__PURE__ */ jsx2(ArticleDetailLayout, { children: /* @__PURE__ */ jsxs2("div", { className: "space-y-6 md:space-y-8", children: [
+    /* @__PURE__ */ jsxs2(
+      next_link_default,
+      {
+        href: resolvedBackHref,
+        className: "inline-flex items-center gap-2 text-ods-text-secondary hover:text-ods-accent transition-colors",
+        children: [
+          /* @__PURE__ */ jsx2(ArrowLeft, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx2("span", { className: "text-h5", children: backLabel })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx2("h1", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary", children: guide.title }),
+    /* @__PURE__ */ jsx2(
+      EntityAuthorCard,
+      {
+        author: guide.author,
+        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__ */ jsx2("div", { ref: videoWarmupRef, children: /* @__PURE__ */ jsx2(
+      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__ */ jsx2("div", { className: "space-y-4", children: /* @__PURE__ */ jsx2(MarkdownRenderer, { content: guide.content }) }),
+    guide.video_bites && guide.video_bites.length > 0 && /* @__PURE__ */ jsx2(
+      VideoBitesDisplay,
+      {
+        bites: guide.video_bites,
+        filterPublished: true,
+        showTitle: false
+      }
+    ),
+    related.length > 0 && /* @__PURE__ */ jsxs2("div", { className: "space-y-4 pt-8 border-t border-ods-border", children: [
+      /* @__PURE__ */ jsxs2("h2", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary", children: [
+        "More in ",
+        guide.section
+      ] }),
+      /* @__PURE__ */ jsx2("ul", { className: "flex flex-col gap-3", children: related.map((r) => /* @__PURE__ */ jsx2("li", { children: renderRelatedCardFn(r) }, r.id)) })
+    ] })
+  ] }) });
+}
+
+// src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function OnboardingGuidesCatalogSkeleton() {
+  return /* @__PURE__ */ jsx3(
+    DevSectionPage,
+    {
+      sectionKey: "onboarding",
+      preControls: /* @__PURE__ */ jsxs3("div", { className: "space-y-4 animate-pulse", children: [
+        /* @__PURE__ */ jsx3("div", { className: "h-12 w-full bg-ods-card border border-ods-border rounded-md" }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap items-center gap-3 p-4 bg-ods-card border border-ods-border rounded-lg", children: [
+          /* @__PURE__ */ jsx3("div", { className: "h-4 w-14 bg-ods-border/60 rounded" }),
+          [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsx3(
+            "div",
+            {
+              className: "h-10 w-24 bg-ods-card border border-ods-border rounded-md"
+            },
+            i
+          ))
+        ] })
+      ] }),
+      children: /* @__PURE__ */ jsx3("div", { className: "space-y-10 animate-pulse", children: [4, 3, 3].map((cardCount, sectionIdx) => /* @__PURE__ */ jsxs3("section", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs3("h2", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx3("span", { className: "h-6 w-40 bg-ods-border/70 rounded" }),
+          /* @__PURE__ */ jsx3("span", { className: "h-5 w-8 bg-ods-text-secondary/20 rounded-full" })
+        ] }),
+        /* @__PURE__ */ jsx3("ul", { className: "flex flex-col gap-4", children: Array.from({ length: cardCount }).map((_, cardIdx) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(OnboardingGuideCardSkeleton, { size: "catalog" }) }, cardIdx)) })
+      ] }, sectionIdx)) })
+    }
+  );
+}
+
+// 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,
+  OnboardingGuidesCatalogView,
+  onboardingGuideKeys,
+  useOnboardingGuide,
+  useOnboardingGuideSections,
+  useOnboardingGuides
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/onboarding-guides/onboarding-guides-catalog-view.tsx","../../../src/components/onboarding-guides/build-default-href.ts","../../../src/components/onboarding-guides/onboarding-guide-detail-view.tsx","../../../src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx","../../../src/components/onboarding-guides/hooks/use-onboarding-guides.ts"],"sourcesContent":["'use client'\n\n/**\n * Public-facing catalog view for `/onboarding-guides` on openframe.\n *\n * Self-contained: every concern that used to require a hub-side\n * wrapper now flows through lib primitives + the ChatRuntime context.\n *\n *   - Chrome: `<DevSectionPage sectionKey=\"onboarding\">` (same lib\n *     primitive every other dev-center surface uses).\n *   - Search bar: lib `<DocSearchBar>` + `useDocSearch` directly,\n *     pre-scoped to `tableIds: ['onboarding-guides']`. The chat\n *     runtime's `source` discriminates the RAG namespace.\n *   - Section filter: lib `<FilterSection>` + URL push via embed-shim\n *     `useRouter`/`useSearchParams`.\n *   - Cards: lib `<OnboardingGuideCard>` with hrefs composed via\n *     `runtime.composeContentUrl?.('onboarding_guide', slug, platforms)`.\n *     Falls back to a same-origin relative path when no composer is\n *     wired (single-platform embedders).\n *\n * No hub-side wrapper file required.\n */\n\nimport { useMemo, useTransition, type ReactNode } from 'react'\nimport { GraduationCap } from 'lucide-react'\n\nimport { useRouter, useSearchParams } from '../../embed-shims'\nimport { DevSectionPage } from '../shared/dev-section'\nimport { DocSearchBar, useDocSearch } from '../shared/doc-search'\nimport { FilterPillRow } from '../ui/filter-pill-row'\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 { buildDefaultHref } from './build-default-href'\n\nexport interface OnboardingGuidesCatalogViewProps {\n  initialGuides: OnboardingGuide[]\n  initialSections: Array<{\n    section: string\n    section_order: number\n    count: number\n  }>\n  initialSection?: string\n  /** Optional per-row card renderer override. When omitted, lib\n   *  renders `<OnboardingGuideCard>` with runtime-composed href.\n   *  Embedders only override to swap the card shape entirely. */\n  renderCard?: (guide: OnboardingGuide) => ReactNode\n  /** Base path the catalog is mounted under. Used as the fallback\n   *  `href` prefix for card hrefs when `runtime.composeContentUrl` is\n   *  not wired. Embedders mounting at `/docs/onboarding/` instead of\n   *  `/onboarding-guides/` should override. Also used by `setSection`\n   *  for the `?section=` URL push. Default `/onboarding-guides`. */\n  basePath?: string\n}\n\nexport function OnboardingGuidesCatalogView({\n  initialGuides,\n  initialSections,\n  initialSection = '',\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  const activeSection = initialSection || 'all'\n\n  // Section grouping. Data arrives already filtered server-side via\n  // `?section=`; this just buckets the visible rows for the section-\n  // header layout — no client-side `.filter()`.\n  const grouped = useMemo(() => {\n    const map = new Map<\n      string,\n      { section_order: number; guides: OnboardingGuide[] }\n    >()\n    for (const g of initialGuides) {\n      const existing = map.get(g.section)\n      if (existing) {\n        if (g.section_order < existing.section_order)\n          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(\n        (a, b) =>\n          a.step_order - b.step_order || a.title.localeCompare(b.title),\n      )\n    }\n    return Array.from(map.entries())\n      .map(([section, info]) => ({ section, ...info }))\n      .sort(\n        (a, b) =>\n          a.section_order - b.section_order ||\n          a.section.localeCompare(b.section),\n      )\n  }, [initialGuides])\n\n  // Section-filter options for the lib `<FilterSection>` row.\n  const sectionFilterOptions = useMemo(\n    () => [\n      { value: 'all', label: `All (${initialGuides.length})` },\n      ...initialSections.map((s) => ({\n        value: s.section,\n        label: `${s.section} (${s.count})`,\n      })),\n    ],\n    [initialGuides.length, initialSections],\n  )\n\n  // Section pill change → push `?section=X` so the host RSC re-\n  // fetches against the DAL. Wrapped in `useTransition` so the\n  // results grid dims while the new payload is in flight.\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 the RAG-search\n  // `tableIds` parameter. The hook calls `/api/docs/search` directly;\n  // hub or embedder must expose that endpoint (reverse-proxy on\n  // non-Next.js hosts).\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 — uses runtime-composed href for cross-\n  // platform navigation. Falls back to a same-origin relative URL\n  // when no composer is wired.\n  const defaultRenderCard = (guide: OnboardingGuide) => {\n    const cta = runtime?.composeContentUrl\n      ? runtime.composeContentUrl(\n          'onboarding_guide',\n          guide.slug,\n          guide.onboarding_guide_platforms,\n        )\n      : buildDefaultHref(basePath, guide.slug)\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      {initialSections.length > 0 && (\n        <FilterPillRow\n          label=\"Section\"\n          selectedValue={activeSection}\n          onValueChange={setSection}\n          options={sectionFilterOptions}\n        />\n      )}\n    </div>\n  )\n\n  return (\n    <DevSectionPage sectionKey=\"onboarding\" preControls={preControls}>\n      {initialGuides.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\n          className={\n            isPending\n              ? 'opacity-60 transition-opacity space-y-10'\n              : 'space-y-10'\n          }\n        >\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\n                  steps read top-to-bottom (Step 1 above Step 2 above\n                  Step 3); 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    </DevSectionPage>\n  )\n}\n","/**\n * Lib-internal helper — default href shape for onboarding-guide cards\n * when `runtime.composeContentUrl` is not wired (single-platform\n * embedders without cross-platform topology).\n *\n * Shared between `OnboardingGuidesCatalogView` (per-card href) and\n * `OnboardingGuideDetailView` (per-related-card href) so both views\n * compose hrefs from the same `basePath`-derived shape — no parallel\n * 4-line helper to drift apart.\n */\nexport function buildDefaultHref(\n  basePath: string,\n  slug: string,\n): { href: string; targetPlatform: string | null } {\n  return { href: `${basePath}/${slug}`, targetPlatform: null }\n}\n","'use client'\n\n/**\n * Public-facing detail view for `/onboarding-guides/<slug>` on\n * openframe.\n *\n * Self-contained: every concern that used to require a hub-side\n * wrapper now flows through lib primitives + the ChatRuntime context.\n *\n *   - Markdown: lib `<SimpleMarkdownRenderer>` (already lib-resident).\n *   - Video warmup: lib `useVideoWarmup` (reads Supabase storage\n *     origin from `runtime.endpoints.supabaseStorageOrigin`; Mux\n *     origins are hardcoded public CDN hosts).\n *   - Captions URL: lib `getCaptionsUrl` (pure URL builder).\n *   - Video poster: inline priority chain\n *     (`main_video_thumbnail || featured_image || og_image_url`) —\n *     same fallbacks the card uses.\n *   - Related card hrefs: `runtime.composeContentUrl?.(\n *     'onboarding_guide', slug, platforms)` — falls back to same-\n *     origin relative path when no composer is wired.\n *\n * No hub-side wrapper file required. Optional `MarkdownRenderer`\n * prop lets hosts swap in a renderer with extra plugins (Reddit /\n * Twitter / X embeds) when needed.\n */\n\nimport { type ComponentType, type ReactNode } from 'react'\nimport { ArrowLeft } from 'lucide-react'\n\nimport { Link } from '../../embed-shims'\nimport { ArticleDetailLayout } from '../layout/article-detail-layout'\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 { SimpleMarkdownRenderer } from '../ui/simple-markdown-renderer'\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 { buildDefaultHref } from './build-default-href'\n\nexport interface OnboardingGuideDetailViewProps {\n  initialData: OnboardingGuide\n  related?: OnboardingGuide[]\n  /** Optional markdown renderer override. Defaults to lib\n   *  `<SimpleMarkdownRenderer>`. Hosts override when they need extra\n   *  plugins (Reddit / Twitter / X / code-block enhancements). */\n  MarkdownRenderer?: ComponentType<{ content: string }>\n  /** Optional per-row related-card renderer override. When omitted,\n   *  lib renders `<OnboardingGuideCard>` with runtime-composed href. */\n  renderRelatedCard?: (guide: OnboardingGuide) => ReactNode\n  /** Back-link target. Defaults to `basePath` so the link returns to\n   *  the catalog the embedder is hosting (no drift when `basePath`\n   *  is overridden). The admin preview explicitly overrides to\n   *  `/admin/onboarding-guides`. */\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. Embedders mounting at\n   *  `/docs/onboarding/` instead of `/onboarding-guides/` should\n   *  override. Default `/onboarding-guides`. */\n  basePath?: string\n}\n\nexport function OnboardingGuideDetailView({\n  initialData: guide,\n  related = [],\n  MarkdownRenderer = SimpleMarkdownRenderer,\n  renderRelatedCard,\n  backHref,\n  backLabel = 'Back to Getting Started',\n  basePath = '/onboarding-guides',\n}: OnboardingGuideDetailViewProps) {\n  // Resolve `backHref` from `basePath` when not explicitly set — so\n  // an embedder overriding `basePath=\"/docs/onboarding\"` automatically\n  // gets the right back link without remembering to thread `backHref`\n  // too. Admin preview still wins via its explicit `backHref` override.\n  const resolvedBackHref = backHref ?? basePath\n  const runtime = useChatRuntime()\n\n  // Video warmup — preconnect always fires; preload only when the\n  // container scrolls within ~1 viewport AND the URL is on the\n  // configured Supabase storage origin. No origin in runtime ⇒\n  // preconnect-only path (Mux/YouTube unaffected).\n  const { ref: videoWarmupRef } = useVideoWarmup<HTMLDivElement>({\n    videoUrl: guide.main_video_url,\n    supabaseStorageOrigin: runtime?.endpoints.supabaseStorageOrigin,\n  })\n\n  const captionsUrl = getCaptionsUrl(\n    'onboarding_guide',\n    guide.id,\n    guide.srt_content,\n  )\n\n  // Video poster — fallback chain:\n  //   1. Entity-owned thumbnails (main_video_thumbnail / featured_image / og_image_url)\n  //   2. Branded OG placeholder from `runtime.resolvePlaceholderUrl(title)`\n  //      — restores the hub's prior behavior where a video without a\n  //      thumbnail still showed a branded poster instead of a black\n  //      frame.\n  //   3. `undefined` (player picks its own default poster — usually\n  //      first-frame extraction).\n  const videoPoster =\n    guide.main_video_thumbnail ||\n    guide.featured_image ||\n    guide.og_image_url ||\n    runtime?.resolvePlaceholderUrl?.(guide.title, { aspect: 'wide' }) ||\n    undefined\n\n  // Default related-card renderer — runtime-composed cross-platform href.\n  const defaultRenderRelatedCard = (g: OnboardingGuide) => {\n    const cta = runtime?.composeContentUrl\n      ? runtime.composeContentUrl(\n          'onboarding_guide',\n          g.slug,\n          g.onboarding_guide_platforms,\n        )\n      : buildDefaultHref(basePath, g.slug)\n    return (\n      <OnboardingGuideCard\n        guide={g}\n        href={cta.href}\n        targetPlatform={cta.targetPlatform}\n      />\n    )\n  }\n  const renderRelatedCardFn = renderRelatedCard ?? defaultRenderRelatedCard\n\n  return (\n    <ArticleDetailLayout>\n      <div className=\"space-y-6 md:space-y-8\">\n        {/* Back link */}\n        <Link\n          href={resolvedBackHref}\n          className=\"inline-flex items-center gap-2 text-ods-text-secondary hover:text-ods-accent transition-colors\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" />\n          <span className=\"text-h5\">{backLabel}</span>\n        </Link>\n\n        <h1 className=\"text-h1 tracking-[-1.12px] text-ods-text-primary\">\n          {guide.title}\n        </h1>\n\n        {/* Metadata grid — Section · Step | Published | Author. */}\n        <EntityAuthorCard\n          author={guide.author}\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\n            independent columns — either one populated should render\n            the player. `EntityVideoSection` routes accordingly. */}\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        {/* 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      </div>\n    </ArticleDetailLayout>\n  )\n}\n","'use client'\n\nimport { DevSectionPage } from '../shared/dev-section'\nimport { OnboardingGuideCardSkeleton } from '../chat/entity-cards/onboarding-guide-card'\n\n/**\n * Page-level Suspense fallback for `/onboarding-guides`.\n *\n * Mirrors the loaded `<OnboardingGuidesCatalogView>` shape — both\n * mount the same `<DevSectionPage sectionKey=\"onboarding\">` so the\n * hero, back button, and overall page scaffold render identically.\n *\n * The `preControls` slot reserves space for the search bar (h-12)\n * plus the section pill row (~74px including padding) so the\n * Suspense → loaded transition doesn't shift vertically.\n *\n * Card distribution `4 + 3 + 3 = 10` matches the typical openframe\n * onboarding dataset; per-card height (288 px) is byte-identical to\n * the loaded card so per-card shifts on resolve are zero.\n */\nexport function OnboardingGuidesCatalogSkeleton() {\n  return (\n    <DevSectionPage\n      sectionKey=\"onboarding\"\n      preControls={\n        <div className=\"space-y-4 animate-pulse\">\n          {/* Search input placeholder — matches `<SearchInput>` h-12. */}\n          <div className=\"h-12 w-full bg-ods-card border border-ods-border rounded-md\" />\n          {/* Section pill row placeholder — same wrapper class set the\n              hub-side `<FilterSection>` uses (~74 px). */}\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      }\n    >\n      <div className=\"space-y-10 animate-pulse\">\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    </DevSectionPage>\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"]}

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

@@ -0,0 +1,52 @@
+/**
+ * Public-facing detail view for `/onboarding-guides/<slug>` on
+ * openframe.
+ *
+ * Self-contained: every concern that used to require a hub-side
+ * wrapper now flows through lib primitives + the ChatRuntime context.
+ *
+ *   - Markdown: lib `<SimpleMarkdownRenderer>` (already lib-resident).
+ *   - Video warmup: lib `useVideoWarmup` (reads Supabase storage
+ *     origin from `runtime.endpoints.supabaseStorageOrigin`; Mux
+ *     origins are hardcoded public CDN hosts).
+ *   - Captions URL: lib `getCaptionsUrl` (pure URL builder).
+ *   - Video poster: inline priority chain
+ *     (`main_video_thumbnail || featured_image || og_image_url`) —
+ *     same fallbacks the card uses.
+ *   - Related card hrefs: `runtime.composeContentUrl?.(
+ *     'onboarding_guide', slug, platforms)` — falls back to same-
+ *     origin relative path when no composer is wired.
+ *
+ * No hub-side wrapper file required. Optional `MarkdownRenderer`
+ * prop lets hosts swap in a renderer with extra plugins (Reddit /
+ * Twitter / X embeds) when needed.
+ */
+import { type ComponentType, type ReactNode } from 'react';
+import type { OnboardingGuide } from '../chat/types/entities/onboarding-guide';
+export interface OnboardingGuideDetailViewProps {
+    initialData: OnboardingGuide;
+    related?: OnboardingGuide[];
+    /** Optional markdown renderer override. Defaults to lib
+     *  `<SimpleMarkdownRenderer>`. Hosts override when they need extra
+     *  plugins (Reddit / Twitter / X / code-block enhancements). */
+    MarkdownRenderer?: ComponentType<{
+        content: string;
+    }>;
+    /** Optional per-row related-card renderer override. When omitted,
+     *  lib renders `<OnboardingGuideCard>` with runtime-composed href. */
+    renderRelatedCard?: (guide: OnboardingGuide) => ReactNode;
+    /** Back-link target. Defaults to `basePath` so the link returns to
+     *  the catalog the embedder is hosting (no drift when `basePath`
+     *  is overridden). The admin preview explicitly overrides to
+     *  `/admin/onboarding-guides`. */
+    backHref?: string;
+    /** Back-link label. Defaults to "Back to Getting Started". */
+    backLabel?: string;
+    /** Base path the related-card hrefs default to when
+     *  `runtime.composeContentUrl` is not wired. Embedders mounting at
+     *  `/docs/onboarding/` instead of `/onboarding-guides/` should
+     *  override. Default `/onboarding-guides`. */
+    basePath?: string;
+}
+export declare function OnboardingGuideDetailView({ initialData: guide, related, MarkdownRenderer, renderRelatedCard, backHref, backLabel, basePath, }: OnboardingGuideDetailViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=onboarding-guide-detail-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"onboarding-guide-detail-view.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding-guides/onboarding-guide-detail-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAa1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAA;AAI9E,MAAM,WAAW,8BAA8B;IAC7C,WAAW,EAAE,eAAe,CAAA;IAC5B,OAAO,CAAC,EAAE,eAAe,EAAE,CAAA;IAC3B;;oEAEgE;IAChE,gBAAgB,CAAC,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACrD;0EACsE;IACtE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAA;IACzD;;;sCAGkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;kDAG8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,WAAW,EAAE,KAAK,EAClB,OAAY,EACZ,gBAAyC,EACzC,iBAAiB,EACjB,QAAQ,EACR,SAAqC,EACrC,QAA+B,GAChC,EAAE,8BAA8B,2CA2IhC"}

package/dist/components/onboarding-guides/onboarding-guides-catalog-skeleton.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Page-level Suspense fallback for `/onboarding-guides`.
+ *
+ * Mirrors the loaded `<OnboardingGuidesCatalogView>` shape — both
+ * mount the same `<DevSectionPage sectionKey="onboarding">` so the
+ * hero, back button, and overall page scaffold render identically.
+ *
+ * The `preControls` slot reserves space for the search bar (h-12)
+ * plus the section pill row (~74px including padding) so the
+ * Suspense → loaded transition doesn't shift vertically.
+ *
+ * Card distribution `4 + 3 + 3 = 10` matches the typical openframe
+ * onboarding dataset; per-card height (288 px) is byte-identical to
+ * the loaded card so per-card shifts on resolve are zero.
+ */
+export declare function OnboardingGuidesCatalogSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=onboarding-guides-catalog-skeleton.d.ts.map

package/dist/components/onboarding-guides/onboarding-guides-catalog-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboarding-guides-catalog-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding-guides/onboarding-guides-catalog-skeleton.tsx"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,+BAA+B,4CAyC9C"}

package/dist/components/onboarding-guides/onboarding-guides-catalog-view.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Public-facing catalog view for `/onboarding-guides` on openframe.
+ *
+ * Self-contained: every concern that used to require a hub-side
+ * wrapper now flows through lib primitives + the ChatRuntime context.
+ *
+ *   - Chrome: `<DevSectionPage sectionKey="onboarding">` (same lib
+ *     primitive every other dev-center surface uses).
+ *   - Search bar: lib `<DocSearchBar>` + `useDocSearch` directly,
+ *     pre-scoped to `tableIds: ['onboarding-guides']`. The chat
+ *     runtime's `source` discriminates the RAG namespace.
+ *   - Section filter: lib `<FilterSection>` + URL push via embed-shim
+ *     `useRouter`/`useSearchParams`.
+ *   - Cards: lib `<OnboardingGuideCard>` with hrefs composed via
+ *     `runtime.composeContentUrl?.('onboarding_guide', slug, platforms)`.
+ *     Falls back to a same-origin relative path when no composer is
+ *     wired (single-platform embedders).
+ *
+ * No hub-side wrapper file required.
+ */
+import { type ReactNode } from 'react';
+import type { OnboardingGuide } from '../chat/types/entities/onboarding-guide';
+export interface OnboardingGuidesCatalogViewProps {
+    initialGuides: OnboardingGuide[];
+    initialSections: Array<{
+        section: string;
+        section_order: number;
+        count: number;
+    }>;
+    initialSection?: string;
+    /** Optional per-row card renderer override. When omitted, lib
+     *  renders `<OnboardingGuideCard>` with runtime-composed href.
+     *  Embedders only override to swap the card shape entirely. */
+    renderCard?: (guide: OnboardingGuide) => ReactNode;
+    /** Base path the catalog is mounted under. Used as the fallback
+     *  `href` prefix for card hrefs when `runtime.composeContentUrl` is
+     *  not wired. Embedders mounting at `/docs/onboarding/` instead of
+     *  `/onboarding-guides/` should override. Also used by `setSection`
+     *  for the `?section=` URL push. Default `/onboarding-guides`. */
+    basePath?: string;
+}
+export declare function OnboardingGuidesCatalogView({ initialGuides, initialSections, initialSection, renderCard, basePath, }: OnboardingGuidesCatalogViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=onboarding-guides-catalog-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"onboarding-guides-catalog-view.d.ts","sourceRoot":"","sources":["../../../src/components/onboarding-guides/onboarding-guides-catalog-view.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAS9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAA;AAG9E,MAAM,WAAW,gCAAgC;IAC/C,aAAa,EAAE,eAAe,EAAE,CAAA;IAChC,eAAe,EAAE,KAAK,CAAC;QACrB,OAAO,EAAE,MAAM,CAAA;QACf,aAAa,EAAE,MAAM,CAAA;QACrB,KAAK,EAAE,MAAM,CAAA;KACd,CAAC,CAAA;IACF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;mEAE+D;IAC/D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAA;IAClD;;;;sEAIkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,aAAa,EACb,eAAe,EACf,cAAmB,EACnB,UAAU,EACV,QAA+B,GAChC,EAAE,gCAAgC,2CAwKlC"}

package/dist/components/shared/doc-search/doc-search-bar.d.ts

@@ -0,0 +1,59 @@
+/**
+ * `<DocSearchBar>` — the canonical RAG-search dropdown surface.
+ *
+ * Mounted by every doc-search consumer (data-room sidebar, onboarding-
+ * guide catalog, and any future surface that needs typeahead against
+ * `/api/docs/search`). Wraps `<SearchInput>` with the lib's standard
+ * `<DocSearchResultRow>` so the dropdown looks identical everywhere.
+ *
+ * ## Why a presentation component, not a "search bar that owns its
+ *    own hook"
+ *
+ * The data-fetching hook (`useDocSearch`) lives hub-side because it
+ * depends on hub-only context (`useDocNavigation`, the rag-table-
+ * config registry, the hub's `decideNewTab` helper). Moving the hook
+ * would cascade ~5 more file migrations into the lib.
+ *
+ * Instead, the hook stays hub-side and callers pass its result into
+ * this component as plain props. Both consumers shrink to ~5 lines.
+ */
+import type { ReactNode } from 'react';
+import { type SearchResult } from '../../ui/search-input';
+export interface DocSearchBarProps {
+    placeholder: string;
+    query: string;
+    onQueryChange: (value: string) => void;
+    /** Hook-fetched results. Reuses the lib's `<SearchInput>` `SearchResult`
+     *  shape directly so callers don't translate. */
+    results: SearchResult[];
+    isLoading: boolean;
+    /** Result selection handler. Mirrors `<SearchInput>` — the second
+     *  `modifiers` argument is preserved so cmd-click / shift-click on
+     *  a result row still forces new-tab behavior. Hub `useDocSearch`
+     *  reads these to short-circuit to `window.open()`. */
+    onResultSelect: (result: SearchResult, modifiers?: {
+        metaKey?: boolean;
+        ctrlKey?: boolean;
+        shiftKey?: boolean;
+        altKey?: boolean;
+        button?: number;
+    }) => void;
+    /** Lets the caller's hook force the dropdown open after a recent
+     *  internal action (e.g. result navigation). `undefined` falls back
+     *  to `<SearchInput>`'s built-in focus/hover heuristics. */
+    showDropdown?: boolean;
+    /** Defaults to 2 — matches the existing data-room and onboarding-
+     *  guide consumers. Override only if a surface needs different
+     *  typeahead semantics. */
+    minQueryLength?: number;
+    /** Defaults to 0 — both existing consumers debounce inside the
+     *  hook, not the input. */
+    debounceMs?: number;
+    className?: string;
+    /** Optional row-renderer override. Defaults to the lib's standard
+     *  `<DocSearchResultRow>` (source icon + title + path breadcrumb).
+     *  Override only when a surface needs custom row chrome. */
+    renderResult?: (result: SearchResult, isHighlighted: boolean) => ReactNode;
+}
+export declare function DocSearchBar({ placeholder, query, onQueryChange, results, isLoading, onResultSelect, showDropdown, minQueryLength, debounceMs, className, renderResult, }: DocSearchBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=doc-search-bar.d.ts.map

package/dist/components/shared/doc-search/doc-search-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"doc-search-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/doc-search/doc-search-bar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGtE,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC;qDACiD;IACjD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,SAAS,EAAE,OAAO,CAAA;IAClB;;;2DAGuD;IACvD,cAAc,EAAE,CACd,MAAM,EAAE,YAAY,EACpB,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,KACE,IAAI,CAAA;IACT;;gEAE4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;+BAE2B;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;+BAC2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;gEAE4D;IAC5D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,KAAK,SAAS,CAAA;CAC3E;AAED,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,KAAK,EACL,aAAa,EACb,OAAO,EACP,SAAS,EACT,cAAc,EACd,YAAY,EACZ,cAAkB,EAClB,UAAc,EACd,SAAoB,EACpB,YAAY,GACb,EAAE,iBAAiB,2CAqBnB"}