@flamingo-stack/openframe-frontend-core 0.0.308 → 0.0.309-snapshot.20260623021432

package/dist/components/index.js

@@ -32,7 +32,7 @@ import {
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-3LVKDW3J.js";
+} from "../chunk-6SBJVDH3.js";
 import "../chunk-GZ4C3XW6.js";
 import {
   FileDownloadCard,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flamingo-stack/openframe-frontend-core",
-  "version": "0.0.308",
+  "version": "0.0.309-snapshot.20260623021432",
   "description": "Shared design system and components for all Flamingo platforms",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/docs/doc-viewer.tsx

@@ -214,11 +214,19 @@ function DocViewerContent({
     if (!content) return null
     return renderContent(content, {
       onInternalLinkClick: navigateToDoc,
-      currentPath: selectedPath,
+      // Relative-link base = the RENDERED document's path, NOT `selectedPath`.
+      // They diverge for a no-README folder: selection stays on the folder
+      // (e.g. `repo/diagrams`) while the body is its first descendant doc
+      // (e.g. `repo/diagrams/architecture/README.md`, via `findFirstDocPath`).
+      // Resolving `./sibling.mmd` against the folder would 404; resolving it
+      // against `content.path` lands in the descendant's directory. The DAL
+      // sets `content.path` to the served doc in all cases (file / README
+      // folder / first-child fallback), so this is correct everywhere.
+      currentPath: content.path,
       sourceId,
       onResolveLink: resolveLink,
     })
-  }, [content, selectedPath, renderContent, navigateToDoc, sourceId, resolveLink])
+  }, [content, renderContent, navigateToDoc, sourceId, resolveLink])
 
   // Selected node's documentType drives:
   //   - which skeleton the caller renders during fetch (markdown vs embed)

package/src/components/docs/use-document-tree.ts

