@flamingo-stack/openframe-frontend-core 0.0.582-1967.5390.1 → 0.0.582

package/dist/chunk-JMWLF2GL.cjs

@@ -0,0 +1,1055 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+
+
+var _chunkM3ERSHPMcjs = require('./chunk-M3ERSHPM.cjs');
+
+
+
+
+var _chunkYU4QZ6I6cjs = require('./chunk-YU4QZ6I6.cjs');
+
+
+
+var _chunkKS7NKONCcjs = require('./chunk-KS7NKONC.cjs');
+
+
+
+
+
+
+
+
+
+var _chunkHMEEW73Fcjs = require('./chunk-HMEEW73F.cjs');
+
+
+var _chunkLEISUAHFcjs = require('./chunk-LEISUAHF.cjs');
+
+
+var _chunkTRC37VRCcjs = require('./chunk-TRC37VRC.cjs');
+
+
+
+
+var _chunkZI27ALYXcjs = require('./chunk-ZI27ALYX.cjs');
+
+
+var _chunkSADRZ4YIcjs = require('./chunk-SADRZ4YI.cjs');
+
+
+var _chunkRDTOMWDNcjs = require('./chunk-RDTOMWDN.cjs');
+
+
+var _chunkPRPZBXWZcjs = require('./chunk-PRPZBXWZ.cjs');
+
+// src/components/docs/doc-viewer.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// src/components/persistent-filter-controls.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function PersistentFilterControls({
+  isLoading,
+  children,
+  className,
+  disabledOpacity = 0.6,
+  transitionDuration = 300,
+  preventInteraction = true
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        "relative transition-all ease-in-out",
+        isLoading && preventInteraction && "pointer-events-none",
+        className
+      ),
+      style: {
+        opacity: isLoading ? disabledOpacity : 1,
+        transitionDuration: `${transitionDuration}ms`
+      },
+      role: "region",
+      "aria-label": "Filter controls",
+      "aria-busy": isLoading,
+      "data-loading": isLoading,
+      children: [
+        isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "sr-only", role: "status", "aria-live": "polite", children: "Filters temporarily disabled while loading content" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _chunkPRPZBXWZcjs.cn.call(void 0, "transition-all ease-in-out", isLoading && "cursor-not-allowed"),
+            style: {
+              transitionDuration: `${transitionDuration}ms`
+            },
+            children
+          }
+        ),
+        isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute right-2 top-2 z-10", role: "status", "aria-label": "Loading filters", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-ods-border border-t-ods-accent" }) })
+      ]
+    }
+  );
+}
+function PersistentSearchContainer({ isLoading, children, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    PersistentFilterControls,
+    {
+      isLoading,
+      preventInteraction: false,
+      className,
+      children
+    }
+  );
+}
+function PersistentSidebar({ isLoading, children, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    PersistentFilterControls,
+    {
+      isLoading,
+      disabledOpacity: 0.5,
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "lg:sticky lg:top-20", className),
+      children
+    }
+  );
+}
+function PersistentMobileDropdown({ isLoading, children, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PersistentFilterControls, { isLoading, disabledOpacity: 0.7, className: _chunkPRPZBXWZcjs.cn.call(void 0, "lg:hidden", className), children });
+}
+
+// src/components/docs/doc-navigation-context.tsx
+
+
+var DocNavigationContext = _react.createContext.call(void 0, null);
+function DocNavigationProvider({ children }) {
+  const navMap = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
+  const register = _react.useCallback.call(void 0, (nav) => {
+    const existing = navMap.current.get(nav.baseRoute);
+    if (existing && existing !== nav) {
+      console.warn(`[DocNavigationContext] duplicate registration for ${nav.baseRoute}; replacing`);
+    }
+    navMap.current.set(nav.baseRoute, nav);
+    return () => {
+      if (navMap.current.get(nav.baseRoute) === nav) {
+        navMap.current.delete(nav.baseRoute);
+      }
+    };
+  }, []);
+  const findOwningNavigator = _react.useCallback.call(void 0, (path) => {
+    const baseRoutes = Array.from(navMap.current.keys()).sort((a, b) => b.length - a.length);
+    for (const baseRoute of baseRoutes) {
+      if (path === baseRoute || path.startsWith(`${baseRoute}/`)) {
+        return _nullishCoalesce(navMap.current.get(baseRoute), () => ( null));
+      }
+    }
+    if (navMap.current.size === 1) {
+      return _nullishCoalesce(navMap.current.values().next().value, () => ( null));
+    }
+    return null;
+  }, []);
+  const navigate = _react.useCallback.call(void 0, 
+    (path) => {
+      const nav = findOwningNavigator(path);
+      if (!nav) return false;
+      const node = nav.findNodeByPath(path);
+      if (!node) return false;
+      nav.selectNode(node);
+      return true;
+    },
+    [findOwningNavigator]
+  );
+  const isAvailable = _react.useCallback.call(void 0, () => navMap.current.size > 0, []);
+  const value = _react2.default.useMemo(() => ({ register, navigate, isAvailable }), [register, navigate, isAvailable]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DocNavigationContext.Provider, { value, children });
+}
+function useDocNavigation() {
+  const ctx = _react.useContext.call(void 0, DocNavigationContext);
+  if (!ctx) {
+    return {
+      register: () => () => {
+      },
+      navigate: () => false,
+      isAvailable: () => false
+    };
+  }
+  return ctx;
+}
+
+// src/components/docs/use-docs-resolve-link.ts
+
+function toResolveLinkResult(body) {
+  if (typeof body !== "object" || body === null) {
+    return { success: false };
+  }
+  const envelope = { ...body };
+  const inner = envelope.data;
+  const fields = typeof inner === "object" && inner !== null ? { ...inner } : envelope;
+  const readString2 = (key) => typeof fields[key] === "string" ? fields[key] : void 0;
+  return {
+    success: fields.success === true,
+    resolvedPath: readString2("resolvedPath"),
+    type: readString2("type"),
+    action: readString2("action"),
+    error: readString2("error"),
+    message: readString2("message")
+  };
+}
+function useDocsResolveLink(sourceId, resolveLinkEndpoint) {
+  const chatRuntime = _chunkRDTOMWDNcjs.useChatRuntime.call(void 0, );
+  const resolvedResolveLinkEndpoint = _nullishCoalesce(_nullishCoalesce(resolveLinkEndpoint, () => ( _optionalChain([chatRuntime, 'optionalAccess', _2 => _2.endpoints, 'access', _3 => _3.docsResolveLinkUrl]))), () => ( "/api/docs/resolve-link"));
+  return _react.useCallback.call(void 0, 
+    async (href, currentPath) => {
+      try {
+        const response = await _chunkTRC37VRCcjs.contentFetch.call(void 0, resolvedResolveLinkEndpoint, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ link: href, currentPath, source: sourceId })
+        });
+        if (!response.ok) {
+          return { success: false, error: `Resolve failed: ${response.status}` };
+        }
+        const json = await response.json();
+        return toResolveLinkResult(json);
+      } catch (error) {
+        return {
+          success: false,
+          error: error instanceof Error ? error.message : "Resolve failed"
+        };
+      }
+    },
+    [resolvedResolveLinkEndpoint, sourceId]
+  );
+}
+
+// src/components/docs/use-document-tree.ts
+
+function scrollToContent() {
+  const article = document.querySelector("article");
+  if (article) {
+    _chunkZI27ALYXcjs.scrollElementIntoView.call(void 0, article, { headerOffset: _chunkZI27ALYXcjs.HUB_HEADER_OFFSET_PX });
+  } else {
+    _chunkZI27ALYXcjs.scrollElementIntoView.call(void 0, document.documentElement);
+  }
+}
+function findFirstDocPath(folder) {
+  const children = _nullishCoalesce(folder.children, () => ( []));
+  for (const child of children) {
+    if (child.type === "file" && !child.path.toLowerCase().endsWith(".mmd")) {
+      return child.path;
+    }
+  }
+  for (const child of children) {
+    if (child.type === "folder") {
+      const nested = findFirstDocPath(child);
+      if (nested) return nested;
+    }
+  }
+  return null;
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function isUnknownArray(value) {
+  return Array.isArray(value);
+}
+function readString(source, key) {
+  const value = source[key];
+  return typeof value === "string" ? value : void 0;
+}
+function isDocumentType(value) {
+  return value === "markdown" || value === "pdf" || value === "google_sheet" || value === "figma" || value === "file";
+}
+function toDocNode(value) {
+  if (!isRecord(value)) return null;
+  const id = readString(value, "id");
+  const name = readString(value, "name");
+  const path = readString(value, "path");
+  const type = value.type;
+  if (id === void 0 || name === void 0 || path === void 0) return null;
+  if (type !== "file" && type !== "folder") return null;
+  const sortOrder = value.sortOrder;
+  const hasReadme = value.hasReadme;
+  return {
+    id,
+    name,
+    slug: _nullishCoalesce(_nullishCoalesce(readString(value, "slug"), () => ( path.split("/").pop())), () => ( "")),
+    path,
+    type,
+    hasReadme: typeof hasReadme === "boolean" ? hasReadme : void 0,
+    sortOrder: typeof sortOrder === "number" ? sortOrder : void 0,
+    documentType: isDocumentType(value.documentType) ? value.documentType : void 0,
+    children: _nullishCoalesce(toDocNodes(value.children), () => ( void 0))
+  };
+}
+function toDocNodes(value) {
+  if (!isUnknownArray(value)) return null;
+  const nodes = [];
+  for (const entry of value) {
+    const node = toDocNode(entry);
+    if (node) nodes.push(node);
+  }
+  return nodes;
+}
+function toDocSections(value) {
+  if (!isUnknownArray(value)) return [];
+  const sections = [];
+  for (const entry of value) {
+    if (!isRecord(entry)) continue;
+    const id = readString(entry, "id");
+    const title = readString(entry, "title");
+    const level = entry.level;
+    if (id === void 0 || title === void 0 || typeof level !== "number") continue;
+    sections.push({ id, title, level });
+  }
+  return sections;
+}
+function toStringArray(value) {
+  if (!isUnknownArray(value)) return void 0;
+  return value.filter((entry) => typeof entry === "string");
+}
+function toDocContent(value, requestedPath) {
+  if (!isRecord(value)) return null;
+  const fileSize = value.fileSize;
+  return {
+    content: _nullishCoalesce(readString(value, "content"), () => ( "")),
+    sections: toDocSections(value.sections),
+    path: _nullishCoalesce(readString(value, "path"), () => ( requestedPath)),
+    documentType: isDocumentType(value.documentType) ? value.documentType : void 0,
+    brokenLinks: toStringArray(value.brokenLinks),
+    fileUrl: readString(value, "fileUrl"),
+    externalUrl: readString(value, "externalUrl"),
+    mimeType: readString(value, "mimeType"),
+    fileName: readString(value, "fileName"),
+    fileSize: typeof fileSize === "number" ? fileSize : void 0,
+    publishedAt: readString(value, "publishedAt"),
+    updatedAt: readString(value, "updatedAt")
+  };
+}
+function useDocumentTree(config, initialPath) {
+  const { structureEndpoint, contentEndpoint, baseRoute } = config;
+  const folderIndexFile = _nullishCoalesce(config.folderIndexFile, () => ( _chunkHMEEW73Fcjs.DEFAULT_FOLDER_INDEX_FILE));
+  const cleanInitialPath = _chunkHMEEW73Fcjs.stripFolderIndexFromPath.call(void 0, _optionalChain([initialPath, 'optionalAccess', _4 => _4.replace, 'call', _5 => _5(/\/$/, "")]) || "", folderIndexFile);
+  const [structure, setStructure] = _react.useState.call(void 0, []);
+  const [selectedPath, setSelectedPath] = _react.useState.call(void 0, cleanInitialPath);
+  const [content, setContent] = _react.useState.call(void 0, null);
+  const [isLoadingStructure, setIsLoadingStructure] = _react.useState.call(void 0, true);
+  const [isLoadingContent, setIsLoadingContent] = _react.useState.call(void 0, false);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const [expandedNodes, setExpandedNodes] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
+  const lastFetchedPath = _react.useRef.call(void 0, null);
+  const normalizedBaseRoute = baseRoute.replace(/\/$/, "");
+  const selectedPathRef = _react.useRef.call(void 0, selectedPath);
+  _react.useEffect.call(void 0, () => {
+    selectedPathRef.current = selectedPath;
+  });
+  const docNavigation = useDocNavigation();
+  _react.useEffect.call(void 0, () => {
+    const handlePopState = () => {
+      const pathname = window.location.pathname;
+      let pathFromUrl = "";
+      if (pathname === normalizedBaseRoute || pathname === `${normalizedBaseRoute}/`) {
+        pathFromUrl = "";
+      } else if (pathname.startsWith(`${normalizedBaseRoute}/`)) {
+        pathFromUrl = pathname.substring(`${normalizedBaseRoute}/`.length);
+      }
+      pathFromUrl = _chunkHMEEW73Fcjs.stripFolderIndexFromPath.call(void 0, pathFromUrl, folderIndexFile);
+      if (pathFromUrl !== selectedPathRef.current) {
+        setSelectedPath(pathFromUrl);
+        if (pathFromUrl) {
+          const parentPath = pathFromUrl.includes("/") ? pathFromUrl.substring(0, pathFromUrl.lastIndexOf("/")) : pathFromUrl;
+          setExpandedNodes(new Set(_chunkHMEEW73Fcjs.getDocAncestorNodeIds.call(void 0, parentPath)));
+        }
+        setTimeout(() => {
+          scrollToContent();
+        }, 150);
+      }
+    };
+    window.addEventListener("popstate", handlePopState);
+    return () => window.removeEventListener("popstate", handlePopState);
+  }, [normalizedBaseRoute, folderIndexFile]);
+  const [syncedInitialPath, setSyncedInitialPath] = _react.useState.call(void 0, cleanInitialPath);
+  const [externalNavCount, setExternalNavCount] = _react.useState.call(void 0, 0);
+  if (syncedInitialPath !== cleanInitialPath) {
+    setSyncedInitialPath(cleanInitialPath);
+    if (cleanInitialPath !== selectedPath) {
+      setSelectedPath(cleanInitialPath);
+      if (cleanInitialPath) {
+        const parentPath = cleanInitialPath.includes("/") ? cleanInitialPath.substring(0, cleanInitialPath.lastIndexOf("/")) : cleanInitialPath;
+        setExpandedNodes(new Set(_chunkHMEEW73Fcjs.getDocAncestorNodeIds.call(void 0, parentPath)));
+      }
+      setExternalNavCount((n) => n + 1);
+    }
+  }
+  _react.useEffect.call(void 0, () => {
+    if (externalNavCount === 0) return void 0;
+    const timer = setTimeout(scrollToContent, 150);
+    return () => clearTimeout(timer);
+  }, [externalNavCount]);
+  const fetchStructure = async () => {
+    try {
+      setIsLoadingStructure(true);
+      setError(null);
+      const response = await _chunkTRC37VRCcjs.contentFetch.call(void 0, structureEndpoint);
+      if (!response.ok) {
+        throw new Error("Failed to load documentation structure");
+      }
+      const payload = await response.json();
+      const nodes = isRecord(payload) && payload.success ? toDocNodes(payload.data) : null;
+      if (nodes) {
+        setStructure(nodes);
+        if (cleanInitialPath) {
+          const pathForExpansion = cleanInitialPath.includes(".") ? cleanInitialPath.substring(0, cleanInitialPath.lastIndexOf("/")) : cleanInitialPath;
+          if (pathForExpansion) {
+            setExpandedNodes(new Set(_chunkHMEEW73Fcjs.getDocAncestorNodeIds.call(void 0, pathForExpansion)));
+          }
+        } else if (nodes.length > 0) {
+          const hasRootReadme = nodes.some((node) => node.type === "file" && node.path === folderIndexFile);
+          if (!hasRootReadme) {
+            const firstNode = nodes[0];
+            if (firstNode.type === "folder") {
+              setExpandedNodes(/* @__PURE__ */ new Set([firstNode.id]));
+              if (firstNode.hasReadme) {
+                setSelectedPath(firstNode.path);
+                window.history.replaceState({}, "", `${normalizedBaseRoute}/${firstNode.path}`);
+              }
+            }
+          }
+        }
+      } else {
+        setError(_chunkLEISUAHFcjs.apiErrorMessage.call(void 0, payload, "Failed to load documentation structure"));
+      }
+    } catch (err) {
+      console.error("Error fetching documentation structure:", err);
+      setError(err instanceof Error ? err.message : "Failed to load documentation");
+    } finally {
+      setIsLoadingStructure(false);
+    }
+  };
+  const fetchContent = async (path) => {
+    try {
+      setIsLoadingContent(true);
+      const response = await _chunkTRC37VRCcjs.contentFetch.call(void 0, `${contentEndpoint}?path=${encodeURIComponent(path)}`);
+      if (path !== lastFetchedPath.current) return;
+      if (!response.ok) {
+        if (response.status === 404) {
+          const errorPayload = await response.json().catch(() => null);
+          if (path !== lastFetchedPath.current) return;
+          if (path === folderIndexFile && selectedPath === "") {
+            lastFetchedPath.current = null;
+            setError(null);
+            setContent(null);
+            return;
+          }
+          const probe = _chunkHMEEW73Fcjs.findDocNodeByPath.call(void 0, _chunkHMEEW73Fcjs.stripFolderIndexFromPath.call(void 0, path, folderIndexFile), structure);
+          const probeIsNoReadmeFolder = !!probe && probe.type === "folder" && !probe.hasReadme;
+          const preStructureFolderLike = structure.length === 0 && !path.endsWith(".md");
+          if (probeIsNoReadmeFolder || preStructureFolderLike) {
+            lastFetchedPath.current = null;
+            setError(null);
+            setContent(null);
+            return;
+          }
+          setError(_chunkLEISUAHFcjs.apiErrorMessage.call(void 0, errorPayload, "Documentation file not found"));
+          setContent(null);
+          return;
+        }
+        throw new Error("Failed to load documentation content");
+      }
+      const payload = await response.json();
+      if (path !== lastFetchedPath.current) return;
+      setError(null);
+      const doc = isRecord(payload) && payload.success ? toDocContent(payload.data, path) : null;
+      if (doc) {
+        const correctPath = isRecord(payload) && payload.redirect ? readString(payload, "correctPath") : void 0;
+        if (correctPath !== void 0) {
+          setSelectedPath(correctPath);
+          window.history.replaceState({}, "", `${normalizedBaseRoute}/${correctPath}`);
+        }
+        setContent(doc);
+      } else {
+        setError(_chunkLEISUAHFcjs.apiErrorMessage.call(void 0, payload, "Failed to load content"));
+        setContent(null);
+      }
+    } catch (err) {
+      if (path !== lastFetchedPath.current) return;
+      console.error("Error fetching documentation content:", err);
+      setError(err instanceof Error ? err.message : "Failed to load content");
+      setContent(null);
+    } finally {
+      if (path === lastFetchedPath.current) setIsLoadingContent(false);
+    }
+  };
+  const latestRef = _react.useRef.call(void 0, { fetchContent, fetchStructure, cleanInitialPath, folderIndexFile });
+  _react.useEffect.call(void 0, () => {
+    latestRef.current = { fetchContent, fetchStructure, cleanInitialPath, folderIndexFile };
+  });
+  _react.useEffect.call(void 0, () => {
+    const latest = latestRef.current;
+    const speculativeContentPath = latest.cleanInitialPath || latest.folderIndexFile;
+    lastFetchedPath.current = speculativeContentPath;
+    void latest.fetchContent(speculativeContentPath);
+    void latest.fetchStructure();
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    if (selectedPath === null || selectedPath === void 0) return;
+    if (!structure || structure.length === 0) return;
+    let pathToFetch = null;
+    if (selectedPath === "") {
+      pathToFetch = folderIndexFile;
+    } else {
+      const node = _chunkHMEEW73Fcjs.findDocNodeByPath.call(void 0, selectedPath, structure);
+      if (node && node.type === "folder" && !node.hasReadme) {
+        const firstDocPath = findFirstDocPath(node);
+        if (!firstDocPath) {
+          lastFetchedPath.current = null;
+          return;
+        }
+        pathToFetch = firstDocPath;
+      } else if (node && node.type === "folder" && node.hasReadme) {
+        if (lastFetchedPath.current === selectedPath) {
+          return;
+        }
+        pathToFetch = `${selectedPath}/${folderIndexFile}`;
+      } else {
+        pathToFetch = selectedPath;
+      }
+    }
+    if (pathToFetch === lastFetchedPath.current) {
+      return;
+    }
+    if (pathToFetch) {
+      lastFetchedPath.current = pathToFetch;
+      void latestRef.current.fetchContent(pathToFetch);
+    }
+  }, [selectedPath, structure, folderIndexFile]);
+  const toggleNode = _react.useCallback.call(void 0, (nodeId) => {
+    setExpandedNodes((prev) => {
+      const next = new Set(prev);
+      if (next.has(nodeId)) {
+        next.delete(nodeId);
+      } else {
+        next.add(nodeId);
+      }
+      return next;
+    });
+  }, []);
+  const selectNode = _react.useCallback.call(void 0, 
+    (node) => {
+      if (node.type === "folder") {
+        setExpandedNodes((prev) => {
+          if (prev.has(node.id)) {
+            const ancestorIds = _chunkHMEEW73Fcjs.getDocAncestorNodeIds.call(void 0, node.path);
+            ancestorIds.pop();
+            return new Set(ancestorIds);
+          }
+          return new Set(_chunkHMEEW73Fcjs.getDocAncestorNodeIds.call(void 0, node.path));
+        });
+      } else {
+        const lastSlash = node.path.lastIndexOf("/");
+        if (lastSlash > 0) {
+          setExpandedNodes(new Set(_chunkHMEEW73Fcjs.getDocAncestorNodeIds.call(void 0, node.path.substring(0, lastSlash))));
+        }
+      }
+      lastFetchedPath.current = null;
+      setSelectedPath(node.path);
+      window.history.pushState({}, "", `${normalizedBaseRoute}/${node.path}`);
+      setTimeout(scrollToContent, 150);
+    },
+    [normalizedBaseRoute]
+  );
+  const navigateToDoc = _react.useCallback.call(void 0, 
+    (path, options) => {
+      const hashIndex = path.indexOf("#");
+      const anchor = hashIndex !== -1 ? path.substring(hashIndex) : "";
+      const cleanPath = path.replace(/\/$/, "").split("#")[0];
+      const pathForSelection = anchor && _optionalChain([options, 'optionalAccess', _6 => _6.fromInternalLink]) && cleanPath === "" ? selectedPathRef.current : _chunkHMEEW73Fcjs.stripFolderIndexFromPath.call(void 0, cleanPath, folderIndexFile);
+      if (anchor && _optionalChain([options, 'optionalAccess', _7 => _7.fromInternalLink]) && pathForSelection === selectedPathRef.current) {
+        _chunkZI27ALYXcjs.navigateSamePageHash.call(void 0, anchor, { headerOffset: _chunkZI27ALYXcjs.HUB_HEADER_OFFSET_PX });
+        return;
+      }
+      const scrollAfterNav = () => {
+        if (anchor) {
+          setTimeout(() => {
+            const el = document.getElementById(anchor.substring(1));
+            if (el) {
+              _chunkZI27ALYXcjs.scrollElementIntoView.call(void 0, el, { headerOffset: _chunkZI27ALYXcjs.HUB_HEADER_OFFSET_PX });
+            } else {
+              scrollToContent();
+            }
+          }, 300);
+        } else {
+          setTimeout(() => {
+            scrollToContent();
+          }, 150);
+        }
+      };
+      if (_optionalChain([options, 'optionalAccess', _8 => _8.expandFolder])) {
+        lastFetchedPath.current = null;
+        setSelectedPath(cleanPath);
+        window.history.pushState({}, "", `${normalizedBaseRoute}/${cleanPath}${anchor}`);
+        const pathParts2 = cleanPath.split("/");
+        const nodeIdsToExpand = [];
+        let currentPath2 = "";
+        for (const part of pathParts2) {
+          currentPath2 = currentPath2 ? `${currentPath2}-${part}` : part;
+          nodeIdsToExpand.push(currentPath2.toLowerCase());
+        }
+        setExpandedNodes(new Set(nodeIdsToExpand));
+        if (_optionalChain([options, 'optionalAccess', _9 => _9.fromInternalLink])) {
+          scrollAfterNav();
+        }
+        setError(null);
+        return;
+      }
+      const urlPath = pathForSelection;
+      lastFetchedPath.current = null;
+      setSelectedPath(pathForSelection);
+      window.history.pushState({}, "", `${normalizedBaseRoute}/${urlPath}${anchor}`);
+      if (_optionalChain([options, 'optionalAccess', _10 => _10.fromInternalLink])) {
+        scrollAfterNav();
+      }
+      const pathParts = cleanPath.split("/");
+      const parentIds = [];
+      let currentPath = "";
+      const partsToProcess = cleanPath.includes(".") ? pathParts.slice(0, -1) : pathParts;
+      for (const part of partsToProcess) {
+        currentPath = currentPath ? `${currentPath}-${part}` : part;
+        parentIds.push(currentPath.toLowerCase());
+      }
+      if (parentIds.length > 0) {
+        setExpandedNodes(new Set(parentIds));
+      }
+    },
+    [normalizedBaseRoute, folderIndexFile]
+  );
+  _react.useEffect.call(void 0, () => {
+    return docNavigation.register({
+      baseRoute: normalizedBaseRoute,
+      findNodeByPath: (path) => {
+        const clean = _chunkHMEEW73Fcjs.stripFolderIndexFromPath.call(void 0, path.replace(/\/$/, "").split("#")[0], folderIndexFile);
+        return _nullishCoalesce(_chunkHMEEW73Fcjs.findDocNodeByPath.call(void 0, clean, structure), () => ( null));
+      },
+      selectNode
+    });
+  }, [docNavigation, normalizedBaseRoute, structure, selectNode, folderIndexFile]);
+  const isEmptyFolder = _react.useMemo.call(void 0, () => {
+    if (!selectedPath || structure.length === 0) return false;
+    const node = _chunkHMEEW73Fcjs.findDocNodeByPath.call(void 0, selectedPath, structure);
+    return !!node && node.type === "folder" && !node.hasReadme && !findFirstDocPath(node);
+  }, [selectedPath, structure]);
+  return {
+    structure,
+    selectedPath,
+    setSelectedPath,
+    content: isEmptyFolder ? null : content,
+    isLoadingStructure,
+    isLoadingContent: isEmptyFolder ? false : isLoadingContent,
+    error: isEmptyFolder ? null : error,
+    expandedNodes,
+    toggleNode,
+    selectNode,
+    navigateToDoc,
+    refetch: fetchStructure,
+    setExpandedNodes
+  };
+}
+
+// src/components/docs/use-scroll-spy.ts
+
+var SCROLL_OFFSET = 100;
+var ID_SEPARATOR = "\n";
+function useScrollSpy(sections) {
+  const [activeSection, setActiveSection] = _react.useState.call(void 0, "");
+  const isScrollingFromClick = _react.useRef.call(void 0, false);
+  const sectionIdsKey = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([sections, 'optionalAccess', _11 => _11.map, 'call', _12 => _12((s) => s.id), 'access', _13 => _13.join, 'call', _14 => _14(ID_SEPARATOR)]), () => ( "")), [sections]);
+  const handleSectionClick = _react.useCallback.call(void 0, (sectionId) => {
+    const targetElement = document.getElementById(sectionId);
+    if (!targetElement) return;
+    isScrollingFromClick.current = true;
+    setActiveSection(sectionId);
+    _chunkZI27ALYXcjs.scrollElementIntoView.call(void 0, targetElement, { headerOffset: SCROLL_OFFSET });
+    setTimeout(() => {
+      isScrollingFromClick.current = false;
+    }, 800);
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    const sectionIds = sectionIdsKey === "" ? [] : sectionIdsKey.split(ID_SEPARATOR);
+    if (sectionIds.length === 0) return void 0;
+    const handleScroll = () => {
+      if (isScrollingFromClick.current) return;
+      const scrollPosition = window.scrollY + SCROLL_OFFSET;
+      let currentSection = _nullishCoalesce(sectionIds[0], () => ( ""));
+      for (let i = sectionIds.length - 1; i >= 0; i--) {
+        const element = document.getElementById(sectionIds[i]);
+        if (element && scrollPosition >= element.offsetTop) {
+          currentSection = sectionIds[i];
+          break;
+        }
+      }
+      setActiveSection((prev) => prev !== currentSection ? currentSection : prev);
+    };
+    let scrollTimer;
+    const throttledScroll = () => {
+      clearTimeout(scrollTimer);
+      scrollTimer = setTimeout(handleScroll, 100);
+    };
+    window.addEventListener("scroll", throttledScroll);
+    handleScroll();
+    return () => {
+      window.removeEventListener("scroll", throttledScroll);
+      clearTimeout(scrollTimer);
+    };
+  }, [sectionIdsKey]);
+  return { activeSection, handleSectionClick };
+}
+
+// src/components/docs/doc-viewer.tsx
+
+var DEFAULT_DOC_VIEWER_PALETTE = {
+  background: "bg-ods-bg",
+  containerBackground: "transparent",
+  headerText: "text-ods-text-primary",
+  primaryText: "text-ods-text-primary",
+  secondaryText: "text-ods-text-secondary",
+  accent: "var(--ods-accent)",
+  border: "border-ods-border",
+  cardBackground: "bg-ods-card"
+};
+function DocViewer(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DocViewerContent, { ...props });
+}
+function DocViewerContent({
+  sourceId,
+  renderContent,
+  renderSkeleton,
+  chatSource,
+  title,
+  subtitle,
+  colorPalette = DEFAULT_DOC_VIEWER_PALETTE,
+  className = "",
+  shell = true,
+  docPath,
+  sidebarLabel = "DOCUMENTATION",
+  structureEndpoint,
+  contentEndpoint,
+  searchEndpoint,
+  resolveLinkEndpoint,
+  baseRoute,
+  emptyStateText,
+  showAIChat = false,
+  folderIndexFile,
+  backButton
+}) {
+  const resolvedStructureEndpoint = _nullishCoalesce(structureEndpoint, () => ( `/api/docs/sources/${sourceId}/structure`));
+  const resolvedContentEndpoint = _nullishCoalesce(contentEndpoint, () => ( `/api/docs/sources/${sourceId}/content`));
+  const resolveLink = useDocsResolveLink(sourceId, resolveLinkEndpoint);
+  const {
+    structure,
+    selectedPath,
+    content,
+    isLoadingStructure,
+    isLoadingContent,
+    error,
+    expandedNodes,
+    selectNode,
+    toggleNode,
+    navigateToDoc
+  } = useDocumentTree(
+    {
+      structureEndpoint: resolvedStructureEndpoint,
+      contentEndpoint: resolvedContentEndpoint,
+      baseRoute,
+      folderIndexFile
+    },
+    docPath
+  );
+  const { activeSection, handleSectionClick } = useScrollSpy(_optionalChain([content, 'optionalAccess', _15 => _15.sections]));
+  const docNav = useDocNavigation();
+  const router = _chunkSADRZ4YIcjs.useRouter.call(void 0, );
+  const backCfg = backButton === false ? null : {
+    label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _16 => _16.label]), () => ( "Back to home")),
+    onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _17 => _17.href]), () => ( "/")))
+  };
+  const docSearch = _chunkKS7NKONCcjs.useDocSearch.call(void 0, {
+    source: chatSource,
+    baseRoute,
+    searchEndpoint,
+    onNavigate: (path) => navigateToDoc(path, { fromInternalLink: true }),
+    onInPageSwap: (path) => docNav.navigate(path)
+  });
+  const renderedContent = _react.useMemo.call(void 0, () => {
+    if (!content) return null;
+    return renderContent(content, {
+      onInternalLinkClick: navigateToDoc,
+      // 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, renderContent, navigateToDoc, sourceId, resolveLink]);
+  const selectedNodeDocType = selectedPath && structure.length > 0 ? _optionalChain([_chunkHMEEW73Fcjs.findDocNodeByPath.call(void 0, selectedPath, structure), 'optionalAccess', _18 => _18.documentType]) : void 0;
+  const activeDocType = _nullishCoalesce(_optionalChain([content, 'optionalAccess', _19 => _19.documentType]), () => ( selectedNodeDocType));
+  const isMarkdownContent = !activeDocType || activeDocType === "markdown";
+  const showStickyNav = isMarkdownContent;
+  const stickyNavSections = _nullishCoalesce(_optionalChain([content, 'optionalAccess', _20 => _20.sections, 'optionalAccess', _21 => _21.map, 'call', _22 => _22((s) => ({ id: s.id, label: s.title }))]), () => ( []));
+  const isColorValue = colorPalette.background.startsWith("#") || colorPalette.background.startsWith("rgb") || colorPalette.background.startsWith("var(");
+  const bgStyle = isColorValue ? { backgroundColor: colorPalette.background } : {};
+  const bgClass = !isColorValue ? colorPalette.background : "";
+  const containerBgStyle = colorPalette.containerBackground !== "transparent" ? { backgroundColor: colorPalette.containerBackground } : {};
+  const defaultEmptyText = structure.length > 0 ? "Select a document from the sidebar to view" : "No documents yet. Add content from the admin panel.";
+  const resolvedEmptyText = emptyStateText || defaultEmptyText;
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { ...bgStyle, ...containerBgStyle }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHMEEW73Fcjs.PageLayout, { title, subtitle, titleSize: "h1", titleWrap: true, backButton: _nullishCoalesce(backCfg, () => ( void 0)), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-10", children: [
+    showAIChat && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkKS7NKONCcjs.DocSearchBar,
+      {
+        placeholder: `Search ${_optionalChain([sidebarLabel, 'optionalAccess', _23 => _23.toLowerCase, 'call', _24 => _24()]) || "documents"}...`,
+        query: docSearch.query,
+        onQueryChange: docSearch.setQuery,
+        results: docSearch.results,
+        isLoading: docSearch.isLoading,
+        onResultSelect: docSearch.handleResultSelect,
+        showDropdown: docSearch.keepDropdownOpen
+      }
+    ),
+    error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "max-w-md rounded-lg border border-ods-border bg-ods-card p-8 text-center", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-primary text-h3", children: "Error Loading Documents" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "mt-2 text-ods-text-secondary", children: [
+        error,
+        ". Please try again later."
+      ] })
+    ] }) }),
+    !error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col items-start gap-6 lg:flex-row lg:gap-10", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full lg:w-[320px] lg:shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "lg:sticky lg:top-20", children: isLoadingStructure ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHMEEW73Fcjs.CategorySidebarSkeleton, {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PersistentMobileDropdown, { isLoading: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkYU4QZ6I6cjs.MobileNavigationDropdown,
+          {
+            nodes: structure,
+            selectedPath,
+            expandedNodes,
+            onNodeClick: selectNode,
+            onToggleExpand: toggleNode,
+            isLoading: false,
+            folderIndexFile
+          }
+        ) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PersistentSidebar, { isLoading: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-ods-text-secondary text-h5", children: sidebarLabel }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkYU4QZ6I6cjs.MultiLevelNavigation,
+            {
+              nodes: structure,
+              selectedPath,
+              expandedNodes,
+              onNodeClick: selectNode,
+              onToggleExpand: toggleNode,
+              isLoading: false,
+              folderIndexFile
+            }
+          )
+        ] }) }) })
+      ] }) }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full min-w-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: `grid grid-cols-1 ${// "On this page" right column only makes sense for
+          // MARKDOWN content (PDFs / Sheets / Figma / file have no
+          // sections to navigate to). Gating the grid template on
+          // `isMarkdownContent` also suppresses the section-skeleton
+          // bars during embed loads — the user-reported "skeleton
+          // shouldn't be on file pages" bug.
+          isMarkdownContent && (showStickyNav && stickyNavSections.length > 0 || isLoadingContent || isLoadingStructure) ? "lg:grid-cols-[1fr_280px]" : ""} gap-8`,
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `w-full min-w-0 ${isMarkdownContent ? "mx-auto max-w-4xl" : ""}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "article", { className: "space-y-2", children: isLoadingContent || isLoadingStructure ? renderSkeleton(selectedNodeDocType) : !content ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "py-16 text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h4", children: resolvedEmptyText }) }) : renderedContent }) }),
+            isMarkdownContent && (isLoadingContent || isLoadingStructure) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "sticky top-24", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-5 h-[14px] w-28 animate-pulse rounded bg-ods-border" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-0", children: [130, 170, 190, 220, 110, 200, 80, 100, 120, 140, 90].map((w, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "div",
+                {
+                  className: `border-l-2 py-[13px] pl-3 ${i === 0 ? "border-ods-accent" : "border-transparent"}`,
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[13px] animate-pulse rounded bg-ods-border", style: { width: w } })
+                },
+                i
+              )) })
+            ] }) }),
+            showStickyNav && content && stickyNavSections.length > 0 && !isLoadingContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "sticky top-24", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-4 font-semibold text-ods-text-secondary text-h5", children: "ON THIS PAGE" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkYU4QZ6I6cjs.StickySectionNav,
+                {
+                  sections: stickyNavSections,
+                  activeSection,
+                  onSectionClick: handleSectionClick,
+                  ribbonPosition: "left",
+                  ribbonColor: "var(--ods-accent)"
+                }
+              )
+            ] }) })
+          ]
+        }
+      ) })
+    ] })
+  ] }) }) });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHMEEW73Fcjs.PageShell, { contentClassName: `${bgClass} ${className}`, children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `page-shell-content ${bgClass} ${className}`.trim(), children: inner });
+}
+
+// src/components/docs/skeletons.tsx
+
+function MarkdownSkeleton() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-6 space-y-7", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-3/4 animate-pulse rounded bg-ods-border" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-5/6 animate-pulse rounded bg-ods-border" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-2/3 animate-pulse rounded bg-ods-border" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[88px] animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-7 w-1/3 animate-pulse rounded bg-ods-border" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-[72%] animate-pulse rounded bg-ods-border" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-[58%] animate-pulse rounded bg-ods-border" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-7 w-2/5 animate-pulse rounded bg-ods-border" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-[90%] animate-pulse rounded bg-ods-border" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-[14px]", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[16px] w-[70%] animate-pulse rounded bg-ods-border" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[88px] animate-pulse rounded-lg border border-ods-border bg-ods-card" })
+  ] });
+}
+function EmbedSkeleton({ documentType } = {}) {
+  if (documentType === "file") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col items-center justify-center py-16", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full max-w-md space-y-4 rounded-xl border border-ods-border bg-ods-card p-8 text-center", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mx-auto h-16 w-16 animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mx-auto h-5 w-2/3 animate-pulse rounded bg-ods-border" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mx-auto h-4 w-1/2 animate-pulse rounded bg-ods-border" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-full animate-pulse rounded bg-ods-border" })
+    ] }) });
+  }
+  const buttonCount = documentType === "pdf" ? 2 : 1;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-5 shrink-0 animate-pulse rounded bg-ods-border" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-2/3 animate-pulse rounded bg-ods-border" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center gap-2 sm:w-auto", children: Array.from({ length: buttonCount }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-full flex-1 animate-pulse rounded bg-ods-border sm:w-32 sm:flex-initial" }, i)) })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "w-full animate-pulse rounded-lg border border-ods-border bg-ods-card",
+        style: { height: "calc(100vh - 250px)" }
+      }
+    )
+  ] });
+}
+
+// src/components/docs/docs-hub-page.tsx
+
+var DEFAULT_TITLE = "Documents";
+var defaultFallbackRenderer = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "py-16 text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary", children: "Unsupported document type" }) });
+var defaultPdfRenderer = (content, handlers) => content.fileUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM3ERSHPMcjs.PdfViewer, { src: content.fileUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
+var defaultGoogleSheetRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM3ERSHPMcjs.GoogleSheetsViewer, { externalUrl: content.externalUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
+var defaultFigmaRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHMEEW73Fcjs.FigmaEmbed, { url: content.externalUrl, title: content.fileName, loading: "eager" }) : defaultFallbackRenderer(content, handlers);
+var defaultFileRenderer = (content) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _chunkM3ERSHPMcjs.FileDownloadCard,
+  {
+    fileName: content.fileName,
+    mimeType: content.mimeType,
+    fileSize: content.fileSize,
+    fileUrl: content.fileUrl
+  }
+);
+var defaultRenderSkeleton = (documentType) => !documentType || documentType === "markdown" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownSkeleton, {}) : (
+  // Forward the documentType so the embed skeleton renders the right
+  // shape (PDF=2 buttons, sheets/figma=1 button, file=centered card).
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmbedSkeleton, { documentType })
+);
+function DocsHubPage({
+  title = DEFAULT_TITLE,
+  documentTypeRenderers,
+  fallbackRenderer = defaultFallbackRenderer,
+  renderSkeleton = defaultRenderSkeleton,
+  showAIChat = true,
+  className = "min-h-screen",
+  sidebarLabel = "DOCUMENTATION",
+  ...docViewerProps
+}) {
+  const resolvedRenderers = {
+    markdown: documentTypeRenderers.markdown,
+    pdf: _nullishCoalesce(documentTypeRenderers.pdf, () => ( defaultPdfRenderer)),
+    google_sheet: _nullishCoalesce(documentTypeRenderers.google_sheet, () => ( defaultGoogleSheetRenderer)),
+    figma: _nullishCoalesce(documentTypeRenderers.figma, () => ( defaultFigmaRenderer)),
+    file: _nullishCoalesce(documentTypeRenderers.file, () => ( defaultFileRenderer))
+  };
+  const renderContent = (content, handlers) => {
+    const type = _nullishCoalesce(content.documentType, () => ( "markdown"));
+    const renderer = _nullishCoalesce(resolvedRenderers[type], () => ( fallbackRenderer));
+    return renderer(content, handlers);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    DocViewer,
+    {
+      ...docViewerProps,
+      title,
+      showAIChat,
+      className,
+      sidebarLabel,
+      renderContent,
+      renderSkeleton
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.PersistentFilterControls = PersistentFilterControls; exports.PersistentSearchContainer = PersistentSearchContainer; exports.PersistentSidebar = PersistentSidebar; exports.PersistentMobileDropdown = PersistentMobileDropdown; exports.DocNavigationProvider = DocNavigationProvider; exports.useDocNavigation = useDocNavigation; exports.useDocumentTree = useDocumentTree; exports.useScrollSpy = useScrollSpy; exports.DocViewer = DocViewer; exports.MarkdownSkeleton = MarkdownSkeleton; exports.EmbedSkeleton = EmbedSkeleton; exports.DocsHubPage = DocsHubPage;
+//# sourceMappingURL=chunk-JMWLF2GL.cjs.map