@@ -193,6 +193,16 @@ export function useDocumentTree(
         }
         pathToFetch = firstDocPath
       } else if (node && node.type === 'folder' && node.hasReadme) {
+        // `getContent(folder)` already resolves a README folder to its README,
+        // so the initial speculative fetch (which uses the bare folder path)
+        // ALREADY loaded this content. Re-fetching the `${folder}/README.md`
+        // variant is a redundant 2nd request whose in-flight `isLoadingContent`
+        // flashes the skeleton — content → skeleton → content — on first load.
+        // Skip it when the folder path was already the (speculatively) fetched
+        // path; the result (or its in-flight request) covers the README.
+        if (lastFetchedPath.current === selectedPath) {
+          return
+        }
         pathToFetch = `${selectedPath}/${folderIndexFile}`
       } else {
         pathToFetch = selectedPath

package/dist/chunk-3LVKDW3J.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/docs/doc-viewer.tsx","../src/components/persistent-filter-controls.tsx","../src/components/loading/page-layout-skeleton.tsx","../src/components/loading/unified-skeleton.tsx","../src/components/loading/card-skeleton.tsx","../src/components/docs/use-document-tree.ts","../src/components/docs/doc-navigation-context.tsx","../src/components/docs/use-scroll-spy.ts","../src/components/docs/use-docs-resolve-link.ts","../src/components/docs/skeletons.tsx","../src/components/docs/docs-hub-page.tsx"],"sourcesContent":["\"use client\"\n\nimport React, { useMemo } from \"react\"\nimport { MultiLevelNavigation, MobileNavigationDropdown } from \"../navigation/multi-level-navigation\"\nimport { PageLayout } from \"../layout/page-layout\"\nimport { PageShell } from \"../layout/article-detail-layout\"\nimport { useRouter } from \"../../embed-shims/next-navigation\"\nimport { PersistentSidebar, PersistentMobileDropdown } from \"../persistent-filter-controls\"\nimport { CategorySidebarSkeleton } from \"../loading/page-layout-skeleton\"\nimport { DocSearchBar, useDocSearch } from \"../shared/doc-search\"\nimport { StickySectionNav } from \"../navigation/sticky-section-nav\"\nimport { useDocumentTree } from \"./use-document-tree\"\nimport { useScrollSpy } from \"./use-scroll-spy\"\nimport { useDocNavigation } from \"./doc-navigation-context\"\nimport { findDocNodeByPath } from \"../../utils/doc-tree-nav\"\nimport type { DocContent, DocNode, DocRenderHandlers, DocSourceId } from \"../../types/doc-source\"\nimport { useDocsResolveLink } from \"./use-docs-resolve-link\"\n\n/** Color tokens for the doc-viewer chrome. Hub-side `DocViewer` callers share\n *  this constant; no need to override per source — the palette is intentionally\n *  uniform across knowledge-base + data-room (both use ODS dark tokens). */\nexport const DEFAULT_DOC_VIEWER_PALETTE = {\n  background: \"bg-ods-bg\",\n  containerBackground: \"transparent\",\n  headerText: \"text-ods-text-primary\",\n  primaryText: \"text-ods-text-primary\",\n  secondaryText: \"text-ods-text-secondary\",\n  accent: \"var(--ods-accent)\",\n  border: \"border-ods-border\",\n  cardBackground: \"bg-ods-card\",\n} as const\n\nexport interface DocViewerProps {\n  /**\n   * Registry source id (`'openframe-docs'`, `'data-room-docs'`, …). Flowed through\n   * `renderContent`'s handlers for `/api/docs/resolve-link` POSTs.\n   */\n  sourceId: DocSourceId\n\n  /**\n   * Render the content body. The page shell owns this — it picks the markdown\n   * renderer, dispatches PDF/Figma/Sheets/file branches, etc. No renderer\n   * interface in between.\n   */\n  renderContent: (content: DocContent, handlers: DocRenderHandlers) => React.ReactNode\n\n  /**\n   * Render the loading skeleton. Receives the selected node's `documentType`\n   * (undefined while structure is still loading) so the caller can return a\n   * markdown-shaped skeleton vs an embed-shaped skeleton.\n   */\n  renderSkeleton: (documentType: DocNode['documentType']) => React.ReactNode\n\n  /**\n   * Chat-source identifier — passed in by the page shell from server-side\n   * `currentPlatform()`. Lib has no platform context; the page shell is the\n   * trusted boundary that wires this. NEVER pass user input here.\n   */\n  chatSource: string\n\n  /** Page title — rendered as the inline hero `<h1>` (same DOM\n   *  `<DevSectionView>`'s hero uses) so the doc-viewer chrome matches the\n   *  dev-section pages. ReactNode is intentionally not supported here —\n   *  every consumer renders the same typography. */\n  title?: string\n  /** Optional icon rendered inline before the title text — same slot\n   *  `<DevSectionView>`'s hero uses (Map for Roadmap, Rocket for Releases,\n   *  etc.). Pass a pre-rendered React element styled with\n   *  `SECTION_HERO_ICON_CLASS` (`h-10 w-10 text-ods-accent`) for visual\n   *  parity with other lib pages. */\n  titleIcon?: React.ReactNode\n  /** Subtitle (h6, secondary text) rendered beneath the title. */\n  subtitle?: string\n  /** Render a yellow accent dot (`.`) after the title — same flag as\n   *  the hub's legacy `<AdminPageHeader accentDot>` so the docs-hub\n   *  surface keeps its existing accent styling after the migration. */\n  accentDot?: boolean\n  /** Override the default ODS palette. Optional — most callers should omit. */\n  colorPalette?: typeof DEFAULT_DOC_VIEWER_PALETTE\n  className?: string\n\n  /** Initial doc path (URL `[...path]`). */\n  docPath?: string\n\n  /** Sidebar header copy (`'DOCUMENTATION'`, `'DATA ROOM'`). */\n  sidebarLabel?: string\n\n  /**\n   * API endpoint for fetching the document tree structure. Defaults to the\n   * dispatcher path `/api/docs/sources/${sourceId}/structure`. Override only\n   * if hosting the viewer behind a different route.\n   */\n  structureEndpoint?: string\n  /** Same shape as `structureEndpoint`. Defaults to `/api/docs/sources/${sourceId}/content`. */\n  contentEndpoint?: string\n  /** RAG-search endpoint that backs the in-source search bar (when `showAIChat`\n   *  is on). Defaults to `/api/docs/search`. Override for proxy-prefix embeds —\n   *  same injectability pattern as `structureEndpoint` / `contentEndpoint`. */\n  searchEndpoint?: string\n  /** POST internal-link resolver. The viewer threads an async `onResolveLink`\n   *  into `renderContent`'s `handlers` that posts `{ link, currentPath, source }`\n   *  here. Defaults to `/api/docs/resolve-link`. Override for proxy-prefix embeds —\n   *  same injectability pattern as `structureEndpoint` / `contentEndpoint` /\n   *  `searchEndpoint`, with `ChatRuntime.endpoints.docsResolveLinkUrl` as a\n   *  runtime fallback (prop → runtime → default). */\n  resolveLinkEndpoint?: string\n  /** Base route path for URL navigation. */\n  baseRoute: string\n\n  /** Empty state copy when no doc is selected. */\n  emptyStateText?: string\n\n  /** Whether to render the doc-search bar (bound to chat). */\n  showAIChat?: boolean\n\n  /** Folder-index filename (default `'README.md'`). */\n  folderIndexFile?: string\n\n  /** Back-button shown above the title. Mirrors `<DevSectionPage>` /\n   *  `<HelpCenterList>` / `<LegalDocumentPage>` so every embeddable surface\n   *  shares the same chrome. Defaults to `{ label: 'Back to home', href: '/' }`.\n   *  Pass `false` to hide; pass `{ href: '/docs' }` etc. when the embed's\n   *  home isn't `/`. */\n  backButton?: { label?: string; href?: string } | false\n}\n\nexport function DocViewer(props: DocViewerProps) {\n  return <DocViewerContent {...props} />\n}\n\nfunction DocViewerContent({\n  sourceId,\n  renderContent,\n  renderSkeleton,\n  chatSource,\n  title,\n  titleIcon,\n  subtitle,\n  accentDot,\n  colorPalette = DEFAULT_DOC_VIEWER_PALETTE,\n  className = \"\",\n  docPath,\n  sidebarLabel = \"DOCUMENTATION\",\n  structureEndpoint,\n  contentEndpoint,\n  searchEndpoint,\n  resolveLinkEndpoint,\n  baseRoute,\n  emptyStateText,\n  showAIChat = false,\n  folderIndexFile,\n  backButton,\n}: DocViewerProps) {\n  // Default endpoints derived from sourceId. Hub callers omit the props in 99%\n  // of cases; the override is for embed contexts where the doc-viewer sits\n  // behind a non-standard route.\n  const resolvedStructureEndpoint =\n    structureEndpoint ?? `/api/docs/sources/${sourceId}/structure`\n  const resolvedContentEndpoint =\n    contentEndpoint ?? `/api/docs/sources/${sourceId}/content`\n  // Resolve-link endpoint chain (prop → ChatRuntime.endpoints → hub default)\n  // + the full fetch + JSON-parse pipeline live in `useDocsResolveLink`.\n  // Keeping it factored out as a proper hook makes the contract reusable\n  // by any embedder rendering doc content outside `<DocViewer>` (custom\n  // markdown renderers, link-resolver previews, etc.) and keeps this\n  // component focused on layout + state.\n  const resolveLink = useDocsResolveLink(sourceId, resolveLinkEndpoint)\n  const {\n    structure,\n    selectedPath,\n    content,\n    isLoadingStructure,\n    isLoadingContent,\n    error,\n    expandedNodes,\n    selectNode,\n    toggleNode,\n    navigateToDoc,\n  } = useDocumentTree(\n    {\n      structureEndpoint: resolvedStructureEndpoint,\n      contentEndpoint: resolvedContentEndpoint,\n      baseRoute,\n      folderIndexFile,\n    },\n    docPath,\n  )\n\n  const { activeSection, handleSectionClick } = useScrollSpy(content?.sections)\n\n  const docNav = useDocNavigation()\n\n  // Back-button config — mirrors `<DevSectionPage>` so the docs surface\n  // matches every other embeddable page's chrome. Default target is `/`\n  // (the embed's home); pass `backButton: false` to hide entirely, or\n  // override the href when the embed's home isn't `/`.\n  const router = useRouter()\n  const backCfg =\n    backButton === false\n      ? null\n      : {\n          label: backButton?.label ?? 'Back to home',\n          onClick: () => router.push(backButton?.href ?? '/'),\n        }\n  const docSearch = useDocSearch({\n    source: chatSource,\n    baseRoute,\n    searchEndpoint,\n    onNavigate: (path) => navigateToDoc(path, { fromInternalLink: true }),\n    onInPageSwap: (path) => docNav.navigate(path),\n  })\n\n  const renderedContent = useMemo(() => {\n    if (!content) return null\n    return renderContent(content, {\n      onInternalLinkClick: navigateToDoc,\n      currentPath: selectedPath,\n      sourceId,\n      onResolveLink: resolveLink,\n    })\n  }, [content, selectedPath, renderContent, navigateToDoc, sourceId, resolveLink])\n\n  // Selected node's documentType drives:\n  //   - which skeleton the caller renders during fetch (markdown vs embed)\n  //   - the article max-width + sticky-nav visibility (markdown only)\n  // `undefined` documentType is treated as `'markdown'` (per the DocNode\n  // discriminator's documented default).\n  const selectedNodeDocType =\n    selectedPath && structure.length > 0\n      ? findDocNodeByPath(selectedPath, structure)?.documentType\n      : undefined\n  // During loading, the in-flight content's type isn't known yet — fall back\n  // to the selected node's type (or markdown if neither is set).\n  const activeDocType = content?.documentType ?? selectedNodeDocType\n  const isMarkdownContent = !activeDocType || activeDocType === 'markdown'\n  const showStickyNav = isMarkdownContent\n\n  const stickyNavSections =\n    content?.sections?.map((s) => ({ id: s.id, label: s.title })) ?? []\n\n  const isColorValue =\n    colorPalette.background.startsWith('#') ||\n    colorPalette.background.startsWith('rgb') ||\n    colorPalette.background.startsWith('var(')\n\n  const bgStyle = isColorValue ? { backgroundColor: colorPalette.background } : {}\n  const bgClass = !isColorValue ? colorPalette.background : ''\n  const containerBgStyle =\n    colorPalette.containerBackground !== 'transparent'\n      ? { backgroundColor: colorPalette.containerBackground }\n      : {}\n\n  const defaultEmptyText =\n    structure.length > 0\n      ? 'Select a document from the sidebar to view'\n      : 'No documents yet. Add content from the admin panel.'\n  const resolvedEmptyText = emptyStateText || defaultEmptyText\n\n  return (\n    // Render through the shared wrapper chain (PageShell → PageLayout →\n    // `gap-10 flex-col`). PageLayout owns the back-button row; the inner\n    // `gap-10` div holds an inline title hero (same DOM `<DevSectionView>`'s\n    // hero renders) followed by the search bar + content grid.\n    //\n    // `colorPalette` / `className` / `bgStyle` flow through PageShell's\n    // contentClassName + an inner style-passthrough wrapper so legacy\n    // palette overrides still apply (none in the codebase today; the API\n    // surface is preserved).\n    <PageShell contentClassName={`${bgClass} ${className}`}>\n      <div style={{ ...bgStyle, ...containerBgStyle }}>\n        <PageLayout backButton={backCfg ?? undefined}>\n          <div className=\"w-full flex flex-col gap-10\">\n            {(title || titleIcon || subtitle) && (\n              <div className=\"space-y-4\">\n                {(title || titleIcon) && (\n                  <h1 className=\"text-h1 tracking-[-1.12px] text-ods-text-primary flex items-center gap-3\">\n                    {titleIcon}\n                    {title && (\n                      <span>\n                        {title}\n                        {accentDot && <span className=\"text-ods-accent\">.</span>}\n                      </span>\n                    )}\n                  </h1>\n                )}\n                <p className=\"font-['DM_Sans'] font-medium text-[18px] leading-[28px] text-ods-text-secondary max-w-3xl line-clamp-2 min-h-[56px]\">\n                  {subtitle || ' '}\n                </p>\n              </div>\n            )}\n\n          {showAIChat && (\n            <DocSearchBar\n              placeholder={`Search ${sidebarLabel?.toLowerCase() || 'documents'}...`}\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          )}\n\n          {error && (\n            <div className=\"flex justify-center\">\n              <div className=\"rounded-lg border bg-ods-card p-8 text-center max-w-md border-ods-border\">\n                <h2 className=\"text-xl font-semibold text-ods-text-primary\">\n                  Error Loading Documents\n                </h2>\n                <p className=\"mt-2 text-ods-text-secondary\">{error}. Please try again later.</p>\n              </div>\n            </div>\n          )}\n\n          {!error && (\n            <div className=\"flex flex-col lg:flex-row gap-6 lg:gap-10 items-start flex-1\">\n              <div className=\"w-full lg:w-[320px] lg:shrink-0\">\n                <div className=\"lg:sticky lg:top-20\">\n                  {isLoadingStructure ? (\n                    <CategorySidebarSkeleton />\n                  ) : (\n                    <>\n                      <PersistentMobileDropdown isLoading={false}>\n                        <MobileNavigationDropdown\n                          nodes={structure}\n                          selectedPath={selectedPath}\n                          expandedNodes={expandedNodes}\n                          onNodeClick={selectNode}\n                          onToggleExpand={toggleNode}\n                          isLoading={false}\n                          folderIndexFile={folderIndexFile}\n                        />\n                      </PersistentMobileDropdown>\n\n                      <PersistentSidebar isLoading={false}>\n                        <div className=\"hidden lg:block\">\n                          <div className=\"space-y-4\">\n                            <h3 className=\"text-[14px] font-['Azeret_Mono'] font-semibold uppercase text-ods-text-secondary tracking-[-0.02em] leading-[1.43em]\">\n                              {sidebarLabel}\n                            </h3>\n                            <MultiLevelNavigation\n                              nodes={structure}\n                              selectedPath={selectedPath}\n                              expandedNodes={expandedNodes}\n                              onNodeClick={selectNode}\n                              onToggleExpand={toggleNode}\n                              isLoading={false}\n                              folderIndexFile={folderIndexFile}\n                            />\n                          </div>\n                        </div>\n                      </PersistentSidebar>\n                    </>\n                  )}\n                </div>\n              </div>\n\n              <div className=\"flex-1 min-w-0 w-full\">\n                <div\n                  className={`grid grid-cols-1 ${\n                    // \"On this page\" right column only makes sense for\n                    // MARKDOWN content (PDFs / Sheets / Figma / file have no\n                    // sections to navigate to). Gating the grid template on\n                    // `isMarkdownContent` also suppresses the section-skeleton\n                    // bars during embed loads — the user-reported \"skeleton\n                    // shouldn't be on file pages\" bug.\n                    isMarkdownContent &&\n                    ((showStickyNav && stickyNavSections.length > 0) ||\n                      isLoadingContent ||\n                      isLoadingStructure)\n                      ? 'lg:grid-cols-[1fr_280px]'\n                      : ''\n                  } gap-8`}\n                >\n                  {/* min-w-0: grid items default to min-width:auto, which would\n                      let a long unbreakable token push this column past the\n                      track width. Pair with the inherited overflow-wrap:anywhere\n                      (app-globals.css) so content wraps instead of overflowing. */}\n                  <div className={`w-full min-w-0 ${isMarkdownContent ? 'max-w-4xl mx-auto' : ''}`}>\n                    <article className=\"space-y-2\">\n                      {(isLoadingContent || isLoadingStructure) ? (\n                        renderSkeleton(selectedNodeDocType)\n                      ) : !content ? (\n                        <div className=\"text-center py-16\">\n                          <p className=\"text-xl text-ods-text-secondary\">{resolvedEmptyText}</p>\n                        </div>\n                      ) : (\n                        renderedContent\n                      )}\n                    </article>\n                  </div>\n\n                  {isMarkdownContent && (isLoadingContent || isLoadingStructure) && (\n                    <div className=\"hidden lg:block\">\n                      <div className=\"sticky top-24\">\n                        <div className=\"h-[14px] w-28 bg-ods-border rounded animate-pulse mb-5\" />\n                        <div className=\"space-y-0\">\n                          {[130, 170, 190, 220, 110, 200, 80, 100, 120, 140, 90].map((w, i) => (\n                            <div\n                              key={i}\n                              className={`py-[13px] pl-3 border-l-2 ${\n                                i === 0 ? 'border-ods-accent' : 'border-transparent'\n                              }`}\n                            >\n                              <div\n                                className=\"h-[13px] bg-ods-border rounded animate-pulse\"\n                                style={{ width: w }}\n                              />\n                            </div>\n                          ))}\n                        </div>\n                      </div>\n                    </div>\n                  )}\n\n                  {showStickyNav &&\n                    content &&\n                    stickyNavSections.length > 0 &&\n                    !isLoadingContent && (\n                      <div className=\"hidden lg:block\">\n                        <div className=\"sticky top-24\">\n                          <h3 className=\"text-[14px] font-['Azeret_Mono'] font-semibold uppercase text-ods-text-secondary tracking-[-0.02em] leading-[1.43em] mb-4\">\n                            ON THIS PAGE\n                          </h3>\n                          <StickySectionNav\n                            sections={stickyNavSections}\n                            activeSection={activeSection}\n                            onSectionClick={handleSectionClick}\n                            ribbonPosition=\"left\"\n                            ribbonColor=\"var(--ods-accent)\"\n                          />\n                        </div>\n                      </div>\n                    )}\n                </div>\n              </div>\n            </div>\n          )}\n          </div>\n        </PageLayout>\n      </div>\n    </PageShell>\n  )\n}\n","\"use client\"\n\nimport { ReactNode } from \"react\"\nimport { cn } from \"../utils/cn\"\n\ninterface PersistentFilterControlsProps {\n  /**\n   * Whether the filters are currently in a loading state\n   */\n  isLoading: boolean\n  /**\n   * The filter control components (search, sidebar, mobile dropdown)\n   */\n  children: ReactNode\n  /**\n   * Additional CSS classes\n   */\n  className?: string\n  /**\n   * Disabled opacity (0-1)\n   */\n  disabledOpacity?: number\n  /**\n   * Transition duration in milliseconds\n   */\n  transitionDuration?: number\n  /**\n   * Whether to prevent pointer events during loading\n   */\n  preventInteraction?: boolean\n}\n\n/**\n * PersistentFilterControls\n * \n * A wrapper component that keeps filter controls visible during loading states\n * but provides visual feedback that they are temporarily disabled.\n * \n * Features:\n * - Reduces opacity and disables pointer events during loading\n * - Maintains layout and accessibility during loading states\n * - Provides smooth transitions between enabled/disabled states\n * - Preserves keyboard navigation and screen reader functionality\n * - Applies consistent disabled styling across all filter types\n * \n * Usage:\n * ```tsx\n * <PersistentFilterControls isLoading={isLoadingVendors}>\n *   <SearchContainer />\n *   <CategoryFilterSidebar />\n *   <MobileDropdown />\n * </PersistentFilterControls>\n * ```\n */\nexport function PersistentFilterControls({\n  isLoading,\n  children,\n  className,\n  disabledOpacity = 0.6,\n  transitionDuration = 300,\n  preventInteraction = true,\n}: PersistentFilterControlsProps) {\n  return (\n    <div \n      className={cn(\n        \"relative transition-all ease-in-out\",\n        isLoading && preventInteraction && \"pointer-events-none\",\n        className\n      )}\n      style={{\n        opacity: isLoading ? disabledOpacity : 1,\n        transitionDuration: `${transitionDuration}ms`\n      }}\n      role=\"region\"\n      aria-label=\"Filter controls\"\n      aria-busy={isLoading}\n      data-loading={isLoading}\n    >\n      {/* Loading indicator overlay for screen readers */}\n      {isLoading && (\n        <div \n          className=\"sr-only\" \n          role=\"status\" \n          aria-live=\"polite\"\n        >\n          Filters temporarily disabled while loading content\n        </div>\n      )}\n\n      {/* Filter controls with disabled state styling */}\n      <div \n        className={cn(\n          \"transition-all ease-in-out\",\n          isLoading && \"cursor-not-allowed\"\n        )}\n        style={{\n          transitionDuration: `${transitionDuration}ms`\n        }}\n      >\n        {children}\n      </div>\n\n      {/* Visual loading indicator */}\n      {isLoading && (\n        <div \n          className=\"absolute top-2 right-2 z-10\"\n          role=\"status\"\n          aria-label=\"Loading filters\"\n        >\n          <div className=\"w-4 h-4 border-2 border-ods-border border-t-[#FFC008] rounded-full animate-spin\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * Enhanced SearchContainer wrapper that integrates with persistent loading\n */\ninterface PersistentSearchContainerProps {\n  isLoading: boolean\n  children: ReactNode\n  className?: string\n}\n\nexport function PersistentSearchContainer({\n  isLoading,\n  children,\n  className\n}: PersistentSearchContainerProps) {\n  return (\n    <PersistentFilterControls \n      isLoading={isLoading}\n      preventInteraction={false} // Keep search interactive during loading\n      className={className}\n    >\n      {children}\n    </PersistentFilterControls>\n  )\n}\n\n/**\n * Enhanced sidebar wrapper for desktop filter controls\n */\ninterface PersistentSidebarProps {\n  isLoading: boolean\n  children: ReactNode\n  className?: string\n}\n\nexport function PersistentSidebar({\n  isLoading,\n  children,\n  className\n}: PersistentSidebarProps) {\n  return (\n    <PersistentFilterControls \n      isLoading={isLoading}\n      disabledOpacity={0.5}\n      className={cn(\"lg:sticky lg:top-20\", className)}\n    >\n      {children}\n    </PersistentFilterControls>\n  )\n}\n\n/**\n * Enhanced mobile dropdown wrapper\n */\ninterface PersistentMobileDropdownProps {\n  isLoading: boolean\n  children: ReactNode\n  className?: string\n}\n\nexport function PersistentMobileDropdown({\n  isLoading,\n  children,\n  className\n}: PersistentMobileDropdownProps) {\n  return (\n    <PersistentFilterControls \n      isLoading={isLoading}\n      disabledOpacity={0.7}\n      className={cn(\"lg:hidden\", className)}\n    >\n      {children}\n    </PersistentFilterControls>\n  )\n} ","import type React from \"react\"\nimport { cn } from \"../../utils/cn\"\nimport { UnifiedSkeleton, TextSkeleton, MediaSkeleton, InteractiveSkeleton } from \"./unified-skeleton\"\nimport { CardSkeletonGrid } from \"./card-skeleton\"\n\ninterface PageLayoutSkeletonProps {\n  className?: string\n}\n\n/**\n * Announcement bar skeleton that matches the AnnouncementBar component\n */\nexport function AnnouncementBarSkeleton() {\n  return (\n    <div className=\"bg-[#2A2A2A] relative w-full animate-pulse\">\n      <div className=\"flex flex-row items-center relative w-full\">\n        <div className=\"box-border flex flex-row gap-4 md:gap-6 items-center justify-start pl-4 md:pl-6 pr-12 md:pr-16 py-3 md:py-4 relative w-full\">\n          {/* Logo skeleton */}\n          <div className=\"relative shrink-0 w-6 h-6 md:w-8 md:h-8 bg-ods-border rounded\"></div>\n          \n          {/* Text content skeleton */}\n          <div className=\"flex-1 min-w-0 space-y-1 md:space-y-2\">\n            <div className=\"h-[14px] md:h-[18px] bg-ods-border rounded w-3/4 max-w-md\"></div>\n            <div className=\"h-[12px] md:h-[18px] bg-ods-border rounded w-full max-w-lg hidden md:block\"></div>\n          </div>\n          \n          {/* Close button skeleton */}\n          <div className=\"absolute right-2 top-2 w-6 h-6 bg-ods-border rounded\"></div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * Header skeleton that matches the ClientOnlyHeader placeholder but with proper animations\n */\nexport function HeaderSkeleton() {\n  return (\n    <header className=\"sticky top-0 z-40 w-full flex items-center justify-between border-b border-ods-border bg-ods-card backdrop-blur-sm bg-ods-card/95 px-4 md:px-[80px] py-3 md:py-[12px] animate-pulse\">\n      {/* Left: Logo skeleton */}\n      <div className=\"flex items-center justify-start flex-1 min-w-0\">\n        <div className=\"w-[110px] h-[26px] md:w-[137px] md:h-8 bg-[#2A2A2A] rounded\"></div>\n      </div>\n\n      {/* Center: Navigation skeleton - hidden on mobile, visible on desktop */}\n      <nav className=\"hidden md:flex flex-1 basis-1/3 justify-center items-center gap-2 min-w-0\">\n        <div className=\"flex items-center gap-2\">\n          <InteractiveSkeleton.Button className=\"w-24 h-10\" />\n          <InteractiveSkeleton.Button className=\"w-24 h-10\" />\n          <InteractiveSkeleton.Button className=\"w-24 h-10\" />\n        </div>\n      </nav>\n\n      {/* Right: Actions skeleton */}\n      <div className=\"flex items-center justify-end gap-4 flex-1 min-w-0\">\n        {/* Mobile: Show hamburger skeleton */}\n        <div className=\"md:hidden\">\n          <InteractiveSkeleton.Button className=\"h-10 w-10\" />\n        </div>\n        \n        {/* Desktop: Show action buttons skeletons */}\n        <div className=\"hidden md:flex items-center gap-4\">\n          <InteractiveSkeleton.Button className=\"w-10 h-10\" />\n          <InteractiveSkeleton.Button className=\"w-32 h-10\" />\n          <InteractiveSkeleton.Button className=\"w-20 h-10\" />\n        </div>\n      </div>\n    </header>\n  )\n}\n\n/**\n * Hero section skeleton for static content areas\n */\nexport function HeroSkeleton() {\n  return (\n    <section\n      className=\"w-full flex flex-col items-center justify-center py-12 px-4 md:py-20 md:px-8 text-center animate-pulse\"\n      style={{\n        background: 'radial-gradient(circle at 50% 0%, #242323 0%, #1A1A1A 100%)'\n      }}\n    >\n      {/* Title skeleton */}\n      <TextSkeleton.Heading className=\"h-12 md:h-20 lg:h-24 mb-4 md:mb-6 max-w-4xl w-full\" />\n      \n      {/* Subtitle skeleton */}\n      <div className=\"space-y-3 mb-8 md:mb-10 max-w-4xl w-full px-2\">\n        <TextSkeleton.Body className=\"h-5 md:h-7\" />\n        <TextSkeleton.Body className=\"h-5 md:h-7 w-3/4 mx-auto\" />\n      </div>\n      \n      {/* CTA Button skeleton */}\n      <InteractiveSkeleton.Button className=\"w-full md:w-64 h-12\" />\n    </section>\n  )\n}\n\n/**\n * Search container skeleton with filters\n */\nexport function SearchContainerSkeleton({ \n  className,\n  showFilters = true \n}: PageLayoutSkeletonProps & { showFilters?: boolean }) {\n  return (\n    <div className={cn(\"space-y-4\", className || \"\")}>\n      {/* Search input and button */}\n      <div className=\"flex gap-2 md:gap-4\">\n        <InteractiveSkeleton.Input className=\"flex-1\" />\n        <InteractiveSkeleton.Button className=\"w-32 md:w-40\" />\n      </div>\n\n      {/* Filter chips */}\n      {showFilters && (\n        <div className=\"flex gap-2 flex-wrap\">\n          <InteractiveSkeleton.Chip />\n          <InteractiveSkeleton.Chip className=\"w-24\" />\n          <InteractiveSkeleton.Chip className=\"w-16\" />\n          <InteractiveSkeleton.Chip className=\"w-20\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * Category sidebar skeleton for filtering pages\n */\nexport function CategorySidebarSkeleton({ className }: PageLayoutSkeletonProps) {\n  // Matches the actual MultiLevelNavigation sidebar with folder/file icons, README badges, and chevrons\n  const items = [\n    { type: 'file', width: 'w-20', hasBadge: false },\n    { type: 'folder', width: 'w-24', hasBadge: true },\n    { type: 'folder', width: 'w-20', hasBadge: true },\n    { type: 'folder', width: 'w-24', hasBadge: true },\n    { type: 'folder', width: 'w-16', hasBadge: true },\n    { type: 'folder', width: 'w-20', hasBadge: true },\n    { type: 'folder', width: 'w-28', hasBadge: true },\n    { type: 'folder', width: 'w-16', hasBadge: true },\n    { type: 'folder', width: 'w-24', hasBadge: true },\n    { type: 'file', width: 'w-28' },\n    { type: 'file', width: 'w-36' },\n  ]\n\n  return (\n    <div className={cn(\"w-full lg:w-[320px]\", className)}>\n      {/* DATA ROOM label */}\n      <UnifiedSkeleton className=\"h-[14px] w-24 rounded mb-4\" />\n\n      {/* Navigation items — each has card background matching actual MultiLevelNavigation */}\n      <div className=\"space-y-1.5\">\n        {items.map((item, index) => (\n          <div\n            key={index}\n            className={cn(\n              \"flex items-center justify-between py-4 px-4 rounded-lg border border-ods-border min-h-[50px]\",\n              index === 0 ? \"bg-ods-accent/20\" : \"bg-ods-card\"\n            )}\n          >\n            <div className=\"flex items-center gap-2.5\">\n              <UnifiedSkeleton className=\"w-4 h-4 shrink-0 rounded\" />\n              <UnifiedSkeleton className={`h-[14px] ${item.width} rounded`} />\n            </div>\n            <div className=\"flex items-center gap-2 h-[18px]\">\n              {item.hasBadge && <UnifiedSkeleton className=\"h-[18px] w-14 rounded\" />}\n              {item.type === 'folder' && <UnifiedSkeleton className=\"w-4 h-4 rounded\" />}\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\n/**\n * Breadcrumb navigation skeleton\n */\nexport function BreadcrumbSkeleton({ className }: PageLayoutSkeletonProps) {\n  return (\n    <div className={cn(\"flex items-center space-x-1 mb-6\", className)}>\n      <TextSkeleton.Caption className=\"w-16\" />\n      <UnifiedSkeleton variant=\"default\" className=\"w-4 h-4 rounded-full\" />\n      <TextSkeleton.Caption className=\"w-24\" />\n      <UnifiedSkeleton variant=\"default\" className=\"w-4 h-4 rounded-full\" />\n      <TextSkeleton.Caption className=\"w-32\" />\n      <UnifiedSkeleton variant=\"default\" className=\"w-4 h-4 rounded-full\" />\n      <TextSkeleton.Caption className=\"w-24\" />\n    </div>\n  )\n}\n\n/**\n * Results header skeleton with count and sorting\n */\nexport function ResultsHeaderSkeleton({ className }: PageLayoutSkeletonProps) {\n  return (\n    <div className={cn(\"flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-6\", className)}>\n      <div className=\"space-y-1\">\n        <TextSkeleton.Body className=\"w-48\" />\n        {/* <TextSkeleton.Caption className=\"w-32\" /> */}\n      </div>\n    </div>\n  )\n}\n\n/**\n * Two-column layout skeleton (sidebar + main content)\n */\nexport function TwoColumnLayoutSkeleton({\n  className,\n  sidebarContent,\n  mainContent,\n  sidebarPosition = 'left'\n}: PageLayoutSkeletonProps & {\n  sidebarContent?: React.ReactNode\n  mainContent?: React.ReactNode\n  sidebarPosition?: 'left' | 'right'\n}) {\n  const sidebar = sidebarContent || <CategorySidebarSkeleton />\n  const main = mainContent || <CardSkeletonGrid count={6} />\n\n  return (\n    <div className={cn(\n      \"grid grid-cols-1 lg:grid-cols-[320px_1fr] gap-6 lg:gap-8\",\n      sidebarPosition === 'right' && \"lg:grid-cols-[1fr_320px]\",\n      className\n    )}>\n      {sidebarPosition === 'left' ? (\n        <>\n          <aside className=\"order-2 lg:order-1\">{sidebar}</aside>\n          <main className=\"order-1 lg:order-2\">{main}</main>\n        </>\n      ) : (\n        <>\n          <main className=\"order-1\">{main}</main>\n          <aside className=\"order-2\">{sidebar}</aside>\n        </>\n      )}\n    </div>\n  )\n}\n\n/**\n * Article/blog post layout skeleton\n */\nexport function ArticleLayoutSkeleton({ className }: PageLayoutSkeletonProps) {\n  return (\n    <article className={cn(\"max-w-4xl mx-auto\", className)}>\n      {/* Article header */}\n      <header className=\"mb-8 md:mb-12 space-y-4 md:space-y-6\">\n        {/* Category/tags */}\n        <div className=\"flex gap-2\">\n          <InteractiveSkeleton.Chip />\n          <InteractiveSkeleton.Chip className=\"w-16\" />\n        </div>\n        \n        {/* Title */}\n        <div className=\"space-y-3\">\n          <TextSkeleton.Heading className=\"w-full\" />\n          <TextSkeleton.Heading className=\"w-3/4\" />\n        </div>\n        \n        {/* Metadata */}\n        <div className=\"flex items-center gap-4 pt-4 border-t border-ods-divider\">\n          <div className=\"flex items-center gap-2\">\n            <MediaSkeleton.Avatar size=\"sm\" />\n            <TextSkeleton.Caption className=\"w-24\" />\n          </div>\n          <TextSkeleton.Caption className=\"w-20\" />\n          <TextSkeleton.Caption className=\"w-16\" />\n        </div>\n      </header>\n\n      {/* Featured image */}\n      <div className=\"mb-8 md:mb-12\">\n        <MediaSkeleton.CardImage className=\"w-full h-64 md:h-96\" />\n      </div>\n\n      {/* Article content */}\n      <div className=\"prose prose-invert max-w-none space-y-6\">\n        {/* Paragraphs */}\n        {Array.from({ length: 12 }).map((_, index) => (\n          <div key={index} className=\"space-y-2\">\n            <TextSkeleton.Body className=\"w-full\" />\n            <TextSkeleton.Body className=\"w-full\" />\n            <TextSkeleton.Body className=\"w-5/6\" />\n            <TextSkeleton.Body className=\"w-3/4\" />\n          </div>\n        ))}\n        \n        {/* Subheading in content */}\n        <div className=\"py-4\">\n          <TextSkeleton.Subheading className=\"w-2/3 mb-4\" />\n          <div className=\"space-y-2\">\n            <TextSkeleton.Body className=\"w-full\" />\n            <TextSkeleton.Body className=\"w-4/5\" />\n          </div>\n        </div>\n      </div>\n    </article>\n  )\n}\n\n/**\n * Vendor Detail Layout Skeleton - Complete vendor detail page structure\n * Matches the refactored vendor detail page with proper platform colors and responsive layout\n */\nexport function VendorDetailLayoutSkeleton({ className }: PageLayoutSkeletonProps) {\n  return (\n    <main className={cn(\"bg-ods-bg min-h-screen\", className)}>\n      <div className=\"max-w-[1920px] mx-auto px-6 md:px-20 py-6 md:py-10\">\n        {/* Breadcrumb */}\n        <BreadcrumbSkeleton className=\"mb-6\" />\n\n        {/* Main Layout Container */}\n        <div className=\"flex flex-col lg:flex-row lg:gap-10\">\n          {/* Left Content Area */}\n          <div className=\"flex-1 min-w-0\">\n            \n            {/* Vendor Hero Section */}\n            <div className=\"mb-10\">\n              {/* Header - Logo and Title Side by Side */}\n              <div className=\"flex gap-6 mb-6\">\n                <div className=\"w-20 h-20 bg-ods-card border border-ods-border rounded-lg animate-pulse flex-shrink-0\"></div>\n                \n                <div className=\"flex flex-col gap-3\">\n                  <div className=\"flex flex-col gap-2\">\n                    {/* Large title skeleton */}\n                    <div className=\"h-12 md:h-16 lg:h-20 bg-[#2A2A2A] rounded animate-pulse w-80 max-w-full\"></div>\n                    {/* Category text */}\n                    <div className=\"h-5 md:h-6 bg-[#2A2A2A] rounded animate-pulse w-32\"></div>\n                  </div>\n                  \n                  {/* Pricing tags */}\n                  <div className=\"flex items-center gap-2\">\n                    <div className=\"h-8 bg-[#2A2A2A] rounded animate-pulse w-20\"></div>\n                    <div className=\"h-8 bg-[#2A2A2A] rounded animate-pulse w-16\"></div>\n                  </div>\n                </div>\n              </div>\n\n              {/* Vendor Image Display Skeleton */}\n              <div className=\"w-full h-[300px] md:h-[400px] lg:h-[500px] bg-ods-card border border-ods-border rounded-lg animate-pulse mb-2\"></div>\n              <div className=\"text-center\">\n                <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-24 mx-auto\"></div>\n              </div>\n            </div>\n\n            {/* Mobile Sidebar - Show on mobile only, positioned after title */}\n            <div className=\"lg:hidden mb-10\">\n              <div className=\"space-y-4\">\n                {/* Deploy Button */}\n                <div className=\"h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse\"></div>\n                \n                {/* Voting Buttons */}\n                <div className=\"space-y-2\">\n                  <div className=\"h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse\"></div>\n                  <div className=\"h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse\"></div>\n                </div>\n                \n                {/* GitHub Score Section */}\n                <div className=\"border border-ods-border rounded-lg overflow-hidden\">\n                  {/* Header */}\n                  <div className=\"bg-ods-card p-4 flex items-center gap-3\">\n                    <div className=\"w-8 h-8 bg-[#2A2A2A] rounded animate-pulse\"></div>\n                    <div className=\"flex flex-col gap-1\">\n                      <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-20\"></div>\n                      <div className=\"h-6 bg-[#2A2A2A] rounded animate-pulse w-12\"></div>\n                    </div>\n                  </div>\n                  \n                  {/* Stats */}\n                  <div className=\"p-4 space-y-3\">\n                    {Array.from({ length: 4 }).map((_, i) => (\n                      <div key={i} className=\"flex items-center gap-3\">\n                        <div className=\"w-6 h-6 bg-[#2A2A2A] rounded animate-pulse\"></div>\n                        <div className=\"flex items-end gap-1\">\n                          <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-12\"></div>\n                          <div className=\"h-3 bg-[#2A2A2A] rounded animate-pulse w-8\"></div>\n                        </div>\n                      </div>\n                    ))}\n                  </div>\n                </div>\n                \n                {/* Action Buttons */}\n                <div className=\"space-y-3\">\n                  <div className=\"h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse\"></div>\n                  <div className=\"h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse\"></div>\n                  <div className=\"h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse\"></div>\n                </div>\n              </div>\n            </div>\n\n            {/* Alternatives Container */}\n            <div className=\"flex flex-col gap-6 mb-20\">\n              <div className=\"h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-48\"></div>\n              \n              {/* Open Source Alternatives */}\n              <div className=\"flex flex-col gap-4\">\n                <div className=\"h-5 bg-[#2A2A2A] rounded animate-pulse w-48\"></div>\n                <div className=\"flex flex-wrap gap-2\">\n                  {Array.from({ length: 6 }).map((_, i) => (\n                    <div key={i} className=\"h-10 bg-ods-card border border-ods-border rounded-lg animate-pulse w-24\"></div>\n                  ))}\n                </div>\n              </div>\n\n              {/* Commercial Alternatives */}\n              <div className=\"flex flex-col gap-4\">\n                <div className=\"h-5 bg-[#2A2A2A] rounded animate-pulse w-52\"></div>\n                <div className=\"flex flex-wrap gap-2\">\n                  {Array.from({ length: 4 }).map((_, i) => (\n                    <div key={i} className=\"h-10 bg-ods-card border border-ods-border rounded-lg animate-pulse w-28\"></div>\n                  ))}\n                </div>\n              </div>\n            </div>\n\n            {/* About Section */}\n            <div className=\"flex flex-col gap-6 mb-20\">\n              <div className=\"h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-64\"></div>\n              \n              <div className=\"bg-ods-card border border-ods-border rounded-lg p-6 md:p-8\">\n                <div className=\"space-y-4\">\n                  <div className=\"h-6 bg-[#2A2A2A] rounded animate-pulse\"></div>\n                  <div className=\"h-6 bg-[#2A2A2A] rounded animate-pulse\"></div>\n                  <div className=\"h-6 bg-[#2A2A2A] rounded animate-pulse w-5/6\"></div>\n                  <div className=\"h-6 bg-[#2A2A2A] rounded animate-pulse w-4/5\"></div>\n                </div>\n              </div>\n            </div>\n\n            {/* Key Features Section */}\n            <div className=\"flex flex-col gap-6 mb-20\">\n              <div className=\"h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-72\"></div>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n                {Array.from({ length: 6 }).map((_, i) => (\n                  <div key={i} className=\"bg-ods-card border border-ods-border rounded-lg p-4 flex gap-4\">\n                    <div className=\"w-12 h-12 bg-[#2A2A2A] rounded flex-shrink-0 animate-pulse\"></div>\n                    <div className=\"flex-1 space-y-2\">\n                      <div className=\"h-5 bg-[#2A2A2A] rounded animate-pulse w-3/4\"></div>\n                      <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse\"></div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n\n            {/* Pros and Cons Section */}\n            <div className=\"flex flex-col gap-6 mb-20\">\n              <div className=\"h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-80\"></div>\n              <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n                {/* Pros Column */}\n                <div className=\"flex flex-col gap-6\">\n                  <div className=\"h-5 bg-[#2A2A2A] rounded animate-pulse w-16\"></div>\n                  {Array.from({ length: 3 }).map((_, i) => (\n                    <div key={i} className=\"bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3\">\n                      <div className=\"w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse\"></div>\n                      <div className=\"flex-1 space-y-2\">\n                        <div className=\"h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3\"></div>\n                        <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse\"></div>\n                      </div>\n                    </div>\n                  ))}\n                </div>\n                {/* Cons Column */}\n                <div className=\"flex flex-col gap-6\">\n                  <div className=\"h-5 bg-[#2A2A2A] rounded animate-pulse w-16\"></div>\n                  {Array.from({ length: 3 }).map((_, i) => (\n                    <div key={i} className=\"bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3\">\n                      <div className=\"w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse\"></div>\n                      <div className=\"flex-1 space-y-2\">\n                        <div className=\"h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3\"></div>\n                        <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse\"></div>\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            </div>\n\n            {/* Alternatives Section */}\n            <div className=\"flex flex-col gap-6 mb-20\">\n              <div className=\"h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-72\"></div>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n                {Array.from({ length: 6 }).map((_, i) => (\n                  <div key={i} className=\"bg-ods-card border border-ods-border rounded-lg p-6 space-y-4\">\n                    {/* Header */}\n                    <div className=\"flex items-start gap-4\">\n                      <div className=\"w-16 h-16 bg-ods-bg border border-ods-border rounded-lg animate-pulse flex-shrink-0\"></div>\n                      <div className=\"flex-1 space-y-2\">\n                        <div className=\"h-6 bg-[#2A2A2A] rounded animate-pulse w-3/4\"></div>\n                        <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-1/2\"></div>\n                      </div>\n                      <div className=\"h-6 bg-[#2A2A2A] rounded animate-pulse w-20\"></div>\n                    </div>\n                    \n                    {/* Description */}\n                    <div className=\"space-y-2\">\n                      <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse\"></div>\n                      <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-5/6\"></div>\n                      <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-4/5\"></div>\n                    </div>\n                    \n                    {/* Footer */}\n                    <div className=\"flex items-center justify-between pt-2 border-t border-ods-border\">\n                      <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-16\"></div>\n                      <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-20\"></div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n              {/* Show All Button */}\n              <div className=\"h-12 bg-[#2A2A2A] rounded-md animate-pulse\"></div>\n            </div>\n\n            {/* Comments Section */}\n            <div className=\"flex flex-col gap-6 mb-20\">\n              <div className=\"h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-64\"></div>\n              \n              {/* Comment Form Skeleton */}\n              <div className=\"space-y-3\">\n                <div className=\"flex gap-3\">\n                  <div className=\"flex-1 bg-ods-bg border border-ods-border rounded-lg overflow-hidden\">\n                    {/* Title Section */}\n                    <div className=\"border-b border-ods-border p-3\">\n                      <div className=\"h-3 bg-[#2A2A2A] rounded animate-pulse w-8 mb-2\"></div>\n                      <div className=\"h-6 bg-[#2A2A2A] rounded animate-pulse w-full\"></div>\n                    </div>\n                    \n                    {/* Description Section */}\n                    <div className=\"p-3\">\n                      <div className=\"h-3 bg-[#2A2A2A] rounded animate-pulse w-16 mb-2\"></div>\n                      <div className=\"space-y-2\">\n                        <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-full\"></div>\n                        <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-3/4\"></div>\n                        <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-1/2\"></div>\n                      </div>\n                    </div>\n                  </div>\n                  \n                  {/* Send Button */}\n                  <div className=\"flex items-stretch\">\n                    <div className=\"h-[120px] w-20 bg-[#2A2A2A] rounded-lg animate-pulse\"></div>\n                  </div>\n                </div>\n              </div>\n              \n              {/* Sample Comment Cards */}\n              <div className=\"space-y-4\">\n                {Array.from({ length: 3 }).map((_, i) => (\n                  <div key={i} className=\"bg-ods-card border border-ods-border rounded-lg p-4\">\n                    {/* Comment Header */}\n                    <div className=\"flex flex-col gap-3 mb-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2\">\n                      <div className=\"flex items-center gap-2\">\n                        {/* User Info */}\n                        <div className=\"flex items-center gap-2 bg-ods-card border border-ods-border rounded-lg py-2 px-3\">\n                          <div className=\"w-8 h-8 bg-[#2A2A2A] rounded-lg animate-pulse\"></div>\n                          <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-20\"></div>\n                        </div>\n                        \n                        {/* Timestamp */}\n                        <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-12\"></div>\n                      </div>\n                    </div>\n                    \n                    {/* Comment Content */}\n                    <div className=\"space-y-2\">\n                      <div className=\"h-6 bg-[#2A2A2A] rounded animate-pulse w-2/3\"></div>\n                      <div className=\"space-y-1\">\n                        <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-full\"></div>\n                        <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-4/5\"></div>\n                        <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-3/5\"></div>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n\n          {/* Right Sidebar - Desktop Only */}\n          <div className=\"hidden lg:block w-[290px] flex-shrink-0\">\n            <div className=\"space-y-4\">\n              {/* Deploy Button */}\n              <div className=\"h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse\"></div>\n              \n              {/* Voting Buttons */}\n              <div className=\"space-y-2\">\n                <div className=\"h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse\"></div>\n                <div className=\"h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse\"></div>\n              </div>\n              \n              {/* GitHub Score Section */}\n              <div className=\"border border-ods-border rounded-lg overflow-hidden\">\n                {/* Header */}\n                <div className=\"bg-ods-card p-4 flex items-center gap-3\">\n                  <div className=\"w-8 h-8 bg-[#2A2A2A] rounded animate-pulse\"></div>\n                  <div className=\"flex flex-col gap-1\">\n                    <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-20\"></div>\n                    <div className=\"h-6 bg-[#2A2A2A] rounded animate-pulse w-12\"></div>\n                  </div>\n                </div>\n                \n                {/* Stats */}\n                <div className=\"p-4 space-y-3\">\n                  {Array.from({ length: 4 }).map((_, i) => (\n                    <div key={i} className=\"flex items-center gap-3\">\n                      <div className=\"w-6 h-6 bg-[#2A2A2A] rounded animate-pulse\"></div>\n                      <div className=\"flex items-end gap-1\">\n                        <div className=\"h-4 bg-[#2A2A2A] rounded animate-pulse w-12\"></div>\n                        <div className=\"h-3 bg-[#2A2A2A] rounded animate-pulse w-8\"></div>\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n              \n              {/* Action Buttons */}\n              <div className=\"space-y-3\">\n                <div className=\"h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse\"></div>\n                <div className=\"h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse\"></div>\n                <div className=\"h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse\"></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </main>\n  )\n}\n\n/**\n * Stats/features section skeleton for homepage\n */\nexport function StatsSectionSkeleton({ \n  className,\n  columns = 3 \n}: PageLayoutSkeletonProps & { columns?: number }) {\n  return (\n    <div className={cn(\n      \"grid gap-6 mb-12 md:mb-16\",\n      columns === 3 && \"grid-cols-1 md:grid-cols-3\",\n      columns === 4 && \"grid-cols-1 md:grid-cols-2 lg:grid-cols-4\",\n      className\n    )}>\n      {Array.from({ length: columns }).map((_, i) => (\n        <div key={i} className=\"bg-ods-card border border-ods-border rounded-lg p-6\">\n          <div className=\"space-y-4\">\n            <MediaSkeleton.Icon size=\"lg\" />\n            <TextSkeleton.Subheading className=\"w-3/4\" />\n            <div className=\"space-y-2\">\n              <TextSkeleton.Body className=\"w-full\" />\n              <TextSkeleton.Body className=\"w-3/4\" />\n            </div>\n          </div>\n        </div>\n      ))}\n    </div>\n  )\n}\n\n\n/**\n * Blog Card Grid Skeleton - Always displays exactly 4 blog card skeletons\n * Used for consistent blog page layout with predictable height\n */\nexport function BlogCardGridSkeleton({ className }: PageLayoutSkeletonProps) {\n  return (\n    <div className={cn(\"space-y-6\", className)}>\n      <CardSkeletonGrid \n        count={4}\n        variant=\"blog\"\n        className=\"grid-cols-1 md:grid-cols-2\"\n      />\n    </div>\n  )\n}\n\n/**\n * Vendor Grid Skeleton - Always displays exactly 12 vendor card skeletons\n * Used for consistent vendor page layout with predictable height\n */\nexport function VendorGridSkeleton({ className }: PageLayoutSkeletonProps) {\n  return (\n    <div className={cn(\"space-y-6\", className)}>\n      <CardSkeletonGrid \n        count={12}\n        variant=\"vendor\"\n        className=\"grid-cols-1 md:grid-cols-2 lg:grid-cols-3\"\n      />\n    </div>\n  )\n}\n\n/**\n * Slack Community Section Skeleton\n * Matches SlackCommunity component structure with title, channel list, and chat interface\n */\nexport function SlackCommunitySkeleton() {\n  return (\n    <section \n      className=\"w-full bg-ods-bg px-4 md:px-20 lg:px-20 py-12 md:py-20\"\n      aria-label=\"Slack Community Loading\"\n    >\n      {/* Frame 651 Container */}\n      <div className=\"w-full flex flex-col gap-4 md:gap-6\">\n        \n        {/* Title Skeleton */}\n        <div className=\"w-full\">\n          <div className=\"h-8 md:h-12 lg:h-14 bg-[#2A2A2A] rounded-lg animate-pulse max-w-md\"></div>\n        </div>\n\n        {/* Content Area - Channel List + Chat Interface */}\n        <div className=\"w-full flex flex-col lg:flex-row lg:justify-end lg:items-start gap-4 md:gap-6 min-w-0\">\n          \n          {/* Channel List Skeleton */}\n          <div className=\"w-full lg:w-[290px] lg:max-w-[290px] bg-ods-bg border border-ods-border rounded flex flex-col flex-shrink-0 overflow-hidden animate-pulse\">\n            <div className=\"p-4 space-y-4\">\n              {/* Header */}\n              <div className=\"flex flex-col gap-2\">\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"h-4 bg-[#2A2A2A] rounded w-24\"></div>\n                  <div className=\"h-3 bg-[#2A2A2A] rounded w-16\"></div>\n                </div>\n                <div className=\"h-3 bg-[#2A2A2A] rounded w-32\"></div>\n              </div>\n\n              {/* Channels */}\n              <div className=\"flex flex-col gap-1\">\n                <div className=\"h-3 bg-[#2A2A2A] rounded w-16 mb-2\"></div>\n                {Array.from({ length: 5 }).map((_, i) => (\n                  <div key={i} className=\"flex items-center gap-2 px-2 py-3 min-h-[48px]\">\n                    <div className=\"w-4 h-4 bg-[#2A2A2A] rounded\"></div>\n                    <div className=\"flex-1\">\n                      <div className=\"h-3 bg-[#2A2A2A] rounded w-24 mb-1\"></div>\n                      <div className=\"h-2 bg-[#2A2A2A] rounded w-16\"></div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n\n              {/* Stats */}\n              <div className=\"border-t border-ods-border pt-3 mt-2\">\n                <div className=\"space-y-2\">\n                  <div className=\"flex justify-between\">\n                    <div className=\"h-3 bg-[#2A2A2A] rounded w-16\"></div>\n                    <div className=\"h-3 bg-[#2A2A2A] rounded w-8\"></div>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <div className=\"h-3 bg-[#2A2A2A] rounded w-20\"></div>\n                    <div className=\"h-3 bg-[#2A2A2A] rounded w-8\"></div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {/* Chat Interface Skeleton */}\n          <div className=\"flex-1 min-h-[450px] h-[450px] md:min-h-[500px] md:h-[500px] lg:min-h-[600px] lg:h-[600px] bg-ods-card border border-ods-border rounded-lg flex flex-col min-w-0 animate-pulse\">\n            \n            {/* Header */}\n            <div className=\"flex items-center justify-between p-4 md:p-6 border-b border-ods-border bg-ods-bg h-[56px] md:h-[60px] flex-shrink-0\">\n              <div className=\"flex items-center gap-2\">\n                <div className=\"h-3 md:h-4 bg-[#2A2A2A] rounded w-3 md:w-4\"></div>\n                <div className=\"h-3 md:h-4 bg-[#2A2A2A] rounded w-24 md:w-32\"></div>\n              </div>\n              <div className=\"h-3 bg-[#2A2A2A] rounded w-12 md:w-16\"></div>\n            </div>\n\n            {/* Messages */}\n            <div className=\"flex-1 bg-ods-bg p-4 md:p-6 space-y-3 md:space-y-4 overflow-hidden min-h-[280px] md:min-h-[320px] lg:min-h-[420px]\">\n              {Array.from({ length: 6 }).map((_, i) => (\n                <div key={i} className=\"flex gap-2 md:gap-3\">\n                  <div className=\"w-10 h-10 md:w-12 md:h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0\"></div>\n                  <div className=\"flex-1\">\n                    <div className=\"flex items-center gap-2 mb-1\">\n                      <div className=\"h-3 bg-[#2A2A2A] rounded w-16 md:w-20\"></div>\n                      <div className=\"h-3 bg-[#2A2A2A] rounded w-12 md:w-16\"></div>\n                    </div>\n                    <div className=\"h-3 md:h-4 bg-[#2A2A2A] rounded w-full\"></div>\n                  </div>\n                </div>\n              ))}\n            </div>\n\n            {/* Input Area */}\n            <div className=\"p-4 md:p-6 border-t border-ods-border bg-ods-card h-[72px] md:h-[80px] flex-shrink-0\">\n              <div className=\"flex items-end gap-3 justify-center md:justify-end\">\n                <div className=\"h-10 md:h-12 bg-[#2A2A2A] rounded-lg w-28 md:w-32\"></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n} ","import type React from \"react\"\nimport { cn } from \"../../utils/cn\"\n\ninterface UnifiedSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string\n  variant?: 'default' | 'text' | 'circular' | 'rectangular'\n  width?: string | number\n  height?: string | number\n  /**\n   * Disable animation for users who prefer reduced motion\n   */\n  animate?: boolean\n  /**\n   * Accessibility label for screen readers\n   */\n  'aria-label'?: string\n}\n\n/**\n * UnifiedSkeleton Component\n * \n * Base skeleton component with consistent styling across the application.\n * \n * Design Specifications:\n * - Color: #2A2A2A base with #3A3A3A pulse highlight\n * - Animation: 1.5s pulse duration, ease-in-out timing\n * - Responsive: Mobile-first approach with proper scaling\n * - Accessibility: ARIA labels and reduced motion support\n * \n * @param variant - Shape variant: default (rounded), text (rounded-sm), circular, rectangular\n * @param width - Custom width (defaults to full width)\n * @param height - Custom height (defaults to auto based on variant)\n * @param animate - Enable/disable animation (respects prefers-reduced-motion)\n * @param aria-label - Accessibility label for screen readers\n */\nexport function UnifiedSkeleton({\n  className,\n  variant = 'default',\n  width,\n  height,\n  animate = true,\n  'aria-label': ariaLabel,\n  ...props\n}: UnifiedSkeletonProps) {\n  const baseClasses = \"bg-[#2A2A2A]\"\n  \n  const variantClasses = {\n    default: \"rounded-md\",\n    text: \"rounded-sm\",\n    circular: \"rounded-full\",\n    rectangular: \"rounded-none\"\n  }\n  \n  const defaultHeights = {\n    default: \"h-4\",\n    text: \"h-4\", \n    circular: \"h-12 w-12\",\n    rectangular: \"h-4\"\n  }\n  \n  const animationClasses = animate \n    ? \"animate-pulse motion-reduce:animate-none\" \n    : \"\"\n  \n  const style: React.CSSProperties = {\n    width: width,\n    height: height,\n  }\n  \n  return (\n    <div\n      className={cn(\n        baseClasses,\n        variantClasses[variant],\n        !height && !style.height && defaultHeights[variant],\n        !width && !style.width && variant !== 'circular' && \"w-full\",\n        animationClasses,\n        className\n      )}\n      style={style}\n      role=\"status\"\n      aria-label={ariaLabel || \"Loading content\"}\n      {...props}\n    />\n  )\n}\n\n/**\n * Text skeleton variants for consistent typography loading\n */\nexport const TextSkeleton = {\n  /**\n   * Large heading skeleton (h1, h2)\n   */\n  Heading: ({ className, ...props }: Omit<UnifiedSkeletonProps, 'variant'>) => (\n    <UnifiedSkeleton \n      variant=\"text\" \n      className={cn(\"h-8 md:h-10 lg:h-12\", className)} \n      aria-label=\"Loading heading\"\n      {...props} \n    />\n  ),\n  \n  /**\n   * Medium heading skeleton (h3, h4)\n   */\n  Subheading: ({ className, ...props }: Omit<UnifiedSkeletonProps, 'variant'>) => (\n    <UnifiedSkeleton \n      variant=\"text\" \n      className={cn(\"h-6 md:h-7 lg:h-8\", className)} \n      aria-label=\"Loading subheading\"\n      {...props} \n    />\n  ),\n  \n  /**\n   * Body text skeleton\n   */\n  Body: ({ className, ...props }: Omit<UnifiedSkeletonProps, 'variant'>) => (\n    <UnifiedSkeleton \n      variant=\"text\" \n      className={cn(\"h-4 md:h-5\", className)} \n      aria-label=\"Loading text\"\n      {...props} \n    />\n  ),\n  \n  /**\n   * Small text skeleton (captions, metadata)\n   */\n  Caption: ({ className, ...props }: Omit<UnifiedSkeletonProps, 'variant'>) => (\n    <UnifiedSkeleton \n      variant=\"text\" \n      className={cn(\"h-3 md:h-4\", className)} \n      aria-label=\"Loading caption\"\n      {...props} \n    />\n  ),\n}\n\n/**\n * Interactive element skeletons\n */\nexport const InteractiveSkeleton = {\n  /**\n   * Button skeleton with proper touch targets\n   */\n  Button: ({ className, ...props }: Omit<UnifiedSkeletonProps, 'variant'>) => (\n    <UnifiedSkeleton \n      variant=\"default\" \n      className={cn(\"h-10 md:h-12 w-32 md:w-40\", className)} \n      aria-label=\"Loading button\"\n      {...props} \n    />\n  ),\n  \n  /**\n   * Input field skeleton\n   */\n  Input: ({ className, ...props }: Omit<UnifiedSkeletonProps, 'variant'>) => (\n    <UnifiedSkeleton \n      variant=\"default\" \n      className={cn(\"h-10 md:h-12 w-full\", className)} \n      aria-label=\"Loading input field\"\n      {...props} \n    />\n  ),\n  \n  /**\n   * Filter chip skeleton\n   */\n  Chip: ({ className, ...props }: Omit<UnifiedSkeletonProps, 'variant'>) => (\n    <UnifiedSkeleton \n      variant=\"default\" \n      className={cn(\"h-8 w-20 rounded-full\", className)} \n      aria-label=\"Loading filter\"\n      {...props} \n    />\n  ),\n}\n\n/**\n * Media skeletons for images and icons\n */\nexport const MediaSkeleton = {\n  /**\n   * Avatar/profile image skeleton\n   */\n  Avatar: ({ size = 'md', className, ...props }: Omit<UnifiedSkeletonProps, 'variant'> & { size?: 'sm' | 'md' | 'lg' }) => {\n    const sizeClasses = {\n      sm: \"h-8 w-8\",\n      md: \"h-12 w-12\", \n      lg: \"h-16 w-16\"\n    }\n    \n    return (\n      <UnifiedSkeleton \n        variant=\"circular\" \n        className={cn(sizeClasses[size], className)} \n        aria-label=\"Loading profile image\"\n        {...props} \n      />\n    )\n  },\n  \n  /**\n   * Card image skeleton (1200×630 OG aspect — matches entity-cards default\n   * so loading state never causes a height shift when card data arrives)\n   */\n  CardImage: ({ className, ...props }: Omit<UnifiedSkeletonProps, 'variant'>) => (\n    <UnifiedSkeleton\n      variant=\"default\"\n      className={cn(\"aspect-[1200/630] w-full\", className)}\n      aria-label=\"Loading image\"\n      {...props}\n    />\n  ),\n  \n  /**\n   * Icon skeleton\n   */\n  Icon: ({ size = 'md', className, ...props }: Omit<UnifiedSkeletonProps, 'variant'> & { size?: 'sm' | 'md' | 'lg' }) => {\n    const sizeClasses = {\n      sm: \"h-4 w-4\",\n      md: \"h-6 w-6\",\n      lg: \"h-8 w-8\"\n    }\n    \n    return (\n      <UnifiedSkeleton \n        variant=\"default\" \n        className={cn(sizeClasses[size], className)} \n        aria-label=\"Loading icon\"\n        {...props} \n    />\n    )\n  },\n} ","import type React from \"react\"\nimport { cn } from \"../../utils/cn\"\nimport { UnifiedSkeleton, TextSkeleton, MediaSkeleton, InteractiveSkeleton } from \"./unified-skeleton\"\n\ninterface CardSkeletonProps {\n  className?: string\n  /**\n   * Card layout variant\n   */\n  variant?: 'vendor' | 'blog' | 'category' | 'alternative'\n  /**\n   * Show action buttons area\n   */\n  showActions?: boolean\n  /**\n   * Show metadata footer\n   */\n  showMetadata?: boolean\n  /** Optional tailwind classes to override the card container background & border */\n  containerClassName?: string\n}\n \n/**\n * Unified card skeleton component for consistent card loading states\n * \n * Supports different card types used across the application:\n * - vendor: Vendor cards with logo, title, description, and actions\n * - blog: Blog post cards with image, title, summary, and metadata  \n * - category: Category cards with icon, title, and description\n * - alternative: Alternative vendor cards in comparison lists\n */\nexport function CardSkeleton({\n  className,\n  containerClassName,\n  variant = 'vendor',\n  showActions = true,\n  showMetadata = true,\n  ...props\n}: CardSkeletonProps) {\n  const cardContent = {\n    vendor: <VendorCardContent showActions={showActions} showMetadata={showMetadata} />,\n    blog: <BlogCardContent showActions={showActions} showMetadata={showMetadata} />,\n    category: <CategoryCardContent />,\n    alternative: <AlternativeCardContent showActions={showActions} />\n  }\n\n  return (\n    <div \n      className={cn(\n        containerClassName || \"bg-ods-card border border-ods-border\",\n        \"rounded-lg overflow-hidden\",\n        // Flex layouts for certain variants\n        variant === 'blog' && \"h-full flex flex-col\",\n        variant === 'vendor' && \"h-full flex flex-col\",\n        className\n      )}\n      role=\"status\"\n      aria-label={`Loading ${variant} card`}\n      {...props}\n    >\n      {cardContent[variant]}\n    </div>\n  )\n}\n\n/**\n * Vendor card skeleton content - matches exact VendorCard structure\n */\nfunction VendorCardContent({ showActions, showMetadata }: { showActions: boolean; showMetadata: boolean }) {\n  return (\n    <div className=\"p-4 gap-3 flex flex-col\">\n      {/* Header Section - Row layout matching actual VendorCard */}\n      <div className=\"flex items-start gap-3 w-full\">\n        {/* Logo Frame - 60px width fixed, matching actual structure */}\n        <div className=\"w-[60px] h-[60px] bg-ods-bg border border-ods-border rounded-lg p-2 flex items-center justify-center flex-shrink-0\">\n          <MediaSkeleton.Avatar size=\"sm\" className=\"w-11 h-11\" />\n        </div>\n        \n        {/* Text Container - Column layout, matching actual structure */}\n        <div className=\"flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1\">\n          {/* Title - Single line with proper width */}\n          <TextSkeleton.Subheading className=\"w-3/4\" />\n          {/* Category - Single line, shorter */}\n          <TextSkeleton.Caption className=\"w-1/2\" />\n        </div>\n      </div>\n\n      {/* Description Section - Fixed 48px height matching actual VendorCard */}\n      <div className=\"w-full h-12 overflow-hidden flex items-center\">\n        <div className=\"space-y-1 w-full\">\n          <TextSkeleton.Body className=\"w-full\" />\n          <TextSkeleton.Body className=\"w-2/3\" />\n        </div>\n      </div>\n\n      {/* Footer Section - Responsive layout matching actual structure */}\n      <div className=\"flex items-center justify-between gap-2 w-full min-w-0\">\n        {/* Stats Container - Flexible width, no overflow */}\n        <div className=\"flex items-center gap-3 md:gap-4 min-w-0 flex-shrink\">\n          {/* OpenMSP Score skeleton */}\n          <div className=\"flex items-center gap-1 flex-shrink-0\">\n            <MediaSkeleton.Icon size=\"sm\" className=\"w-5 h-5\" />\n            <TextSkeleton.Caption className=\"w-8\" />\n          </div>\n          \n          {/* GitHub Stats skeleton */}\n          <div className=\"flex items-center gap-1 flex-shrink-0\">\n            <MediaSkeleton.Icon size=\"sm\" className=\"w-5 h-5\" />\n            <TextSkeleton.Caption className=\"w-10\" />\n          </div>\n        </div>\n\n        {/* Tag Section - Contained within card boundaries */}\n        <div className=\"flex-shrink-0\">\n          <div className=\"flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5\">\n            <div className=\"w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0\">\n              <MediaSkeleton.Icon size=\"sm\" className=\"w-2.5 h-2.5\" />\n            </div>\n            <TextSkeleton.Caption className=\"w-16\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * Blog card skeleton content - matches fixed height structure\n */\nfunction BlogCardContent({ showActions, showMetadata }: { showActions: boolean; showMetadata: boolean }) {\n  return (\n    <>\n      {/* Image Section — OG 1200×630 aspect (matches blog-card.tsx loaded state) */}\n      <div className=\"blog-card-image-container relative w-full aspect-[1200/630] overflow-hidden bg-ods-bg\">\n        <MediaSkeleton.CardImage />\n      </div>\n      \n      {/* Content - Fixed height structure to match BlogCard */}\n      <div className=\"p-4 flex flex-col flex-grow\">\n        {/* Title Section - Fixed 2 lines with vertical centering */}\n        <div className=\"mb-3 flex items-center min-h-[50.4px] md:min-h-[56px] lg:min-h-[61.6px]\">\n          <div className=\"space-y-1 w-full\">\n            <TextSkeleton.Subheading className=\"w-full\" />\n            <TextSkeleton.Subheading className=\"w-3/4\" />\n          </div>\n        </div>\n        \n        {/* Chips Section - Fixed single line height */}\n        <div className=\"mb-3 flex gap-2 h-[28px] items-center\">\n          <InteractiveSkeleton.Chip className=\"w-16\" />\n          <InteractiveSkeleton.Chip className=\"w-12\" />\n        </div>\n        \n        {/* Description Section - Fixed 2 lines with vertical centering */}\n        <div className=\"mb-3 flex items-center min-h-[42px] md:min-h-[45px] lg:min-h-[48px]\">\n          <div className=\"space-y-1 w-full\">\n            <TextSkeleton.Body className=\"w-full\" />\n            <TextSkeleton.Body className=\"w-1/2\" />\n          </div>\n        </div>\n\n        {/* Actions - only if requested */}\n        {showActions && (\n          <div className=\"pt-2\">\n            <InteractiveSkeleton.Button className=\"w-24 h-8\" />\n          </div>\n        )}\n        \n        {/* Metadata footer - Matches BlogMeta horizontal layout */}\n        {showMetadata && (\n          <div className=\"mt-auto\">\n            <div className=\"flex items-center justify-between gap-4 pt-4 border-t border-ods-border\">\n              {/* Author section - matches AuthorMeta */}\n              <div className=\"flex items-center gap-2 min-w-0 flex-1\">\n                <MediaSkeleton.Avatar size=\"sm\" />\n                <TextSkeleton.Caption className=\"w-16\" />\n              </div>\n              \n              {/* Date and reading time section - matches BlogMeta right side */}\n              <div className=\"flex items-center gap-3 text-[#767676] shrink-0\">\n                <TextSkeleton.Caption className=\"w-12\" />\n                {/* Separator dot */}\n                <div className=\"w-1 h-1 bg-[#767676] rounded-full\"></div>\n                <TextSkeleton.Caption className=\"w-16\" />\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n\n/**\n * Category card skeleton content\n */\nfunction CategoryCardContent() {\n  return (\n    <div className=\"p-4 md:p-6 space-y-4\">\n      {/* Icon grid */}\n      <div className=\"flex gap-2 md:gap-3\">\n        {Array.from({ length: 6 }).map((_, index) => (\n          <MediaSkeleton.Icon \n            key={index}\n            size=\"lg\"\n            className=\"flex-shrink-0\"\n          />\n        ))}\n      </div>\n\n      {/* Content */}\n      <div className=\"space-y-2\">\n        <div className=\"space-y-1\">\n          <TextSkeleton.Subheading className=\"w-3/4\" />\n          <TextSkeleton.Caption className=\"w-1/2\" />\n        </div>\n        \n        <div className=\"flex items-start md:items-end justify-between gap-4 md:gap-6\">\n          <div className=\"flex-1 space-y-2\">\n            <TextSkeleton.Body className=\"w-full\" />\n            <TextSkeleton.Body className=\"w-2/3\" />\n          </div>\n          \n          <InteractiveSkeleton.Button className=\"w-10 h-10 md:w-12 md:h-12 flex-shrink-0\" />\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * Alternative card skeleton content (for vendor alternatives/comparisons)\n */\nfunction AlternativeCardContent({ showActions }: { showActions: boolean }) {\n  return (\n    <div className=\"flex items-start gap-4 p-4\">\n      <MediaSkeleton.Avatar size=\"md\" className=\"flex-shrink-0\" />\n      \n      <div className=\"flex-1 space-y-2\">\n        <div className=\"flex items-center justify-between\">\n          <TextSkeleton.Subheading className=\"w-1/3\" />\n          <TextSkeleton.Caption className=\"w-16\" />\n        </div>\n        \n        <div className=\"space-y-1\">\n          <TextSkeleton.Body className=\"w-full\" />\n          <TextSkeleton.Body className=\"w-5/6\" />\n        </div>\n\n        {showActions && (\n          <div className=\"pt-2\">\n            <InteractiveSkeleton.Button className=\"w-20 h-8\" />\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * Grid of card skeletons for loading lists\n */\nexport function CardSkeletonGrid({\n  count = 6,\n  variant = 'vendor',\n  className,\n  containerClassName,\n  ...props\n}: {\n  count?: number\n  variant?: CardSkeletonProps['variant']\n  className?: string\n  containerClassName?: string\n} & Omit<CardSkeletonProps, 'variant'>) {\n  return (\n    <div \n      className={cn(\n        \"grid gap-4 md:gap-6\",\n        // Responsive grid based on card type\n        variant === 'vendor' && \"grid-cols-1 md:grid-cols-2 lg:grid-cols-3\",\n        variant === 'blog' && \"grid-cols-1 md:grid-cols-2\",\n        variant === 'category' && \"grid-cols-1 md:grid-cols-2 lg:grid-cols-4\",\n        variant === 'alternative' && \"grid-cols-1\",\n        className\n      )}\n      role=\"status\"\n      aria-label={`Loading ${count} ${variant} cards`}\n    >\n      {Array.from({ length: count }, (_, index) => (\n        <CardSkeleton \n          key={index} \n          variant={variant}\n          containerClassName={containerClassName}\n          {...props}\n        />\n      ))}\n    </div>\n  )\n} ","\"use client\"\n\nimport { useState, useEffect, useCallback, useRef } from 'react'\nimport type { DocNode, DocContent } from '../../types/doc-source'\nimport {\n  stripFolderIndexFromPath,\n  findDocNodeByPath,\n  getDocAncestorNodeIds,\n  DEFAULT_FOLDER_INDEX_FILE,\n} from '../../utils/doc-tree-nav'\nimport { useDocNavigation } from './doc-navigation-context'\nimport { contentFetch } from '../../utils/embed-content-fetch'\nimport { scrollElementIntoView } from '../../utils/scroll-into-view'\nimport { navigateSamePageHash, HUB_HEADER_OFFSET_PX } from '../../utils/same-page-hash-nav'\n\nfunction scrollToContent() {\n  const article = document.querySelector('article') as HTMLElement | null\n  if (article) {\n    scrollElementIntoView(article, { headerOffset: HUB_HEADER_OFFSET_PX })\n  } else {\n    window.scrollTo({ top: 0, behavior: 'smooth' })\n  }\n}\n\n/**\n * First displayable document inside a folder (depth-first): a direct non-Mermaid\n * file, else the first doc found in a subfolder. Used so a folder WITHOUT a\n * README shows its first child's content (mirroring how a README folder shows\n * its README) instead of a blank panel or a redundant in-page listing — the\n * sidebar tree is the directory browser. Returns null for a folder with no docs.\n */\nfunction findFirstDocPath(folder: DocNode): string | null {\n  const children = folder.children ?? []\n  for (const child of children) {\n    if (child.type === 'file' && !child.path.toLowerCase().endsWith('.mmd')) {\n      return child.path\n    }\n  }\n  for (const child of children) {\n    if (child.type === 'folder') {\n      const nested = findFirstDocPath(child)\n      if (nested) return nested\n    }\n  }\n  return null\n}\n\nexport interface UseDocumentTreeConfig {\n  /** API endpoint for fetching the document tree structure */\n  structureEndpoint: string\n  /** API endpoint for fetching document content */\n  contentEndpoint: string\n  /** Base route path for URL navigation (e.g., '/knowledge-base', '/data-room') */\n  baseRoute: string\n  /** Folder-index filename (defaults to 'README.md'). */\n  folderIndexFile?: string\n}\n\n/**\n * Generic hook for document tree navigation and content fetching.\n * Drives DocViewer across all doc-source consumers.\n *\n * Client-only: structure + content fetches run in parallel on first mount.\n * No SSR pre-population — the previous SSR path required a Supabase admin\n * client (service role key) and silently fell back to client fetches on\n * envs where the key wasn't set; the parallel client fetches keep behavior\n * uniform across local + prod (latency ~= max(structure, content), not sum).\n */\nexport function useDocumentTree(\n  config: UseDocumentTreeConfig,\n  initialPath?: string,\n) {\n  const { structureEndpoint, contentEndpoint, baseRoute } = config\n  const folderIndexFile = config.folderIndexFile ?? DEFAULT_FOLDER_INDEX_FILE\n\n  const cleanInitialPath = stripFolderIndexFromPath(\n    initialPath?.replace(/\\/$/, '') || '',\n    folderIndexFile,\n  )\n\n  const [structure, setStructure] = useState<DocNode[]>([])\n  const [selectedPath, setSelectedPath] = useState<string>(cleanInitialPath)\n  const [content, setContent] = useState<DocContent | null>(null)\n  const [isLoadingStructure, setIsLoadingStructure] = useState(true)\n  const [isLoadingContent, setIsLoadingContent] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [expandedNodes, setExpandedNodes] = useState<Set<string>>(new Set())\n  const [isInitialized, setIsInitialized] = useState(false)\n  const lastFetchedPath = useRef<string | null>(null)\n\n  const normalizedBaseRoute = baseRoute.replace(/\\/$/, '')\n\n  const selectedPathRef = useRef(selectedPath)\n  selectedPathRef.current = selectedPath\n\n  const docNavigation = useDocNavigation()\n\n  useEffect(() => {\n    const handlePopState = () => {\n      const pathname = window.location.pathname\n      let pathFromUrl = ''\n\n      if (pathname === normalizedBaseRoute || pathname === `${normalizedBaseRoute}/`) {\n        pathFromUrl = ''\n      } else if (pathname.startsWith(`${normalizedBaseRoute}/`)) {\n        pathFromUrl = pathname.substring(`${normalizedBaseRoute}/`.length)\n      }\n\n      pathFromUrl = stripFolderIndexFromPath(pathFromUrl, folderIndexFile)\n\n      if (pathFromUrl !== selectedPathRef.current) {\n        setSelectedPath(pathFromUrl)\n        if (pathFromUrl) {\n          const parentPath = pathFromUrl.includes('/')\n            ? pathFromUrl.substring(0, pathFromUrl.lastIndexOf('/'))\n            : pathFromUrl\n          setExpandedNodes(new Set(getDocAncestorNodeIds(parentPath)))\n        }\n        setTimeout(() => {\n          scrollToContent()\n        }, 150)\n      }\n    }\n\n    window.addEventListener('popstate', handlePopState)\n    return () => window.removeEventListener('popstate', handlePopState)\n  }, [normalizedBaseRoute, folderIndexFile])\n\n  // External-URL → state sync. The popstate listener above catches browser\n  // back/forward, but client-side routers (react-router, Next App Router…)\n  // change the URL via `history.pushState` which does NOT fire popstate.\n  // The host re-renders the viewer with a new `initialPath` prop instead, so\n  // we mirror the popstate logic here against the (memoized) `cleanInitialPath`.\n  // Without this, a chat-card click that soft-navigates via react-router\n  // updates the URL but the viewer stays on the previously-selected doc.\n  useEffect(() => {\n    if (cleanInitialPath === selectedPathRef.current) return\n    setSelectedPath(cleanInitialPath)\n    if (cleanInitialPath) {\n      const parentPath = cleanInitialPath.includes('/')\n        ? cleanInitialPath.substring(0, cleanInitialPath.lastIndexOf('/'))\n        : cleanInitialPath\n      setExpandedNodes(new Set(getDocAncestorNodeIds(parentPath)))\n    }\n    // Match popstate's scroll-to-content delay; the targeted content fetch\n    // dispatched by the selectedPath effect lands before this fires.\n    setTimeout(scrollToContent, 150)\n  }, [cleanInitialPath])\n\n  useEffect(() => {\n    if (!isInitialized) {\n      // Kick off the speculative content fetch IN PARALLEL with the structure\n      // fetch — the two endpoints are independent and most landing pages have\n      // a root README (the default folder-index). If the structure ends up\n      // pointing at a different path (e.g. knowledge-base falls back to the\n      // first-folder README because there's no root README), the content\n      // useEffect issues the correct fetch after structure arrives — the\n      // speculative result silently no-ops (the content state update gets\n      // overwritten by the targeted fetch).\n      const speculativeContentPath = cleanInitialPath || folderIndexFile\n      lastFetchedPath.current = speculativeContentPath\n      fetchContent(speculativeContentPath)\n      fetchStructure()\n      setIsInitialized(true)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isInitialized])\n\n  useEffect(() => {\n    if (selectedPath === null || selectedPath === undefined) return\n    if (!structure || structure.length === 0) return\n\n    let pathToFetch: string | null = null\n\n    if (selectedPath === '') {\n      pathToFetch = folderIndexFile\n    } else {\n      const node = findDocNodeByPath(selectedPath, structure)\n\n      if (node && node.type === 'folder' && !node.hasReadme) {\n        // No-README folder has no body of its own — show its FIRST child doc\n        // (mirrors a README folder showing its README). selectedPath stays the\n        // folder, so the sidebar keeps it highlighted/expanded; the sidebar is\n        // the directory browser, so we render NO separate in-page listing.\n        const firstDocPath = findFirstDocPath(node)\n        if (!firstDocPath) {\n          // Genuinely empty folder — clear to the empty state.\n          lastFetchedPath.current = null\n          setError(null)\n          setContent(null)\n          setIsLoadingContent(false)\n          return\n        }\n        pathToFetch = firstDocPath\n      } else if (node && node.type === 'folder' && node.hasReadme) {\n        pathToFetch = `${selectedPath}/${folderIndexFile}`\n      } else {\n        pathToFetch = selectedPath\n      }\n    }\n\n    if (pathToFetch === lastFetchedPath.current) {\n      return\n    }\n\n    if (pathToFetch) {\n      lastFetchedPath.current = pathToFetch\n      fetchContent(pathToFetch)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedPath, structure, folderIndexFile])\n\n  const fetchStructure = async () => {\n    try {\n      setIsLoadingStructure(true)\n      setError(null)\n\n      const response = await contentFetch(structureEndpoint)\n\n      if (!response.ok) {\n        throw new Error('Failed to load documentation structure')\n      }\n\n      const result = await response.json()\n\n      if (result.success && result.data) {\n        setStructure(result.data)\n\n        if (cleanInitialPath) {\n          const pathForExpansion = cleanInitialPath.includes('.')\n            ? cleanInitialPath.substring(0, cleanInitialPath.lastIndexOf('/'))\n            : cleanInitialPath\n          if (pathForExpansion) {\n            setExpandedNodes(new Set(getDocAncestorNodeIds(pathForExpansion)))\n          }\n        } else if (result.data.length > 0) {\n          const hasRootReadme = result.data.some(\n            (node: DocNode) => node.type === 'file' && node.path === folderIndexFile\n          )\n\n          if (!hasRootReadme) {\n            const firstNode = result.data[0]\n            if (firstNode.type === 'folder') {\n              setExpandedNodes(new Set([firstNode.id]))\n              if (firstNode.hasReadme) {\n                setSelectedPath(firstNode.path)\n                window.history.replaceState({}, '', `${normalizedBaseRoute}/${firstNode.path}`)\n              }\n            }\n          }\n        }\n      } else {\n        setError('Failed to load documentation structure')\n      }\n    } catch (err) {\n      console.error('Error fetching documentation structure:', err)\n      setError(err instanceof Error ? err.message : 'Failed to load documentation')\n    } finally {\n      setIsLoadingStructure(false)\n    }\n  }\n\n  const fetchContent = async (path: string) => {\n    try {\n      setIsLoadingContent(true)\n      // Don't clear `error` here — if a previous fetch set an error and this\n      // is a stale/speculative call that gets superseded, the guard below\n      // returns early without writing to state. Clearing error here would\n      // briefly flicker the user-visible error message.\n\n      const response = await contentFetch(`${contentEndpoint}?path=${encodeURIComponent(path)}`)\n\n      // Request-id guard: between awaits, `lastFetchedPath.current` may have\n      // been bumped by a newer fetch (the structure-arrives auto-select issues\n      // a more-targeted fetch while the speculative one is in flight). Bail\n      // BEFORE writing to state — otherwise the late 404 of the speculative\n      // fetch overwrites the targeted fetch's good content with null.\n      if (path !== lastFetchedPath.current) return\n\n      if (!response.ok) {\n        if (response.status === 404) {\n          const result = await response.json().catch(() => ({}))\n          if (path !== lastFetchedPath.current) return\n          // Landing-page silent fallback: when the user lands on the source's\n          // root URL and there's no root `README.md` (knowledge-base case),\n          // the speculative fetch 404s — surface an empty state instead of\n          // an error banner. The structure-arrives auto-select will fire\n          // a targeted fetch for the first-folder README on the next render.\n          if (path === folderIndexFile && selectedPath === '') {\n            // Superseded by the auto-select fetch the structure effect fires.\n            // Null the request id so the `finally` does NOT drop the spinner —\n            // otherwise there's a 1-frame gap (isLoadingContent false, content\n            // null) where the empty state flashes before the real fetch starts.\n            lastFetchedPath.current = null\n            setError(null)\n            setContent(null)\n            return\n          }\n          // No-README FOLDER → stay silent: the content effect resolves it to\n          // the folder's first child, so the folder-path 404 from the direct-\n          // load speculative fetch is expected, not an error to flash.\n          const probe = findDocNodeByPath(\n            stripFolderIndexFromPath(path, folderIndexFile),\n            structure,\n          )\n          const probeIsNoReadmeFolder =\n            !!probe && probe.type === 'folder' && !probe.hasReadme\n          // Before the structure has loaded to classify the path (`structure`\n          // is [] in the speculative call's closure), only silence FOLDER-LIKE\n          // paths (no `.md`) — a genuinely missing `*.md` leaf must still error.\n          const preStructureFolderLike =\n            structure.length === 0 && !path.endsWith('.md')\n          if (probeIsNoReadmeFolder || preStructureFolderLike) {\n            // Superseded by the targeted fetch (first-child / reclassified path)\n            // the structure effect fires. Null the request id so the `finally`\n            // keeps the spinner up instead of flashing an empty state for a\n            // frame before that fetch starts.\n            lastFetchedPath.current = null\n            setError(null)\n            setContent(null)\n            return\n          }\n          setError(result.error || 'Documentation file not found')\n          setContent(null)\n          return\n        }\n        throw new Error('Failed to load documentation content')\n      }\n\n      const result = await response.json()\n      if (path !== lastFetchedPath.current) return\n      setError(null)\n\n      if (result.success && result.data) {\n        if (result.redirect && result.correctPath !== undefined) {\n          const correctedPath = result.correctPath\n          setSelectedPath(correctedPath)\n          window.history.replaceState({}, '', `${normalizedBaseRoute}/${correctedPath}`)\n          setContent(result.data)\n        } else {\n          setContent(result.data)\n        }\n      } else {\n        setError(result.error || 'Failed to load content')\n        setContent(null)\n      }\n    } catch (err) {\n      if (path !== lastFetchedPath.current) return\n      console.error('Error fetching documentation content:', err)\n      setError(err instanceof Error ? err.message : 'Failed to load content')\n      setContent(null)\n    } finally {\n      // Only clear loading state if THIS fetch is still the active one — a\n      // superseded speculative shouldn't flip the spinner off while the\n      // targeted fetch is still in flight.\n      if (path === lastFetchedPath.current) setIsLoadingContent(false)\n    }\n  }\n\n  const toggleNode = useCallback((nodeId: string) => {\n    setExpandedNodes(prev => {\n      const next = new Set(prev)\n      if (next.has(nodeId)) {\n        next.delete(nodeId)\n      } else {\n        next.add(nodeId)\n      }\n      return next\n    })\n  }, [])\n\n  // Structural minimum the body uses — `id`, `path`, `type`, `hasReadme`.\n  // Widening from `DocNode` lets the navigation components (which carry the\n  // narrower `NavigationNode` row shape) pass their own node back without the\n  // cross-type `as` cast. Both DocNode and NavigationNode satisfy this.\n  const selectNode = useCallback((node: Pick<DocNode, 'id' | 'path' | 'type' | 'hasReadme'>) => {\n    // Expansion only: clicking a folder toggles its own subtree; clicking a file\n    // reveals its ancestor chain.\n    if (node.type === 'folder') {\n      setExpandedNodes(prev => {\n        if (prev.has(node.id)) {\n          const ancestorIds = getDocAncestorNodeIds(node.path)\n          ancestorIds.pop() // collapse self, keep ancestors open\n          return new Set(ancestorIds)\n        }\n        return new Set(getDocAncestorNodeIds(node.path))\n      })\n    } else {\n      const lastSlash = node.path.lastIndexOf('/')\n      if (lastSlash > 0) {\n        setExpandedNodes(new Set(getDocAncestorNodeIds(node.path.substring(0, lastSlash))))\n      }\n    }\n\n    // Every node is a navigable destination — a file shows its body, a README\n    // folder its README, a no-README folder its first child doc (the content\n    // effect resolves which). So selection + URL + scroll are identical for all\n    // node types; no per-type special-casing.\n    lastFetchedPath.current = null\n    setSelectedPath(node.path)\n    window.history.pushState({}, '', `${normalizedBaseRoute}/${node.path}`)\n    setTimeout(scrollToContent, 150)\n  }, [normalizedBaseRoute])\n\n  const navigateToDoc = useCallback((path: string, options?: { expandFolder?: boolean; fromInternalLink?: boolean }) => {\n    const hashIndex = path.indexOf('#')\n    const anchor = hashIndex !== -1 ? path.substring(hashIndex) : ''\n    const cleanPath = path.replace(/\\/$/, '').split('#')[0]\n\n    // Same-doc-different-anchor shortcut. Content is already mounted, so we\n    // don't need the 300ms \"wait-for-fetch\" bandaid — the canonical helper\n    // owns pushState + synthetic `hashchange` (so any in-doc TOC / accordion\n    // bound to the URL hash re-renders) + the anchoring-proof tween in one\n    // sync call. `headerOffset: HUB_HEADER_OFFSET_PX` matches the cross-doc path below so\n    // anchors land BELOW the docs sticky header on every same-doc internal\n    // link click. Cross-doc nav (different cleanPath) falls through to the\n    // existing fetch-then-scroll path below.\n    //\n    // We pass the BARE-hash form to the helper rather than reconstructing\n    // a full `${normalizedBaseRoute}/${cleanPath}${anchor}` path: the\n    // helper's pathname check compares against `window.location.pathname`,\n    // which carries the FOLDER-INDEX-STRIPPED form (`/docs/foo` for\n    // `foo/README.md`, `/docs` for the root index). Handing it `cleanPath`\n    // — the raw resolved path — produces e.g. `/docs/foo/README.md` and\n    // the compare fails → helper returns false → silent dead-click. The\n    // bare-hash form sidesteps that entirely: the helper reconstructs\n    // `pathname + search + hash` from `window.location`, so the compare\n    // is trivially equal. Covers bare `#anchor` links (resolve to\n    // `cleanPath=''`) AND folder-index links (`foo/README.md` resolving\n    // to the current `/docs/foo`).\n    // Bare-hash internal links (`[Click](#section)`) come in as\n    // `path === '#section'`, so `cleanPath` becomes `''` and the naive\n    // strip-then-compare misses the same-doc shortcut on every NON-root\n    // doc (selectedPath is e.g. `'foo/bar'`, not `''`). For that case the\n    // current doc IS the same-doc target by definition — short-circuit\n    // pathForSelection to the current selection so the shortcut fires.\n    const pathForSelection =\n      anchor && options?.fromInternalLink && cleanPath === ''\n        ? selectedPathRef.current\n        : stripFolderIndexFromPath(cleanPath, folderIndexFile)\n    if (\n      anchor &&\n      options?.fromInternalLink &&\n      pathForSelection === selectedPathRef.current\n    ) {\n      navigateSamePageHash(anchor, { headerOffset: HUB_HEADER_OFFSET_PX })\n      return\n    }\n\n    const scrollAfterNav = () => {\n      if (anchor) {\n        setTimeout(() => {\n          const el = document.getElementById(anchor.substring(1))\n          if (el) {\n            scrollElementIntoView(el, { headerOffset: HUB_HEADER_OFFSET_PX })\n          } else {\n            scrollToContent()\n          }\n        }, 300)\n      } else {\n        setTimeout(() => {\n          scrollToContent()\n        }, 150)\n      }\n    }\n\n    if (options?.expandFolder) {\n      lastFetchedPath.current = null\n      setSelectedPath(cleanPath)\n      window.history.pushState({}, '', `${normalizedBaseRoute}/${cleanPath}${anchor}`)\n\n      const pathParts = cleanPath.split('/')\n      const nodeIdsToExpand: string[] = []\n      let currentPath = ''\n\n      for (const part of pathParts) {\n        currentPath = currentPath ? `${currentPath}-${part}` : part\n        nodeIdsToExpand.push(currentPath.toLowerCase())\n      }\n\n      setExpandedNodes(new Set(nodeIdsToExpand))\n\n      if (options?.fromInternalLink) {\n        scrollAfterNav()\n      }\n\n      setError(null)\n      return\n    }\n\n    // `pathForSelection` was already computed above (inside the\n    // same-doc-anchor shortcut check); reuse it here for cross-doc nav.\n    const urlPath = pathForSelection\n\n    lastFetchedPath.current = null\n    setSelectedPath(pathForSelection)\n    window.history.pushState({}, '', `${normalizedBaseRoute}/${urlPath}${anchor}`)\n\n    if (options?.fromInternalLink) {\n      scrollAfterNav()\n    }\n\n    const pathParts = cleanPath.split('/')\n    const parentIds: string[] = []\n    let currentPath = ''\n    const partsToProcess = cleanPath.includes('.') ? pathParts.slice(0, -1) : pathParts\n\n    for (const part of partsToProcess) {\n      currentPath = currentPath ? `${currentPath}-${part}` : part\n      parentIds.push(currentPath.toLowerCase())\n    }\n\n    if (parentIds.length > 0) {\n      setExpandedNodes(new Set(parentIds))\n    }\n  }, [structure, normalizedBaseRoute, folderIndexFile])\n\n  useEffect(() => {\n    return docNavigation.register({\n      baseRoute: normalizedBaseRoute,\n      findNodeByPath: (path) => {\n        const clean = stripFolderIndexFromPath(path.replace(/\\/$/, '').split('#')[0], folderIndexFile)\n        return findDocNodeByPath(clean, structure) ?? null\n      },\n      selectNode,\n    })\n  }, [docNavigation, normalizedBaseRoute, structure, selectNode, folderIndexFile])\n\n  return {\n    structure,\n    selectedPath,\n    setSelectedPath,\n    content,\n    isLoadingStructure,\n    isLoadingContent,\n    error,\n    expandedNodes,\n    toggleNode,\n    selectNode,\n    navigateToDoc,\n    refetch: fetchStructure,\n    setExpandedNodes,\n  }\n}\n\nexport type { DocNode, DocContent }\n","\"use client\"\n\nimport React, { createContext, useCallback, useContext, useRef, type ReactNode } from 'react'\nimport type { DocNode } from '../../types/doc-source'\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface DocNavigator {\n  /** Base route this navigator owns (e.g., '/knowledge-base', '/data-room'). */\n  baseRoute: string\n  /** Look up a node in the tree by its storage path (e.g., 'openframe-cli/README.md'). */\n  findNodeByPath: (path: string) => DocNode | null\n  /** Navigate to a node using the same flow as a sidebar menu click. */\n  selectNode: (node: DocNode) => void\n}\n\ninterface DocNavigationContextValue {\n  /**\n   * Register a navigator for a `baseRoute`. Returns a cleanup function that\n   * removes the navigator from the map IF the slot still owns it (StrictMode-safe).\n   * Duplicate registration for the same baseRoute logs a console.warn and replaces.\n   */\n  register: (nav: DocNavigator) => () => void\n  /**\n   * Navigate to a path inside whichever registered navigator owns its baseRoute prefix.\n   * Returns true if handled, false otherwise (caller falls back to opening in a new tab).\n   */\n  navigate: (path: string) => boolean\n  /** Whether ANY navigator is currently mounted. */\n  isAvailable: () => boolean\n}\n\n// =============================================================================\n// Context\n// =============================================================================\n\nconst DocNavigationContext = createContext<DocNavigationContextValue | null>(null)\n\n/**\n * Bridges `useDocumentTree` instances (deep in the page tree) to `GlobalAskAI`\n * (high up near the root) without global events or URL parsing.\n *\n * Multi-navigator design: a `Map<baseRoute, DocNavigator>` lets multiple\n * viewers coexist (nested viewers, dual-pane scenarios). Today only one\n * viewer mounts at a time, so behavior is unchanged.\n */\nexport function DocNavigationProvider({ children }: { children: ReactNode }) {\n  const navMap = useRef<Map<string, DocNavigator>>(new Map())\n\n  const register = useCallback((nav: DocNavigator) => {\n    const existing = navMap.current.get(nav.baseRoute)\n    if (existing && existing !== nav) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `[DocNavigationContext] duplicate registration for ${nav.baseRoute}; replacing`,\n      )\n    }\n    navMap.current.set(nav.baseRoute, nav)\n    return () => {\n      // StrictMode-safe identity check: only delete if THIS nav still owns the slot.\n      if (navMap.current.get(nav.baseRoute) === nav) {\n        navMap.current.delete(nav.baseRoute)\n      }\n    }\n  }, [])\n\n  const findOwningNavigator = useCallback((path: string): DocNavigator | null => {\n    // First try: a navigator whose baseRoute is a prefix of `path`. Walks the\n    // longest match first so nested routes win over a parent.\n    const baseRoutes = Array.from(navMap.current.keys()).sort((a, b) => b.length - a.length)\n    for (const baseRoute of baseRoutes) {\n      if (path === baseRoute || path.startsWith(`${baseRoute}/`)) {\n        return navMap.current.get(baseRoute) ?? null\n      }\n    }\n    // Fallback: a single navigator handles any path (existing behavior — chat\n    // chips emit storage paths, not absolute URLs, so prefix matching misses).\n    if (navMap.current.size === 1) {\n      return navMap.current.values().next().value ?? null\n    }\n    return null\n  }, [])\n\n  const navigate = useCallback(\n    (path: string): boolean => {\n      const nav = findOwningNavigator(path)\n      if (!nav) return false\n      const node = nav.findNodeByPath(path)\n      if (!node) return false\n      nav.selectNode(node)\n      return true\n    },\n    [findOwningNavigator],\n  )\n\n  const isAvailable = useCallback(() => navMap.current.size > 0, [])\n\n  const value = React.useMemo(\n    () => ({ register, navigate, isAvailable }),\n    [register, navigate, isAvailable],\n  )\n\n  return <DocNavigationContext.Provider value={value}>{children}</DocNavigationContext.Provider>\n}\n\n// =============================================================================\n// Hooks\n// =============================================================================\n\nexport function useDocNavigation(): DocNavigationContextValue {\n  const ctx = useContext(DocNavigationContext)\n  if (!ctx) {\n    // Safe no-op fallback when used outside the provider.\n    return {\n      register: () => () => {},\n      navigate: () => false,\n      isAvailable: () => false,\n    }\n  }\n  return ctx\n}\n","\"use client\"\n\nimport { useState, useRef, useCallback, useEffect, useMemo } from \"react\"\nimport { scrollElementIntoView } from \"../../utils/scroll-into-view\"\n\n// Single source for the sticky-chrome height. Used for BOTH the scroll target\n// offset (where a clicked section lands) AND the active-section detection\n// threshold (where the scroll listener flips highlight). They must match —\n// previously 100 vs 150 caused a 50px window where the indicator jumped to\n// the next section even though that section's top was still below the\n// clicked one's resting offset.\nconst SCROLL_OFFSET = 100\n\ninterface ScrollSpySection {\n  id: string\n  title?: string\n  level?: number\n}\n\ninterface UseScrollSpyReturn {\n  activeSection: string\n  handleSectionClick: (sectionId: string) => void\n}\n\n/**\n * Shared scroll spy hook for tracking active section based on scroll position.\n * Used by DocViewer for sticky section navigation.\n */\nexport function useScrollSpy(sections: ScrollSpySection[] | undefined): UseScrollSpyReturn {\n  const [activeSection, setActiveSection] = useState(\"\")\n  const isScrollingFromClick = useRef(false)\n\n  const sectionIds = useMemo(\n    () => sections?.map(s => s.id).join(',') ?? '',\n    [sections]\n  )\n  const stableSections = useRef(sections)\n  if (sectionIds !== (stableSections.current?.map(s => s.id).join(',') ?? '')) {\n    stableSections.current = sections\n  }\n\n  const handleSectionClick = useCallback((sectionId: string) => {\n    const targetElement = document.getElementById(sectionId)\n    if (!targetElement) return\n\n    isScrollingFromClick.current = true\n    setActiveSection(sectionId)\n\n    scrollElementIntoView(targetElement, { headerOffset: SCROLL_OFFSET })\n\n    setTimeout(() => {\n      isScrollingFromClick.current = false\n    }, 800)\n  }, [])\n\n  useEffect(() => {\n    const currentSections = stableSections.current\n    if (!currentSections || currentSections.length === 0) return\n\n    const handleScroll = () => {\n      if (isScrollingFromClick.current) return\n\n      const scrollPosition = window.scrollY + SCROLL_OFFSET\n      let currentSection = currentSections[0]?.id || \"\"\n\n      for (let i = currentSections.length - 1; i >= 0; i--) {\n        const element = document.getElementById(currentSections[i].id)\n        if (element && scrollPosition >= element.offsetTop) {\n          currentSection = currentSections[i].id\n          break\n        }\n      }\n\n      setActiveSection((prev) => (prev !== currentSection ? currentSection : prev))\n    }\n\n    let scrollTimer: ReturnType<typeof setTimeout>\n    const throttledScroll = () => {\n      clearTimeout(scrollTimer)\n      scrollTimer = setTimeout(handleScroll, 100)\n    }\n\n    window.addEventListener(\"scroll\", throttledScroll)\n    handleScroll()\n\n    return () => {\n      window.removeEventListener(\"scroll\", throttledScroll)\n      clearTimeout(scrollTimer)\n    }\n  }, [sectionIds])\n\n  return { activeSection, handleSectionClick }\n}\n","import { useCallback } from 'react'\nimport { useChatRuntime } from '../../contexts/chat-runtime-context'\nimport type { ResolveLinkResult } from '../../types/doc-source'\nimport { contentFetch } from '../../utils/embed-content-fetch'\n\n/**\n * `useDocsResolveLink(sourceId, override?)` — POST `/api/docs/resolve-link`\n * (or the override / `ChatRuntime.endpoints.docsResolveLinkUrl`) for a\n * relative href inside a doc body, returning a `ResolveLinkResult`\n * envelope.\n *\n * The endpoint chain (`override ?? runtime.endpoints.docsResolveLinkUrl\n * ?? '/api/docs/resolve-link'`) mirrors `searchEndpoint` resolution in\n * `<DocViewer>` so embedders configure both the same way: per-instance\n * prop OR ambient `ChatRuntimeProvider`.\n *\n * The full fetch + JSON-parse pipeline is wrapped in try/catch so a\n * network throw (DNS / CORS / offline) or a non-JSON response surfaces\n * as `{ success: false, error }` — the markdown renderer's broken-link\n * badge handles that branch instead of swallowing an unhandled rejection\n * past the click handler.\n */\nexport function useDocsResolveLink(\n  sourceId: string,\n  resolveLinkEndpoint?: string | null,\n) {\n  const chatRuntime = useChatRuntime()\n  const resolvedResolveLinkEndpoint =\n    resolveLinkEndpoint ?? chatRuntime?.endpoints.docsResolveLinkUrl ?? '/api/docs/resolve-link'\n\n  return useCallback(\n    async (href: string, currentPath: string): Promise<ResolveLinkResult> => {\n      try {\n        const response = await contentFetch(resolvedResolveLinkEndpoint, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ link: href, currentPath, source: sourceId }),\n        })\n        if (!response.ok) {\n          return { success: false, error: `Resolve failed: ${response.status}` }\n        }\n        const json = await response.json()\n        return (json.data ?? json) as ResolveLinkResult\n      } catch (error) {\n        return {\n          success: false,\n          error: error instanceof Error ? error.message : 'Resolve failed',\n        }\n      }\n    },\n    [resolvedResolveLinkEndpoint, sourceId],\n  )\n}\n","import React from 'react'\n\n/**\n * Text-style skeleton — matches a rendered markdown article layout.\n * Used by `<DocsHubPage>` as the default for `markdown` (and unknown\n * document types). Embedders can override via `renderSkeleton`.\n */\nexport function MarkdownSkeleton() {\n  return (\n    <div className=\"space-y-7 mt-6\">\n      <div className=\"space-y-[14px]\">\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-3/4 animate-pulse\" />\n      </div>\n      <div className=\"space-y-[14px]\">\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-5/6 animate-pulse\" />\n      </div>\n      <div className=\"space-y-[14px]\">\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-2/3 animate-pulse\" />\n      </div>\n      <div className=\"h-[88px] bg-ods-card border border-ods-border rounded-lg animate-pulse\" />\n      <div className=\"h-7 bg-ods-border rounded w-1/3 animate-pulse\" />\n      <div className=\"space-y-[14px]\">\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-[72%] animate-pulse\" />\n      </div>\n      <div className=\"space-y-[14px]\">\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-[58%] animate-pulse\" />\n      </div>\n      <div className=\"h-7 bg-ods-border rounded w-2/5 animate-pulse\" />\n      <div className=\"space-y-[14px]\">\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-[90%] animate-pulse\" />\n      </div>\n      <div className=\"space-y-[14px]\">\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-full animate-pulse\" />\n        <div className=\"h-[16px] bg-ods-border rounded w-[70%] animate-pulse\" />\n      </div>\n      <div className=\"h-[88px] bg-ods-card border border-ods-border rounded-lg animate-pulse\" />\n    </div>\n  )\n}\n\n/**\n * Embed-style skeleton — matches the iframe loading state for `pdf`,\n * `google_sheet`, `figma`, and `file` document types. Used by\n * `<DocsHubPage>` as the default for non-markdown documentTypes.\n *\n * The skeleton is documentType-aware so its layout matches the actual\n * viewer that will replace it:\n *   - `pdf`                  → header with title + TWO buttons (Preview, Download)\n *   - `google_sheet`/`figma` → header with title + ONE button/toggle\n *   - `file`                 → centered FileDownloadCard-style box\n *   - undefined / others     → generic (1-button header)\n *\n * IMPORTANT: bars use `bg-ods-border` (NOT `bg-ods-skeleton`). The\n * `--ods-skeleton` token resolves to TRANSPARENT in this build, leaving\n * the skeleton box visually empty — the embed skeleton was the loudest\n * surface affected (a full-height iframe area showing nothing). Same fix\n * the chat-message-row skeleton already documents in its inline comment.\n */\nexport interface EmbedSkeletonProps {\n  /** When provided, the header layout matches the eventual viewer's\n   *  button count + arrangement, so the layout doesn't shift on load. */\n  documentType?: 'pdf' | 'google_sheet' | 'figma' | 'file' | string\n}\n\nexport function EmbedSkeleton({ documentType }: EmbedSkeletonProps = {}) {\n  // Centered card shape for the `file` documentType — matches\n  // `<FileDownloadCard>`'s `flex flex-col items-center justify-center py-16`\n  // + bordered card with icon, name, type/size row, Download button.\n  if (documentType === 'file') {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-16\">\n        <div className=\"bg-ods-card border border-ods-border rounded-xl p-8 max-w-md w-full text-center space-y-4\">\n          <div className=\"w-16 h-16 rounded mx-auto bg-ods-border animate-pulse\" />\n          <div className=\"space-y-2\">\n            <div className=\"h-5 w-2/3 mx-auto rounded bg-ods-border animate-pulse\" />\n            <div className=\"h-4 w-1/2 mx-auto rounded bg-ods-border animate-pulse\" />\n          </div>\n          <div className=\"h-10 w-full rounded bg-ods-border animate-pulse\" />\n        </div>\n      </div>\n    )\n  }\n\n  // PDF viewer has TWO buttons (Preview + Download); Sheets / Figma\n  // render ONE (Open / view-toggle). Default to one for unknown types.\n  const buttonCount = documentType === 'pdf' ? 2 : 1\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Header — matches the actual viewer's\n       *  `flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between`\n       *  (mobile-stacked, desktop-row). */}\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        {/* Left: icon + title */}\n        <div className=\"flex items-center gap-2 min-w-0 flex-1\">\n          <div className=\"w-5 h-5 shrink-0 rounded bg-ods-border animate-pulse\" />\n          <div className=\"h-6 w-2/3 rounded bg-ods-border animate-pulse\" />\n        </div>\n        {/* Right: 1 or 2 buttons. Mobile = full-width; desktop = auto. */}\n        <div className=\"flex items-center gap-2 w-full sm:w-auto\">\n          {Array.from({ length: buttonCount }).map((_, i) => (\n            <div\n              key={i}\n              className=\"h-10 w-full sm:w-32 rounded bg-ods-border animate-pulse flex-1 sm:flex-initial\"\n            />\n          ))}\n        </div>\n      </div>\n      {/* Body — clean iframe-sized rectangle, no fake inner placeholder\n       *  cruft. Matches the viewer's default `calc(100vh - 250px)` height. */}\n      <div\n        className=\"w-full rounded-lg border border-ods-border bg-ods-card animate-pulse\"\n        style={{ height: 'calc(100vh - 250px)' }}\n      />\n    </div>\n  )\n}\n","import React from 'react'\nimport { DocViewer, type DocViewerProps } from './doc-viewer'\nimport { MarkdownSkeleton, EmbedSkeleton } from './skeletons'\nimport { PdfViewer } from '../embeds/pdf-viewer'\nimport { GoogleSheetsViewer } from '../embeds/google-sheets-viewer'\nimport { FigmaEmbed } from '../embeds/figma-embed'\nimport { FileDownloadCard } from '../embeds/file-download-card'\nimport type {\n  DocContent,\n  DocRenderHandlers,\n  DocumentType,\n} from '../../types/doc-source'\n\ntype DocRenderer = (content: DocContent, handlers: DocRenderHandlers) => React.ReactNode\n\n/**\n * Per-document-type renderer map. `markdown` is required (the lib does NOT\n * ship a default markdown renderer — embedders pick their own library +\n * sanitization to avoid an XSS surface in the lib).\n *\n * `pdf` / `google_sheet` / `figma` / `file` are optional — the lib provides\n * defaults from `components/embeds`. Override only when you want different\n * props than the default (e.g. a custom PDF toolbar, embedded credentials).\n */\nexport type DocumentTypeRenderers = { markdown: DocRenderer } & Partial<\n  Record<DocumentType, DocRenderer>\n>\n\nexport interface DocsHubPageProps\n  extends Omit<DocViewerProps, 'renderContent' | 'renderSkeleton' | 'showAIChat'> {\n  /** Per-document-type renderer map. `markdown` is REQUIRED. */\n  documentTypeRenderers: DocumentTypeRenderers\n\n  /** Renderer for unknown / future document types. Defaults to a lib-styled\n   *  \"Unsupported document type\" message. */\n  fallbackRenderer?: DocRenderer\n\n  /** Loading skeleton picker. Defaults: `markdown` / `undefined` →\n   *  `<MarkdownSkeleton>`, everything else → `<EmbedSkeleton>`. */\n  renderSkeleton?: (documentType: DocumentType | undefined) => React.ReactNode\n\n  /** Defaults to `true` (the embeddable wrapper favors the chat-enabled\n   *  experience). Only mounts the in-source RAG search bar\n   *  (`<DocSearchBar>`) — does NOT require `ChatRuntimeContext`. */\n  showAIChat?: boolean\n}\n\nconst DEFAULT_TITLE = 'Documents'\n\nconst defaultFallbackRenderer: DocRenderer = () => (\n  <div className=\"text-center py-16\">\n    <p className=\"text-ods-text-secondary\">Unsupported document type</p>\n  </div>\n)\n\n// When the DAL hasn't populated the URL field for a rich-content type, the\n// embed-viewer components render a broken iframe (empty src). Fall back to\n// the same lib-styled \"Unsupported document type\" panel the explicit\n// fallback uses — the surface is honest about the missing data instead of\n// pretending to load. `FileDownloadCard` handles its own missing-URL state\n// (hides the Download button), so it doesn't need this guard.\nconst defaultPdfRenderer: DocRenderer = (content, handlers) =>\n  content.fileUrl ? (\n    <PdfViewer src={content.fileUrl} fileName={content.fileName} />\n  ) : (\n    defaultFallbackRenderer(content, handlers)\n  )\n\nconst defaultGoogleSheetRenderer: DocRenderer = (content, handlers) =>\n  content.externalUrl ? (\n    <GoogleSheetsViewer externalUrl={content.externalUrl} fileName={content.fileName} />\n  ) : (\n    defaultFallbackRenderer(content, handlers)\n  )\n\nconst defaultFigmaRenderer: DocRenderer = (content, handlers) =>\n  content.externalUrl ? (\n    <FigmaEmbed url={content.externalUrl} title={content.fileName} loading=\"eager\" />\n  ) : (\n    defaultFallbackRenderer(content, handlers)\n  )\n\nconst defaultFileRenderer: DocRenderer = (content) => (\n  <FileDownloadCard\n    fileName={content.fileName}\n    mimeType={content.mimeType}\n    fileSize={content.fileSize}\n    fileUrl={content.fileUrl}\n  />\n)\n\nconst defaultRenderSkeleton = (documentType: DocumentType | undefined) =>\n  !documentType || documentType === 'markdown' ? (\n    <MarkdownSkeleton />\n  ) : (\n    // Forward the documentType so the embed skeleton renders the right\n    // shape (PDF=2 buttons, sheets/figma=1 button, file=centered card).\n    <EmbedSkeleton documentType={documentType} />\n  )\n\n/**\n * Embeddable docs-hub page. Bundles `<DocViewer>` with safe defaults so the\n * minimum embed is a one-line mount (consumer only has to supply\n * `documentTypeRenderers.markdown`).\n *\n * Used by the hub at `/knowledge-base` and `/data-room`, and by third-party\n * React apps that embed the docs experience behind their own proxy. See\n * `docs/EMBEDDING_DOCS_HUB.md` for the embedder setup.\n *\n * SEO note: this component is `'use client'` (via the docs barrel) — server-\n * side SEO is the host's responsibility. The hub's `<DocSeoContent>` is the\n * canonical implementation embedders can reference.\n */\nexport function DocsHubPage({\n  title = DEFAULT_TITLE,\n  documentTypeRenderers,\n  fallbackRenderer = defaultFallbackRenderer,\n  renderSkeleton = defaultRenderSkeleton,\n  showAIChat = true,\n  className = 'min-h-screen',\n  sidebarLabel = 'DOCUMENTATION',\n  ...docViewerProps\n}: DocsHubPageProps) {\n  const resolvedRenderers: DocumentTypeRenderers = {\n    markdown: documentTypeRenderers.markdown,\n    pdf: documentTypeRenderers.pdf ?? defaultPdfRenderer,\n    google_sheet: documentTypeRenderers.google_sheet ?? defaultGoogleSheetRenderer,\n    figma: documentTypeRenderers.figma ?? defaultFigmaRenderer,\n    file: documentTypeRenderers.file ?? defaultFileRenderer,\n  }\n\n  const renderContent: DocViewerProps['renderContent'] = (content, handlers) => {\n    const type = (content.documentType ?? 'markdown') as DocumentType\n    const renderer = resolvedRenderers[type] ?? fallbackRenderer\n    return renderer(content, handlers)\n  }\n\n  return (\n    <DocViewer\n      {...docViewerProps}\n      title={title}\n      showAIChat={showAIChat}\n      className={className}\n      sidebarLabel={sidebarLabel}\n      renderContent={renderContent}\n      renderSkeleton={renderSkeleton}\n    />\n  )\n}\n"],"mappings":"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","names":["useMemo","jsx","jsx","jsxs","Fragment","jsx","jsxs","jsxs","jsx","Fragment","useCallback","useRef","jsx","useRef","result","useCallback","pathParts","currentPath","useState","useRef","useCallback","useEffect","useState","useRef","useCallback","useEffect","useCallback","useCallback","Fragment","jsx","jsxs","useMemo","jsx","jsxs","jsx"]}