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

package/dist/chunk-FWNIZC6A.js

@@ -1,1867 +0,0 @@
-"use client";
-import {
-  FileDownloadCard,
-  GoogleSheetsViewer,
-  PdfViewer
-} from "./chunk-EXBNO6FB.js";
-import {
-  MobileNavigationDropdown,
-  MultiLevelNavigation,
-  StickySectionNav
-} from "./chunk-NOO3QOJI.js";
-import {
-  DocSearchBar,
-  useDocSearch
-} from "./chunk-KNQZZJYJ.js";
-import {
-  DEFAULT_FOLDER_INDEX_FILE,
-  FigmaEmbed,
-  PageLayout,
-  PageShell,
-  findDocNodeByPath,
-  getDocAncestorNodeIds,
-  stripFolderIndexFromPath
-} from "./chunk-2T7GXHRQ.js";
-import {
-  apiErrorMessage
-} from "./chunk-T5HDPHN6.js";
-import {
-  contentFetch
-} from "./chunk-E4NCHSOE.js";
-import {
-  HUB_HEADER_OFFSET_PX,
-  navigateSamePageHash,
-  scrollElementIntoView
-} from "./chunk-JRYS4VMV.js";
-import {
-  useRouter
-} from "./chunk-XXMHLZ3Y.js";
-import {
-  useChatRuntime
-} from "./chunk-RYXIRVDC.js";
-import {
-  cn
-} from "./chunk-4CTHP7E5.js";
-
-// src/components/docs/doc-viewer.tsx
-import { useMemo as useMemo3 } from "react";
-
-// src/components/loading/unified-skeleton.tsx
-import { jsx } from "react/jsx-runtime";
-function UnifiedSkeleton({
-  className,
-  variant = "default",
-  width,
-  height,
-  animate = true,
-  "aria-label": ariaLabel,
-  ...props
-}) {
-  const baseClasses = "bg-ods-skeleton";
-  const variantClasses = {
-    default: "rounded-md",
-    text: "rounded-sm",
-    circular: "rounded-full",
-    rectangular: "rounded-none"
-  };
-  const defaultHeights = {
-    default: "h-4",
-    text: "h-4",
-    circular: "h-12 w-12",
-    rectangular: "h-4"
-  };
-  const animationClasses = animate ? "animate-pulse motion-reduce:animate-none" : "";
-  const style = {
-    width,
-    height
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        baseClasses,
-        variantClasses[variant],
-        !height && !style.height && defaultHeights[variant],
-        !width && !style.width && variant !== "circular" && "w-full",
-        animationClasses,
-        className
-      ),
-      style,
-      role: "status",
-      "aria-label": ariaLabel || "Loading content",
-      ...props
-    }
-  );
-}
-var TextSkeleton = {
-  /**
-   * Large heading skeleton (h1, h2)
-   */
-  Heading: ({ className, ...props }) => /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      variant: "text",
-      className: cn("h-8 md:h-10 lg:h-12", className),
-      "aria-label": "Loading heading",
-      ...props
-    }
-  ),
-  /**
-   * Medium heading skeleton (h3, h4)
-   */
-  Subheading: ({ className, ...props }) => /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      variant: "text",
-      className: cn("h-6 md:h-7 lg:h-8", className),
-      "aria-label": "Loading subheading",
-      ...props
-    }
-  ),
-  /**
-   * Body text skeleton
-   */
-  Body: ({ className, ...props }) => /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "text", className: cn("h-4 md:h-5", className), "aria-label": "Loading text", ...props }),
-  /**
-   * Small text skeleton (captions, metadata)
-   */
-  Caption: ({ className, ...props }) => /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "text", className: cn("h-3 md:h-4", className), "aria-label": "Loading caption", ...props })
-};
-var InteractiveSkeleton = {
-  /**
-   * Button skeleton with proper touch targets
-   */
-  Button: ({ className, ...props }) => /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      variant: "default",
-      className: cn("h-10 w-32 md:h-12 md:w-40", className),
-      "aria-label": "Loading button",
-      ...props
-    }
-  ),
-  /**
-   * Input field skeleton
-   */
-  Input: ({ className, ...props }) => /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      variant: "default",
-      className: cn("h-10 w-full md:h-12", className),
-      "aria-label": "Loading input field",
-      ...props
-    }
-  ),
-  /**
-   * Filter chip skeleton
-   */
-  Chip: ({ className, ...props }) => /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      variant: "default",
-      className: cn("h-8 w-20 rounded-full", className),
-      "aria-label": "Loading filter",
-      ...props
-    }
-  )
-};
-var MediaSkeleton = {
-  /**
-   * Avatar/profile image skeleton
-   */
-  Avatar: ({
-    size = "md",
-    className,
-    ...props
-  }) => {
-    const sizeClasses = {
-      sm: "h-8 w-8",
-      md: "h-12 w-12",
-      lg: "h-16 w-16"
-    };
-    return /* @__PURE__ */ jsx(
-      UnifiedSkeleton,
-      {
-        variant: "circular",
-        className: cn(sizeClasses[size], className),
-        "aria-label": "Loading profile image",
-        ...props
-      }
-    );
-  },
-  /**
-   * Card image skeleton (1200×630 OG aspect — matches entity-cards default
-   * so loading state never causes a height shift when card data arrives)
-   */
-  CardImage: ({ className, ...props }) => /* @__PURE__ */ jsx(
-    UnifiedSkeleton,
-    {
-      variant: "default",
-      className: cn("aspect-[1200/630] w-full", className),
-      "aria-label": "Loading image",
-      ...props
-    }
-  ),
-  /**
-   * Icon skeleton
-   */
-  Icon: ({
-    size = "md",
-    className,
-    ...props
-  }) => {
-    const sizeClasses = {
-      sm: "h-4 w-4",
-      md: "h-6 w-6",
-      lg: "h-8 w-8"
-    };
-    return /* @__PURE__ */ jsx(
-      UnifiedSkeleton,
-      {
-        variant: "default",
-        className: cn(sizeClasses[size], className),
-        "aria-label": "Loading icon",
-        ...props
-      }
-    );
-  }
-};
-
-// src/components/loading/card-skeleton.tsx
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-function CardSkeleton({
-  className,
-  containerClassName,
-  variant = "vendor",
-  showActions = true,
-  showMetadata = true,
-  ...props
-}) {
-  const cardContent = {
-    vendor: /* @__PURE__ */ jsx2(VendorCardContent, { showMetadata }),
-    blog: /* @__PURE__ */ jsx2(BlogCardContent, { showActions, showMetadata }),
-    category: /* @__PURE__ */ jsx2(CategoryCardContent, {}),
-    alternative: /* @__PURE__ */ jsx2(AlternativeCardContent, { showActions })
-  };
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      className: cn(
-        containerClassName || "border border-ods-border bg-ods-card",
-        "overflow-hidden rounded-lg",
-        // Flex layouts for certain variants
-        variant === "blog" && "flex h-full flex-col",
-        variant === "vendor" && "flex h-full flex-col",
-        className
-      ),
-      role: "status",
-      "aria-label": `Loading ${variant} card`,
-      ...props,
-      children: cardContent[variant]
-    }
-  );
-}
-function VendorCardContent({ showMetadata }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 p-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start gap-3", children: [
-      /* @__PURE__ */ jsx2("div", { className: "flex h-[60px] w-[60px] flex-shrink-0 items-center justify-center rounded-lg border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ jsx2(MediaSkeleton.Avatar, { size: "sm", className: "h-11 w-11" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center space-y-1 py-2", children: [
-        /* @__PURE__ */ jsx2(TextSkeleton.Subheading, { className: "w-3/4" }),
-        /* @__PURE__ */ jsx2(TextSkeleton.Caption, { className: "w-1/2" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx2("div", { className: "flex h-12 w-full items-center overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "w-full space-y-1", children: [
-      /* @__PURE__ */ jsx2(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx2(TextSkeleton.Body, { className: "w-2/3" })
-    ] }) }),
-    showMetadata && /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0 items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-shrink items-center gap-3 md:gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 items-center gap-1", children: [
-          /* @__PURE__ */ jsx2(MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
-          /* @__PURE__ */ jsx2(TextSkeleton.Caption, { className: "w-8" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-shrink-0 items-center gap-1", children: [
-          /* @__PURE__ */ jsx2(MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
-          /* @__PURE__ */ jsx2(TextSkeleton.Caption, { className: "w-10" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx2("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 rounded border border-ods-border bg-ods-bg px-2.5 py-1.5", children: [
-        /* @__PURE__ */ jsx2("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx2(MediaSkeleton.Icon, { size: "sm", className: "h-2.5 w-2.5" }) }),
-        /* @__PURE__ */ jsx2(TextSkeleton.Caption, { className: "w-16" })
-      ] }) })
-    ] })
-  ] });
-}
-function BlogCardContent({ showActions, showMetadata }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2("div", { className: "blog-card-image-container relative aspect-[1200/630] w-full overflow-hidden bg-ods-bg", children: /* @__PURE__ */ jsx2(MediaSkeleton.CardImage, {}) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-grow flex-col p-4", children: [
-      /* @__PURE__ */ jsx2("div", { className: "mb-3 flex min-h-[50.4px] items-center md:min-h-[56px] lg:min-h-[61.6px]", children: /* @__PURE__ */ jsxs("div", { className: "w-full space-y-1", children: [
-        /* @__PURE__ */ jsx2(TextSkeleton.Subheading, { className: "w-full" }),
-        /* @__PURE__ */ jsx2(TextSkeleton.Subheading, { className: "w-3/4" })
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "mb-3 flex h-[28px] items-center gap-2", children: [
-        /* @__PURE__ */ jsx2(InteractiveSkeleton.Chip, { className: "w-16" }),
-        /* @__PURE__ */ jsx2(InteractiveSkeleton.Chip, { className: "w-12" })
-      ] }),
-      /* @__PURE__ */ jsx2("div", { className: "mb-3 flex min-h-[42px] items-center md:min-h-[45px] lg:min-h-[48px]", children: /* @__PURE__ */ jsxs("div", { className: "w-full space-y-1", children: [
-        /* @__PURE__ */ jsx2(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx2(TextSkeleton.Body, { className: "w-1/2" })
-      ] }) }),
-      showActions && /* @__PURE__ */ jsx2("div", { className: "pt-2", children: /* @__PURE__ */ jsx2(InteractiveSkeleton.Button, { className: "h-8 w-24" }) }),
-      showMetadata && /* @__PURE__ */ jsx2("div", { className: "mt-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 border-t border-ods-border pt-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-          /* @__PURE__ */ jsx2(MediaSkeleton.Avatar, { size: "sm" }),
-          /* @__PURE__ */ jsx2(TextSkeleton.Caption, { className: "w-16" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3 text-ods-text-muted", children: [
-          /* @__PURE__ */ jsx2(TextSkeleton.Caption, { className: "w-12" }),
-          /* @__PURE__ */ jsx2("div", { className: "h-1 w-1 rounded-full bg-ods-skeleton" }),
-          /* @__PURE__ */ jsx2(TextSkeleton.Caption, { className: "w-16" })
-        ] })
-      ] }) })
-    ] })
-  ] });
-}
-function CategoryCardContent() {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4 md:p-6", children: [
-    /* @__PURE__ */ jsx2("div", { className: "flex gap-2 md:gap-3", children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsx2(MediaSkeleton.Icon, { size: "lg", className: "flex-shrink-0" }, index)) }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx2(TextSkeleton.Subheading, { className: "w-3/4" }),
-        /* @__PURE__ */ jsx2(TextSkeleton.Caption, { className: "w-1/2" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 md:items-end md:gap-6", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ jsx2(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx2(TextSkeleton.Body, { className: "w-2/3" })
-        ] }),
-        /* @__PURE__ */ jsx2(InteractiveSkeleton.Button, { className: "h-10 w-10 flex-shrink-0 md:h-12 md:w-12" })
-      ] })
-    ] })
-  ] });
-}
-function AlternativeCardContent({ showActions }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 p-4", children: [
-    /* @__PURE__ */ jsx2(MediaSkeleton.Avatar, { size: "md", className: "flex-shrink-0" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx2(TextSkeleton.Subheading, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx2(TextSkeleton.Caption, { className: "w-16" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx2(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx2(TextSkeleton.Body, { className: "w-5/6" })
-      ] }),
-      showActions && /* @__PURE__ */ jsx2("div", { className: "pt-2", children: /* @__PURE__ */ jsx2(InteractiveSkeleton.Button, { className: "h-8 w-20" }) })
-    ] })
-  ] });
-}
-function CardSkeletonGrid({
-  count = 6,
-  variant = "vendor",
-  className,
-  containerClassName,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      className: cn(
-        "grid gap-4 md:gap-6",
-        // Responsive grid based on card type
-        variant === "vendor" && "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-        variant === "blog" && "grid-cols-1 md:grid-cols-2",
-        variant === "category" && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
-        variant === "alternative" && "grid-cols-1",
-        className
-      ),
-      role: "status",
-      "aria-label": `Loading ${count} ${variant} cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx2(CardSkeleton, { variant, containerClassName, ...props }, index))
-    }
-  );
-}
-
-// src/components/loading/page-layout-skeleton.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function AnnouncementBarSkeleton() {
-  return /* @__PURE__ */ jsx3("div", { className: "relative w-full animate-pulse bg-ods-skeleton", children: /* @__PURE__ */ jsx3("div", { className: "relative flex w-full flex-row items-center", children: /* @__PURE__ */ jsxs2("div", { className: "relative box-border flex w-full flex-row items-center justify-start gap-4 py-3 pl-4 pr-12 md:gap-6 md:py-4 md:pl-6 md:pr-16", children: [
-    /* @__PURE__ */ jsx3("div", { className: "relative h-6 w-6 shrink-0 rounded bg-ods-border md:h-8 md:w-8" }),
-    /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1 space-y-1 md:space-y-2", children: [
-      /* @__PURE__ */ jsx3("div", { className: "h-[14px] w-3/4 max-w-md rounded bg-ods-border md:h-[18px]" }),
-      /* @__PURE__ */ jsx3("div", { className: "hidden h-[12px] w-full max-w-lg rounded bg-ods-border md:block md:h-[18px]" })
-    ] }),
-    /* @__PURE__ */ jsx3("div", { className: "absolute right-2 top-2 h-6 w-6 rounded bg-ods-border" })
-  ] }) }) });
-}
-function HeroSkeleton() {
-  return /* @__PURE__ */ jsxs2(
-    "section",
-    {
-      className: "flex w-full animate-pulse flex-col items-center justify-center px-4 py-12 text-center md:px-8 md:py-20",
-      style: {
-        background: "radial-gradient(circle at 50% 0%, #242323 0%, #1A1A1A 100%)"
-      },
-      children: [
-        /* @__PURE__ */ jsx3(TextSkeleton.Heading, { className: "mb-4 h-12 w-full max-w-4xl md:mb-6 md:h-20 lg:h-24" }),
-        /* @__PURE__ */ jsxs2("div", { className: "mb-8 w-full max-w-4xl space-y-3 px-2 md:mb-10", children: [
-          /* @__PURE__ */ jsx3(TextSkeleton.Body, { className: "h-5 md:h-7" }),
-          /* @__PURE__ */ jsx3(TextSkeleton.Body, { className: "mx-auto h-5 w-3/4 md:h-7" })
-        ] }),
-        /* @__PURE__ */ jsx3(InteractiveSkeleton.Button, { className: "h-12 w-full md:w-64" })
-      ]
-    }
-  );
-}
-function SearchContainerSkeleton({
-  className,
-  showFilters = true
-}) {
-  return /* @__PURE__ */ jsxs2("div", { className: cn("space-y-4", className || ""), children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex gap-2 md:gap-4", children: [
-      /* @__PURE__ */ jsx3(InteractiveSkeleton.Input, { className: "flex-1" }),
-      /* @__PURE__ */ jsx3(InteractiveSkeleton.Button, { className: "w-32 md:w-40" })
-    ] }),
-    showFilters && /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ jsx3(InteractiveSkeleton.Chip, {}),
-      /* @__PURE__ */ jsx3(InteractiveSkeleton.Chip, { className: "w-24" }),
-      /* @__PURE__ */ jsx3(InteractiveSkeleton.Chip, { className: "w-16" }),
-      /* @__PURE__ */ jsx3(InteractiveSkeleton.Chip, { className: "w-20" })
-    ] })
-  ] });
-}
-function CategorySidebarSkeleton({ className }) {
-  const items = [
-    { type: "file", width: "w-20", hasBadge: false },
-    { type: "folder", width: "w-24", hasBadge: true },
-    { type: "folder", width: "w-20", hasBadge: true },
-    { type: "folder", width: "w-24", hasBadge: true },
-    { type: "folder", width: "w-16", hasBadge: true },
-    { type: "folder", width: "w-20", hasBadge: true },
-    { type: "folder", width: "w-28", hasBadge: true },
-    { type: "folder", width: "w-16", hasBadge: true },
-    { type: "folder", width: "w-24", hasBadge: true },
-    { type: "file", width: "w-28" },
-    { type: "file", width: "w-36" }
-  ];
-  return /* @__PURE__ */ jsxs2("div", { className: cn("w-full lg:w-[320px]", className), children: [
-    /* @__PURE__ */ jsx3(UnifiedSkeleton, { className: "mb-4 h-[14px] w-24 rounded" }),
-    /* @__PURE__ */ jsx3("div", { className: "space-y-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        className: cn(
-          "flex min-h-[50px] items-center justify-between rounded-lg border border-ods-border px-4 py-4",
-          index === 0 ? "bg-ods-accent/20" : "bg-ods-card"
-        ),
-        children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2.5", children: [
-            /* @__PURE__ */ jsx3(UnifiedSkeleton, { className: "h-4 w-4 shrink-0 rounded" }),
-            /* @__PURE__ */ jsx3(UnifiedSkeleton, { className: `h-[14px] ${item.width} rounded` })
-          ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "flex h-[18px] items-center gap-2", children: [
-            item.hasBadge && /* @__PURE__ */ jsx3(UnifiedSkeleton, { className: "h-[18px] w-14 rounded" }),
-            item.type === "folder" && /* @__PURE__ */ jsx3(UnifiedSkeleton, { className: "h-4 w-4 rounded" })
-          ] })
-        ]
-      },
-      index
-    )) })
-  ] });
-}
-function BreadcrumbSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs2("div", { className: cn("mb-6 flex items-center space-x-1", className), children: [
-    /* @__PURE__ */ jsx3(TextSkeleton.Caption, { className: "w-16" }),
-    /* @__PURE__ */ jsx3(UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
-    /* @__PURE__ */ jsx3(TextSkeleton.Caption, { className: "w-24" }),
-    /* @__PURE__ */ jsx3(UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
-    /* @__PURE__ */ jsx3(TextSkeleton.Caption, { className: "w-32" }),
-    /* @__PURE__ */ jsx3(UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
-    /* @__PURE__ */ jsx3(TextSkeleton.Caption, { className: "w-24" })
-  ] });
-}
-function ResultsHeaderSkeleton({ className }) {
-  return /* @__PURE__ */ jsx3("div", { className: cn("mb-6 flex flex-col items-start justify-between gap-4 md:flex-row md:items-center", className), children: /* @__PURE__ */ jsx3("div", { className: "space-y-1", children: /* @__PURE__ */ jsx3(TextSkeleton.Body, { className: "w-48" }) }) });
-}
-function TwoColumnLayoutSkeleton({
-  className,
-  sidebarContent,
-  mainContent,
-  sidebarPosition = "left"
-}) {
-  const sidebar = sidebarContent || /* @__PURE__ */ jsx3(CategorySidebarSkeleton, {});
-  const main = mainContent || /* @__PURE__ */ jsx3(CardSkeletonGrid, { count: 6 });
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: cn(
-        "grid grid-cols-1 gap-6 lg:grid-cols-[320px_1fr] lg:gap-8",
-        sidebarPosition === "right" && "lg:grid-cols-[1fr_320px]",
-        className
-      ),
-      children: sidebarPosition === "left" ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        /* @__PURE__ */ jsx3("aside", { className: "order-2 lg:order-1", children: sidebar }),
-        /* @__PURE__ */ jsx3("main", { className: "order-1 lg:order-2", children: main })
-      ] }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        /* @__PURE__ */ jsx3("main", { className: "order-1", children: main }),
-        /* @__PURE__ */ jsx3("aside", { className: "order-2", children: sidebar })
-      ] })
-    }
-  );
-}
-function ArticleLayoutSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs2("article", { className: cn("mx-auto max-w-4xl", className), children: [
-    /* @__PURE__ */ jsxs2("header", { className: "mb-8 space-y-4 md:mb-12 md:space-y-6", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx3(InteractiveSkeleton.Chip, {}),
-        /* @__PURE__ */ jsx3(InteractiveSkeleton.Chip, { className: "w-16" })
-      ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx3(TextSkeleton.Heading, { className: "w-full" }),
-        /* @__PURE__ */ jsx3(TextSkeleton.Heading, { className: "w-3/4" })
-      ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-4 border-t border-ods-divider pt-4", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx3(MediaSkeleton.Avatar, { size: "sm" }),
-          /* @__PURE__ */ jsx3(TextSkeleton.Caption, { className: "w-24" })
-        ] }),
-        /* @__PURE__ */ jsx3(TextSkeleton.Caption, { className: "w-20" }),
-        /* @__PURE__ */ jsx3(TextSkeleton.Caption, { className: "w-16" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx3("div", { className: "mb-8 md:mb-12", children: /* @__PURE__ */ jsx3(MediaSkeleton.CardImage, { className: "h-64 w-full md:h-96" }) }),
-    /* @__PURE__ */ jsxs2("div", { className: "prose prose-invert max-w-none space-y-6", children: [
-      Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx3(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx3(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx3(TextSkeleton.Body, { className: "w-5/6" }),
-        /* @__PURE__ */ jsx3(TextSkeleton.Body, { className: "w-3/4" })
-      ] }, index)),
-      /* @__PURE__ */ jsxs2("div", { className: "py-4", children: [
-        /* @__PURE__ */ jsx3(TextSkeleton.Subheading, { className: "mb-4 w-2/3" }),
-        /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx3(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx3(TextSkeleton.Body, { className: "w-4/5" })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-function VendorDetailLayoutSkeleton({ className }) {
-  return /* @__PURE__ */ jsx3("main", { className: cn("min-h-screen bg-ods-bg", className), children: /* @__PURE__ */ jsxs2("div", { className: "mx-auto max-w-[1920px] px-6 py-6 md:px-20 md:py-10", children: [
-    /* @__PURE__ */ jsx3(BreadcrumbSkeleton, { className: "mb-6" }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col lg:flex-row lg:gap-10", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "mb-10", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "mb-6 flex gap-6", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-20 w-20 flex-shrink-0 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
-            /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3", children: [
-              /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx3("div", { className: "h-12 w-80 max-w-full animate-pulse rounded bg-ods-skeleton md:h-16 lg:h-20" }),
-                /* @__PURE__ */ jsx3("div", { className: "h-5 w-32 animate-pulse rounded bg-ods-skeleton md:h-6" })
-              ] }),
-              /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx3("div", { className: "h-8 w-20 animate-pulse rounded bg-ods-skeleton" }),
-                /* @__PURE__ */ jsx3("div", { className: "h-8 w-16 animate-pulse rounded bg-ods-skeleton" })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx3("div", { className: "mb-2 h-[300px] w-full animate-pulse rounded-lg border border-ods-border bg-ods-card md:h-[400px] lg:h-[500px]" }),
-          /* @__PURE__ */ jsx3("div", { className: "text-center", children: /* @__PURE__ */ jsx3("div", { className: "mx-auto h-4 w-24 animate-pulse rounded bg-ods-skeleton" }) })
-        ] }),
-        /* @__PURE__ */ jsx3("div", { className: "mb-10 lg:hidden", children: /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx3("div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
-          /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
-            /* @__PURE__ */ jsx3("div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" })
-          ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-lg border border-ods-border", children: [
-            /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
-              /* @__PURE__ */ jsx3("div", { className: "h-8 w-8 animate-pulse rounded bg-ods-skeleton" }),
-              /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx3("div", { className: "h-4 w-20 animate-pulse rounded bg-ods-skeleton" }),
-                /* @__PURE__ */ jsx3("div", { className: "h-6 w-12 animate-pulse rounded bg-ods-skeleton" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx3("div", { className: "space-y-3 p-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx3("div", { className: "h-6 w-6 animate-pulse rounded bg-ods-skeleton" }),
-              /* @__PURE__ */ jsxs2("div", { className: "flex items-end gap-1", children: [
-                /* @__PURE__ */ jsx3("div", { className: "h-4 w-12 animate-pulse rounded bg-ods-skeleton" }),
-                /* @__PURE__ */ jsx3("div", { className: "h-3 w-8 animate-pulse rounded bg-ods-skeleton" })
-              ] })
-            ] }, i)) })
-          ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
-            /* @__PURE__ */ jsx3("div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
-            /* @__PURE__ */ jsx3("div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsxs2("div", { className: "mb-20 flex flex-col gap-6", children: [
-          /* @__PURE__ */ jsx3("div", { className: "h-8 w-48 animate-pulse rounded bg-ods-skeleton md:h-10" }),
-          /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-5 w-48 animate-pulse rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx3(
-              "div",
-              {
-                className: "h-10 w-24 animate-pulse rounded-lg border border-ods-border bg-ods-card"
-              },
-              i
-            )) })
-          ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-5 w-52 animate-pulse rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx3(
-              "div",
-              {
-                className: "h-10 w-28 animate-pulse rounded-lg border border-ods-border bg-ods-card"
-              },
-              i
-            )) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "mb-20 flex flex-col gap-6", children: [
-          /* @__PURE__ */ jsx3("div", { className: "h-8 w-64 animate-pulse rounded bg-ods-skeleton md:h-10" }),
-          /* @__PURE__ */ jsx3("div", { className: "rounded-lg border border-ods-border bg-ods-card p-6 md:p-8", children: /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-6 animate-pulse rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsx3("div", { className: "h-6 animate-pulse rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsx3("div", { className: "h-6 w-5/6 animate-pulse rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsx3("div", { className: "h-6 w-4/5 animate-pulse rounded bg-ods-skeleton" })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "mb-20 flex flex-col gap-6", children: [
-          /* @__PURE__ */ jsx3("div", { className: "h-8 w-72 animate-pulse rounded bg-ods-skeleton md:h-10" }),
-          /* @__PURE__ */ jsx3("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs2("div", { className: "flex gap-4 rounded-lg border border-ods-border bg-ods-card p-4", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-12 w-12 flex-shrink-0 animate-pulse rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsxs2("div", { className: "flex-1 space-y-2", children: [
-              /* @__PURE__ */ jsx3("div", { className: "h-5 w-3/4 animate-pulse rounded bg-ods-skeleton" }),
-              /* @__PURE__ */ jsx3("div", { className: "h-4 animate-pulse rounded bg-ods-skeleton" })
-            ] })
-          ] }, i)) })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "mb-20 flex flex-col gap-6", children: [
-          /* @__PURE__ */ jsx3("div", { className: "h-8 w-80 animate-pulse rounded bg-ods-skeleton md:h-10" }),
-          /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2", children: [
-            /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx3("div", { className: "h-5 w-16 animate-pulse rounded bg-ods-skeleton" }),
-              Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs2("div", { className: "flex gap-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
-                /* @__PURE__ */ jsx3("div", { className: "h-12 w-12 flex-shrink-0 animate-pulse rounded border border-ods-border bg-ods-bg" }),
-                /* @__PURE__ */ jsxs2("div", { className: "flex-1 space-y-2", children: [
-                  /* @__PURE__ */ jsx3("div", { className: "h-5 w-2/3 animate-pulse rounded bg-ods-skeleton" }),
-                  /* @__PURE__ */ jsx3("div", { className: "h-4 animate-pulse rounded bg-ods-skeleton" })
-                ] })
-              ] }, i))
-            ] }),
-            /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx3("div", { className: "h-5 w-16 animate-pulse rounded bg-ods-skeleton" }),
-              Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs2("div", { className: "flex gap-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
-                /* @__PURE__ */ jsx3("div", { className: "h-12 w-12 flex-shrink-0 animate-pulse rounded border border-ods-border bg-ods-bg" }),
-                /* @__PURE__ */ jsxs2("div", { className: "flex-1 space-y-2", children: [
-                  /* @__PURE__ */ jsx3("div", { className: "h-5 w-2/3 animate-pulse rounded bg-ods-skeleton" }),
-                  /* @__PURE__ */ jsx3("div", { className: "h-4 animate-pulse rounded bg-ods-skeleton" })
-                ] })
-              ] }, i))
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "mb-20 flex flex-col gap-6", children: [
-          /* @__PURE__ */ jsx3("div", { className: "h-8 w-72 animate-pulse rounded bg-ods-skeleton md:h-10" }),
-          /* @__PURE__ */ jsx3("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs2("div", { className: "space-y-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
-            /* @__PURE__ */ jsxs2("div", { className: "flex items-start gap-4", children: [
-              /* @__PURE__ */ jsx3("div", { className: "h-16 w-16 flex-shrink-0 animate-pulse rounded-lg border border-ods-border bg-ods-bg" }),
-              /* @__PURE__ */ jsxs2("div", { className: "flex-1 space-y-2", children: [
-                /* @__PURE__ */ jsx3("div", { className: "h-6 w-3/4 animate-pulse rounded bg-ods-skeleton" }),
-                /* @__PURE__ */ jsx3("div", { className: "h-4 w-1/2 animate-pulse rounded bg-ods-skeleton" })
-              ] }),
-              /* @__PURE__ */ jsx3("div", { className: "h-6 w-20 animate-pulse rounded bg-ods-skeleton" })
-            ] }),
-            /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx3("div", { className: "h-4 animate-pulse rounded bg-ods-skeleton" }),
-              /* @__PURE__ */ jsx3("div", { className: "h-4 w-5/6 animate-pulse rounded bg-ods-skeleton" }),
-              /* @__PURE__ */ jsx3("div", { className: "h-4 w-4/5 animate-pulse rounded bg-ods-skeleton" })
-            ] }),
-            /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between border-t border-ods-border pt-2", children: [
-              /* @__PURE__ */ jsx3("div", { className: "h-4 w-16 animate-pulse rounded bg-ods-skeleton" }),
-              /* @__PURE__ */ jsx3("div", { className: "h-4 w-20 animate-pulse rounded bg-ods-skeleton" })
-            ] })
-          ] }, i)) }),
-          /* @__PURE__ */ jsx3("div", { className: "h-12 animate-pulse rounded-md bg-ods-skeleton" })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "mb-20 flex flex-col gap-6", children: [
-          /* @__PURE__ */ jsx3("div", { className: "h-8 w-64 animate-pulse rounded bg-ods-skeleton md:h-10" }),
-          /* @__PURE__ */ jsx3("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs2("div", { className: "flex gap-3", children: [
-            /* @__PURE__ */ jsxs2("div", { className: "flex-1 overflow-hidden rounded-lg border border-ods-border bg-ods-bg", children: [
-              /* @__PURE__ */ jsxs2("div", { className: "border-b border-ods-border p-3", children: [
-                /* @__PURE__ */ jsx3("div", { className: "mb-2 h-3 w-8 animate-pulse rounded bg-ods-skeleton" }),
-                /* @__PURE__ */ jsx3("div", { className: "h-6 w-full animate-pulse rounded bg-ods-skeleton" })
-              ] }),
-              /* @__PURE__ */ jsxs2("div", { className: "p-3", children: [
-                /* @__PURE__ */ jsx3("div", { className: "mb-2 h-3 w-16 animate-pulse rounded bg-ods-skeleton" }),
-                /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx3("div", { className: "h-4 w-full animate-pulse rounded bg-ods-skeleton" }),
-                  /* @__PURE__ */ jsx3("div", { className: "h-4 w-3/4 animate-pulse rounded bg-ods-skeleton" }),
-                  /* @__PURE__ */ jsx3("div", { className: "h-4 w-1/2 animate-pulse rounded bg-ods-skeleton" })
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx3("div", { className: "flex items-stretch", children: /* @__PURE__ */ jsx3("div", { className: "h-[120px] w-20 animate-pulse rounded-lg bg-ods-skeleton" }) })
-          ] }) }),
-          /* @__PURE__ */ jsx3("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs2("div", { className: "rounded-lg border border-ods-border bg-ods-card p-4", children: [
-            /* @__PURE__ */ jsx3("div", { className: "mb-3 flex flex-col gap-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 rounded-lg border border-ods-border bg-ods-card px-3 py-2", children: [
-                /* @__PURE__ */ jsx3("div", { className: "h-8 w-8 animate-pulse rounded-lg bg-ods-skeleton" }),
-                /* @__PURE__ */ jsx3("div", { className: "h-4 w-20 animate-pulse rounded bg-ods-skeleton" })
-              ] }),
-              /* @__PURE__ */ jsx3("div", { className: "h-4 w-12 animate-pulse rounded bg-ods-skeleton" })
-            ] }) }),
-            /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx3("div", { className: "h-6 w-2/3 animate-pulse rounded bg-ods-skeleton" }),
-              /* @__PURE__ */ jsxs2("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx3("div", { className: "h-4 w-full animate-pulse rounded bg-ods-skeleton" }),
-                /* @__PURE__ */ jsx3("div", { className: "h-4 w-4/5 animate-pulse rounded bg-ods-skeleton" }),
-                /* @__PURE__ */ jsx3("div", { className: "h-4 w-3/5 animate-pulse rounded bg-ods-skeleton" })
-              ] })
-            ] })
-          ] }, i)) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx3("div", { className: "hidden w-[290px] flex-shrink-0 lg:block", children: /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx3("div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
-        /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx3("div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
-          /* @__PURE__ */ jsx3("div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-lg border border-ods-border", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-8 w-8 animate-pulse rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx3("div", { className: "h-4 w-20 animate-pulse rounded bg-ods-skeleton" }),
-              /* @__PURE__ */ jsx3("div", { className: "h-6 w-12 animate-pulse rounded bg-ods-skeleton" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx3("div", { className: "space-y-3 p-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-6 w-6 animate-pulse rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsxs2("div", { className: "flex items-end gap-1", children: [
-              /* @__PURE__ */ jsx3("div", { className: "h-4 w-12 animate-pulse rounded bg-ods-skeleton" }),
-              /* @__PURE__ */ jsx3("div", { className: "h-3 w-8 animate-pulse rounded bg-ods-skeleton" })
-            ] })
-          ] }, i)) })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx3("div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
-          /* @__PURE__ */ jsx3("div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
-          /* @__PURE__ */ jsx3("div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" })
-        ] })
-      ] }) })
-    ] })
-  ] }) });
-}
-function StatsSectionSkeleton({ className, columns = 3 }) {
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: cn(
-        "mb-12 grid gap-6 md:mb-16",
-        columns === 3 && "grid-cols-1 md:grid-cols-3",
-        columns === 4 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
-        className
-      ),
-      children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsx3("div", { className: "rounded-lg border border-ods-border bg-ods-card p-6", children: /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx3(MediaSkeleton.Icon, { size: "lg" }),
-        /* @__PURE__ */ jsx3(TextSkeleton.Subheading, { className: "w-3/4" }),
-        /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx3(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx3(TextSkeleton.Body, { className: "w-3/4" })
-        ] })
-      ] }) }, i))
-    }
-  );
-}
-function BlogCardGridSkeleton({ className }) {
-  return /* @__PURE__ */ jsx3("div", { className: cn("space-y-6", className), children: /* @__PURE__ */ jsx3(CardSkeletonGrid, { count: 4, variant: "blog", className: "grid-cols-1 md:grid-cols-2" }) });
-}
-function VendorGridSkeleton({ className }) {
-  return /* @__PURE__ */ jsx3("div", { className: cn("space-y-6", className), children: /* @__PURE__ */ jsx3(CardSkeletonGrid, { count: 12, variant: "vendor", className: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3" }) });
-}
-function SlackCommunitySkeleton() {
-  return /* @__PURE__ */ jsx3("section", { className: "w-full bg-ods-bg px-4 py-12 md:px-20 md:py-20 lg:px-20", "aria-label": "Slack Community Loading", children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col gap-4 md:gap-6", children: [
-    /* @__PURE__ */ jsx3("div", { className: "w-full", children: /* @__PURE__ */ jsx3("div", { className: "h-8 max-w-md animate-pulse rounded-lg bg-ods-skeleton md:h-12 lg:h-14" }) }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex w-full min-w-0 flex-col gap-4 md:gap-6 lg:flex-row lg:items-start lg:justify-end", children: [
-      /* @__PURE__ */ jsx3("div", { className: "flex w-full flex-shrink-0 animate-pulse flex-col overflow-hidden rounded border border-ods-border bg-ods-bg lg:w-[290px] lg:max-w-[290px]", children: /* @__PURE__ */ jsxs2("div", { className: "space-y-4 p-4", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-4 w-24 rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsx3("div", { className: "h-3 w-16 rounded bg-ods-skeleton" })
-          ] }),
-          /* @__PURE__ */ jsx3("div", { className: "h-3 w-32 rounded bg-ods-skeleton" })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx3("div", { className: "mb-2 h-3 w-16 rounded bg-ods-skeleton" }),
-          Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs2("div", { className: "flex min-h-[48px] items-center gap-2 px-2 py-3", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-4 w-4 rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsxs2("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsx3("div", { className: "mb-1 h-3 w-24 rounded bg-ods-skeleton" }),
-              /* @__PURE__ */ jsx3("div", { className: "h-2 w-16 rounded bg-ods-skeleton" })
-            ] })
-          ] }, i))
-        ] }),
-        /* @__PURE__ */ jsx3("div", { className: "mt-2 border-t border-ods-border pt-3", children: /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-3 w-16 rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsx3("div", { className: "h-3 w-8 rounded bg-ods-skeleton" })
-          ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-3 w-20 rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsx3("div", { className: "h-3 w-8 rounded bg-ods-skeleton" })
-          ] })
-        ] }) })
-      ] }) }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex h-[450px] min-h-[450px] min-w-0 flex-1 animate-pulse flex-col rounded-lg border border-ods-border bg-ods-card md:h-[500px] md:min-h-[500px] lg:h-[600px] lg:min-h-[600px]", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex h-[56px] flex-shrink-0 items-center justify-between border-b border-ods-border bg-ods-bg p-4 md:h-[60px] md:p-6", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx3("div", { className: "h-3 w-3 rounded bg-ods-skeleton md:h-4 md:w-4" }),
-            /* @__PURE__ */ jsx3("div", { className: "h-3 w-24 rounded bg-ods-skeleton md:h-4 md:w-32" })
-          ] }),
-          /* @__PURE__ */ jsx3("div", { className: "h-3 w-12 rounded bg-ods-skeleton md:w-16" })
-        ] }),
-        /* @__PURE__ */ jsx3("div", { className: "min-h-[280px] flex-1 space-y-3 overflow-hidden bg-ods-bg p-4 md:min-h-[320px] md:space-y-4 md:p-6 lg:min-h-[420px]", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs2("div", { className: "flex gap-2 md:gap-3", children: [
-          /* @__PURE__ */ jsx3("div", { className: "h-10 w-10 flex-shrink-0 rounded-lg bg-ods-skeleton md:h-12 md:w-12" }),
-          /* @__PURE__ */ jsxs2("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsxs2("div", { className: "mb-1 flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx3("div", { className: "h-3 w-16 rounded bg-ods-skeleton md:w-20" }),
-              /* @__PURE__ */ jsx3("div", { className: "h-3 w-12 rounded bg-ods-skeleton md:w-16" })
-            ] }),
-            /* @__PURE__ */ jsx3("div", { className: "h-3 w-full rounded bg-ods-skeleton md:h-4" })
-          ] })
-        ] }, i)) }),
-        /* @__PURE__ */ jsx3("div", { className: "h-[72px] flex-shrink-0 border-t border-ods-border bg-ods-card p-4 md:h-[80px] md:p-6", children: /* @__PURE__ */ jsx3("div", { className: "flex items-end justify-center gap-3 md:justify-end", children: /* @__PURE__ */ jsx3("div", { className: "h-10 w-28 rounded-lg bg-ods-skeleton md:h-12 md:w-32" }) }) })
-      ] })
-    ] })
-  ] }) });
-}
-
-// src/components/persistent-filter-controls.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function PersistentFilterControls({
-  isLoading,
-  children,
-  className,
-  disabledOpacity = 0.6,
-  transitionDuration = 300,
-  preventInteraction = true
-}) {
-  return /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      className: cn(
-        "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__ */ jsx4("div", { className: "sr-only", role: "status", "aria-live": "polite", children: "Filters temporarily disabled while loading content" }),
-        /* @__PURE__ */ jsx4(
-          "div",
-          {
-            className: cn("transition-all ease-in-out", isLoading && "cursor-not-allowed"),
-            style: {
-              transitionDuration: `${transitionDuration}ms`
-            },
-            children
-          }
-        ),
-        isLoading && /* @__PURE__ */ jsx4("div", { className: "absolute right-2 top-2 z-10", role: "status", "aria-label": "Loading filters", children: /* @__PURE__ */ jsx4("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__ */ jsx4(
-    PersistentFilterControls,
-    {
-      isLoading,
-      preventInteraction: false,
-      className,
-      children
-    }
-  );
-}
-function PersistentSidebar({ isLoading, children, className }) {
-  return /* @__PURE__ */ jsx4(
-    PersistentFilterControls,
-    {
-      isLoading,
-      disabledOpacity: 0.5,
-      className: cn("lg:sticky lg:top-20", className),
-      children
-    }
-  );
-}
-function PersistentMobileDropdown({ isLoading, children, className }) {
-  return /* @__PURE__ */ jsx4(PersistentFilterControls, { isLoading, disabledOpacity: 0.7, className: cn("lg:hidden", className), children });
-}
-
-// src/components/docs/doc-navigation-context.tsx
-import React, { createContext, useCallback, useContext, useRef } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var DocNavigationContext = createContext(null);
-function DocNavigationProvider({ children }) {
-  const navMap = useRef(/* @__PURE__ */ new Map());
-  const register = useCallback((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 = useCallback((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 navMap.current.get(baseRoute) ?? null;
-      }
-    }
-    if (navMap.current.size === 1) {
-      return navMap.current.values().next().value ?? null;
-    }
-    return null;
-  }, []);
-  const navigate = useCallback(
-    (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 = useCallback(() => navMap.current.size > 0, []);
-  const value = React.useMemo(() => ({ register, navigate, isAvailable }), [register, navigate, isAvailable]);
-  return /* @__PURE__ */ jsx5(DocNavigationContext.Provider, { value, children });
-}
-function useDocNavigation() {
-  const ctx = useContext(DocNavigationContext);
-  if (!ctx) {
-    return {
-      register: () => () => {
-      },
-      navigate: () => false,
-      isAvailable: () => false
-    };
-  }
-  return ctx;
-}
-
-// src/components/docs/use-docs-resolve-link.ts
-import { useCallback as useCallback2 } from "react";
-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 = useChatRuntime();
-  const resolvedResolveLinkEndpoint = resolveLinkEndpoint ?? chatRuntime?.endpoints.docsResolveLinkUrl ?? "/api/docs/resolve-link";
-  return useCallback2(
-    async (href, currentPath) => {
-      try {
-        const response = await contentFetch(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
-import { useState, useEffect, useCallback as useCallback3, useMemo, useRef as useRef2 } from "react";
-function scrollToContent() {
-  const article = document.querySelector("article");
-  if (article) {
-    scrollElementIntoView(article, { headerOffset: HUB_HEADER_OFFSET_PX });
-  } else {
-    scrollElementIntoView(document.documentElement);
-  }
-}
-function findFirstDocPath(folder) {
-  const children = 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: 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: 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: readString(value, "content") ?? "",
-    sections: toDocSections(value.sections),
-    path: 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 = config.folderIndexFile ?? DEFAULT_FOLDER_INDEX_FILE;
-  const cleanInitialPath = stripFolderIndexFromPath(initialPath?.replace(/\/$/, "") || "", folderIndexFile);
-  const [structure, setStructure] = useState([]);
-  const [selectedPath, setSelectedPath] = useState(cleanInitialPath);
-  const [content, setContent] = useState(null);
-  const [isLoadingStructure, setIsLoadingStructure] = useState(true);
-  const [isLoadingContent, setIsLoadingContent] = useState(false);
-  const [error, setError] = useState(null);
-  const [expandedNodes, setExpandedNodes] = useState(/* @__PURE__ */ new Set());
-  const lastFetchedPath = useRef2(null);
-  const normalizedBaseRoute = baseRoute.replace(/\/$/, "");
-  const selectedPathRef = useRef2(selectedPath);
-  useEffect(() => {
-    selectedPathRef.current = selectedPath;
-  });
-  const docNavigation = useDocNavigation();
-  useEffect(() => {
-    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 = stripFolderIndexFromPath(pathFromUrl, folderIndexFile);
-      if (pathFromUrl !== selectedPathRef.current) {
-        setSelectedPath(pathFromUrl);
-        if (pathFromUrl) {
-          const parentPath = pathFromUrl.includes("/") ? pathFromUrl.substring(0, pathFromUrl.lastIndexOf("/")) : pathFromUrl;
-          setExpandedNodes(new Set(getDocAncestorNodeIds(parentPath)));
-        }
-        setTimeout(() => {
-          scrollToContent();
-        }, 150);
-      }
-    };
-    window.addEventListener("popstate", handlePopState);
-    return () => window.removeEventListener("popstate", handlePopState);
-  }, [normalizedBaseRoute, folderIndexFile]);
-  const [syncedInitialPath, setSyncedInitialPath] = useState(cleanInitialPath);
-  const [externalNavCount, setExternalNavCount] = useState(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(getDocAncestorNodeIds(parentPath)));
-      }
-      setExternalNavCount((n) => n + 1);
-    }
-  }
-  useEffect(() => {
-    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 contentFetch(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(getDocAncestorNodeIds(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(apiErrorMessage(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 contentFetch(`${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 = findDocNodeByPath(stripFolderIndexFromPath(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(apiErrorMessage(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(apiErrorMessage(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 = useRef2({ fetchContent, fetchStructure, cleanInitialPath, folderIndexFile });
-  useEffect(() => {
-    latestRef.current = { fetchContent, fetchStructure, cleanInitialPath, folderIndexFile };
-  });
-  useEffect(() => {
-    const latest = latestRef.current;
-    const speculativeContentPath = latest.cleanInitialPath || latest.folderIndexFile;
-    lastFetchedPath.current = speculativeContentPath;
-    void latest.fetchContent(speculativeContentPath);
-    void latest.fetchStructure();
-  }, []);
-  useEffect(() => {
-    if (selectedPath === null || selectedPath === void 0) return;
-    if (!structure || structure.length === 0) return;
-    let pathToFetch = null;
-    if (selectedPath === "") {
-      pathToFetch = folderIndexFile;
-    } else {
-      const node = findDocNodeByPath(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 = useCallback3((nodeId) => {
-    setExpandedNodes((prev) => {
-      const next = new Set(prev);
-      if (next.has(nodeId)) {
-        next.delete(nodeId);
-      } else {
-        next.add(nodeId);
-      }
-      return next;
-    });
-  }, []);
-  const selectNode = useCallback3(
-    (node) => {
-      if (node.type === "folder") {
-        setExpandedNodes((prev) => {
-          if (prev.has(node.id)) {
-            const ancestorIds = getDocAncestorNodeIds(node.path);
-            ancestorIds.pop();
-            return new Set(ancestorIds);
-          }
-          return new Set(getDocAncestorNodeIds(node.path));
-        });
-      } else {
-        const lastSlash = node.path.lastIndexOf("/");
-        if (lastSlash > 0) {
-          setExpandedNodes(new Set(getDocAncestorNodeIds(node.path.substring(0, lastSlash))));
-        }
-      }
-      lastFetchedPath.current = null;
-      setSelectedPath(node.path);
-      window.history.pushState({}, "", `${normalizedBaseRoute}/${node.path}`);
-      setTimeout(scrollToContent, 150);
-    },
-    [normalizedBaseRoute]
-  );
-  const navigateToDoc = useCallback3(
-    (path, options) => {
-      const hashIndex = path.indexOf("#");
-      const anchor = hashIndex !== -1 ? path.substring(hashIndex) : "";
-      const cleanPath = path.replace(/\/$/, "").split("#")[0];
-      const pathForSelection = anchor && options?.fromInternalLink && cleanPath === "" ? selectedPathRef.current : stripFolderIndexFromPath(cleanPath, folderIndexFile);
-      if (anchor && options?.fromInternalLink && pathForSelection === selectedPathRef.current) {
-        navigateSamePageHash(anchor, { headerOffset: HUB_HEADER_OFFSET_PX });
-        return;
-      }
-      const scrollAfterNav = () => {
-        if (anchor) {
-          setTimeout(() => {
-            const el = document.getElementById(anchor.substring(1));
-            if (el) {
-              scrollElementIntoView(el, { headerOffset: HUB_HEADER_OFFSET_PX });
-            } else {
-              scrollToContent();
-            }
-          }, 300);
-        } else {
-          setTimeout(() => {
-            scrollToContent();
-          }, 150);
-        }
-      };
-      if (options?.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 (options?.fromInternalLink) {
-          scrollAfterNav();
-        }
-        setError(null);
-        return;
-      }
-      const urlPath = pathForSelection;
-      lastFetchedPath.current = null;
-      setSelectedPath(pathForSelection);
-      window.history.pushState({}, "", `${normalizedBaseRoute}/${urlPath}${anchor}`);
-      if (options?.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]
-  );
-  useEffect(() => {
-    return docNavigation.register({
-      baseRoute: normalizedBaseRoute,
-      findNodeByPath: (path) => {
-        const clean = stripFolderIndexFromPath(path.replace(/\/$/, "").split("#")[0], folderIndexFile);
-        return findDocNodeByPath(clean, structure) ?? null;
-      },
-      selectNode
-    });
-  }, [docNavigation, normalizedBaseRoute, structure, selectNode, folderIndexFile]);
-  const isEmptyFolder = useMemo(() => {
-    if (!selectedPath || structure.length === 0) return false;
-    const node = findDocNodeByPath(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
-import { useState as useState2, useRef as useRef3, useCallback as useCallback4, useEffect as useEffect2, useMemo as useMemo2 } from "react";
-var SCROLL_OFFSET = 100;
-var ID_SEPARATOR = "\n";
-function useScrollSpy(sections) {
-  const [activeSection, setActiveSection] = useState2("");
-  const isScrollingFromClick = useRef3(false);
-  const sectionIdsKey = useMemo2(() => sections?.map((s) => s.id).join(ID_SEPARATOR) ?? "", [sections]);
-  const handleSectionClick = useCallback4((sectionId) => {
-    const targetElement = document.getElementById(sectionId);
-    if (!targetElement) return;
-    isScrollingFromClick.current = true;
-    setActiveSection(sectionId);
-    scrollElementIntoView(targetElement, { headerOffset: SCROLL_OFFSET });
-    setTimeout(() => {
-      isScrollingFromClick.current = false;
-    }, 800);
-  }, []);
-  useEffect2(() => {
-    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 = 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
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-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__ */ jsx6(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 = structureEndpoint ?? `/api/docs/sources/${sourceId}/structure`;
-  const resolvedContentEndpoint = 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(content?.sections);
-  const docNav = useDocNavigation();
-  const router = useRouter();
-  const backCfg = backButton === false ? null : {
-    label: backButton?.label ?? "Back to home",
-    onClick: () => router.push(backButton?.href ?? "/")
-  };
-  const docSearch = useDocSearch({
-    source: chatSource,
-    baseRoute,
-    searchEndpoint,
-    onNavigate: (path) => navigateToDoc(path, { fromInternalLink: true }),
-    onInPageSwap: (path) => docNav.navigate(path)
-  });
-  const renderedContent = useMemo3(() => {
-    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 ? findDocNodeByPath(selectedPath, structure)?.documentType : void 0;
-  const activeDocType = content?.documentType ?? selectedNodeDocType;
-  const isMarkdownContent = !activeDocType || activeDocType === "markdown";
-  const showStickyNav = isMarkdownContent;
-  const stickyNavSections = content?.sections?.map((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__ */ jsx6("div", { style: { ...bgStyle, ...containerBgStyle }, children: /* @__PURE__ */ jsx6(PageLayout, { title, subtitle, titleSize: "h1", titleWrap: true, backButton: backCfg ?? void 0, children: /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-col gap-10", children: [
-    showAIChat && /* @__PURE__ */ jsx6(
-      DocSearchBar,
-      {
-        placeholder: `Search ${sidebarLabel?.toLowerCase() || "documents"}...`,
-        query: docSearch.query,
-        onQueryChange: docSearch.setQuery,
-        results: docSearch.results,
-        isLoading: docSearch.isLoading,
-        onResultSelect: docSearch.handleResultSelect,
-        showDropdown: docSearch.keepDropdownOpen
-      }
-    ),
-    error && /* @__PURE__ */ jsx6("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs4("div", { className: "max-w-md rounded-lg border border-ods-border bg-ods-card p-8 text-center", children: [
-      /* @__PURE__ */ jsx6("h2", { className: "text-ods-text-primary text-h3", children: "Error Loading Documents" }),
-      /* @__PURE__ */ jsxs4("p", { className: "mt-2 text-ods-text-secondary", children: [
-        error,
-        ". Please try again later."
-      ] })
-    ] }) }),
-    !error && /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col items-start gap-6 lg:flex-row lg:gap-10", children: [
-      /* @__PURE__ */ jsx6("div", { className: "w-full lg:w-[320px] lg:shrink-0", children: /* @__PURE__ */ jsx6("div", { className: "lg:sticky lg:top-20", children: isLoadingStructure ? /* @__PURE__ */ jsx6(CategorySidebarSkeleton, {}) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
-        /* @__PURE__ */ jsx6(PersistentMobileDropdown, { isLoading: false, children: /* @__PURE__ */ jsx6(
-          MobileNavigationDropdown,
-          {
-            nodes: structure,
-            selectedPath,
-            expandedNodes,
-            onNodeClick: selectNode,
-            onToggleExpand: toggleNode,
-            isLoading: false,
-            folderIndexFile
-          }
-        ) }),
-        /* @__PURE__ */ jsx6(PersistentSidebar, { isLoading: false, children: /* @__PURE__ */ jsx6("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs4("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx6("h3", { className: "font-semibold text-ods-text-secondary text-h5", children: sidebarLabel }),
-          /* @__PURE__ */ jsx6(
-            MultiLevelNavigation,
-            {
-              nodes: structure,
-              selectedPath,
-              expandedNodes,
-              onNodeClick: selectNode,
-              onToggleExpand: toggleNode,
-              isLoading: false,
-              folderIndexFile
-            }
-          )
-        ] }) }) })
-      ] }) }) }),
-      /* @__PURE__ */ jsx6("div", { className: "w-full min-w-0 flex-1", children: /* @__PURE__ */ jsxs4(
-        "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__ */ jsx6("div", { className: `w-full min-w-0 ${isMarkdownContent ? "mx-auto max-w-4xl" : ""}`, children: /* @__PURE__ */ jsx6("article", { className: "space-y-2", children: isLoadingContent || isLoadingStructure ? renderSkeleton(selectedNodeDocType) : !content ? /* @__PURE__ */ jsx6("div", { className: "py-16 text-center", children: /* @__PURE__ */ jsx6("p", { className: "text-ods-text-secondary text-h4", children: resolvedEmptyText }) }) : renderedContent }) }),
-            isMarkdownContent && (isLoadingContent || isLoadingStructure) && /* @__PURE__ */ jsx6("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs4("div", { className: "sticky top-24", children: [
-              /* @__PURE__ */ jsx6("div", { className: "mb-5 h-[14px] w-28 animate-pulse rounded bg-ods-border" }),
-              /* @__PURE__ */ jsx6("div", { className: "space-y-0", children: [130, 170, 190, 220, 110, 200, 80, 100, 120, 140, 90].map((w, i) => /* @__PURE__ */ jsx6(
-                "div",
-                {
-                  className: `border-l-2 py-[13px] pl-3 ${i === 0 ? "border-ods-accent" : "border-transparent"}`,
-                  children: /* @__PURE__ */ jsx6("div", { className: "h-[13px] animate-pulse rounded bg-ods-border", style: { width: w } })
-                },
-                i
-              )) })
-            ] }) }),
-            showStickyNav && content && stickyNavSections.length > 0 && !isLoadingContent && /* @__PURE__ */ jsx6("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs4("div", { className: "sticky top-24", children: [
-              /* @__PURE__ */ jsx6("h3", { className: "mb-4 font-semibold text-ods-text-secondary text-h5", children: "ON THIS PAGE" }),
-              /* @__PURE__ */ jsx6(
-                StickySectionNav,
-                {
-                  sections: stickyNavSections,
-                  activeSection,
-                  onSectionClick: handleSectionClick,
-                  ribbonPosition: "left",
-                  ribbonColor: "var(--ods-accent)"
-                }
-              )
-            ] }) })
-          ]
-        }
-      ) })
-    ] })
-  ] }) }) });
-  return shell ? /* @__PURE__ */ jsx6(PageShell, { contentClassName: `${bgClass} ${className}`, children: inner }) : /* @__PURE__ */ jsx6("div", { className: `page-shell-content ${bgClass} ${className}`.trim(), children: inner });
-}
-
-// src/components/docs/skeletons.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-function MarkdownSkeleton() {
-  return /* @__PURE__ */ jsxs5("div", { className: "mt-6 space-y-7", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-3/4 animate-pulse rounded bg-ods-border" })
-    ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-5/6 animate-pulse rounded bg-ods-border" })
-    ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-2/3 animate-pulse rounded bg-ods-border" })
-    ] }),
-    /* @__PURE__ */ jsx7("div", { className: "h-[88px] animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
-    /* @__PURE__ */ jsx7("div", { className: "h-7 w-1/3 animate-pulse rounded bg-ods-border" }),
-    /* @__PURE__ */ jsxs5("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-[72%] animate-pulse rounded bg-ods-border" })
-    ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-[58%] animate-pulse rounded bg-ods-border" })
-    ] }),
-    /* @__PURE__ */ jsx7("div", { className: "h-7 w-2/5 animate-pulse rounded bg-ods-border" }),
-    /* @__PURE__ */ jsxs5("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-[90%] animate-pulse rounded bg-ods-border" })
-    ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "space-y-[14px]", children: [
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx7("div", { className: "h-[16px] w-[70%] animate-pulse rounded bg-ods-border" })
-    ] }),
-    /* @__PURE__ */ jsx7("div", { className: "h-[88px] animate-pulse rounded-lg border border-ods-border bg-ods-card" })
-  ] });
-}
-function EmbedSkeleton({ documentType } = {}) {
-  if (documentType === "file") {
-    return /* @__PURE__ */ jsx7("div", { className: "flex flex-col items-center justify-center py-16", children: /* @__PURE__ */ jsxs5("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__ */ jsx7("div", { className: "mx-auto h-16 w-16 animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx7("div", { className: "mx-auto h-5 w-2/3 animate-pulse rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx7("div", { className: "mx-auto h-4 w-1/2 animate-pulse rounded bg-ods-border" })
-      ] }),
-      /* @__PURE__ */ jsx7("div", { className: "h-10 w-full animate-pulse rounded bg-ods-border" })
-    ] }) });
-  }
-  const buttonCount = documentType === "pdf" ? 2 : 1;
-  return /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-        /* @__PURE__ */ jsx7("div", { className: "h-5 w-5 shrink-0 animate-pulse rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx7("div", { className: "h-6 w-2/3 animate-pulse rounded bg-ods-border" })
-      ] }),
-      /* @__PURE__ */ jsx7("div", { className: "flex w-full items-center gap-2 sm:w-auto", children: Array.from({ length: buttonCount }).map((_, i) => /* @__PURE__ */ jsx7("div", { className: "h-10 w-full flex-1 animate-pulse rounded bg-ods-border sm:w-32 sm:flex-initial" }, i)) })
-    ] }),
-    /* @__PURE__ */ jsx7(
-      "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
-import { jsx as jsx8 } from "react/jsx-runtime";
-var DEFAULT_TITLE = "Documents";
-var defaultFallbackRenderer = () => /* @__PURE__ */ jsx8("div", { className: "py-16 text-center", children: /* @__PURE__ */ jsx8("p", { className: "text-ods-text-secondary", children: "Unsupported document type" }) });
-var defaultPdfRenderer = (content, handlers) => content.fileUrl ? /* @__PURE__ */ jsx8(PdfViewer, { src: content.fileUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
-var defaultGoogleSheetRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ jsx8(GoogleSheetsViewer, { externalUrl: content.externalUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
-var defaultFigmaRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ jsx8(FigmaEmbed, { url: content.externalUrl, title: content.fileName, loading: "eager" }) : defaultFallbackRenderer(content, handlers);
-var defaultFileRenderer = (content) => /* @__PURE__ */ jsx8(
-  FileDownloadCard,
-  {
-    fileName: content.fileName,
-    mimeType: content.mimeType,
-    fileSize: content.fileSize,
-    fileUrl: content.fileUrl
-  }
-);
-var defaultRenderSkeleton = (documentType) => !documentType || documentType === "markdown" ? /* @__PURE__ */ jsx8(MarkdownSkeleton, {}) : (
-  // Forward the documentType so the embed skeleton renders the right
-  // shape (PDF=2 buttons, sheets/figma=1 button, file=centered card).
-  /* @__PURE__ */ jsx8(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: documentTypeRenderers.pdf ?? defaultPdfRenderer,
-    google_sheet: documentTypeRenderers.google_sheet ?? defaultGoogleSheetRenderer,
-    figma: documentTypeRenderers.figma ?? defaultFigmaRenderer,
-    file: documentTypeRenderers.file ?? defaultFileRenderer
-  };
-  const renderContent = (content, handlers) => {
-    const type = content.documentType ?? "markdown";
-    const renderer = resolvedRenderers[type] ?? fallbackRenderer;
-    return renderer(content, handlers);
-  };
-  return /* @__PURE__ */ jsx8(
-    DocViewer,
-    {
-      ...docViewerProps,
-      title,
-      showAIChat,
-      className,
-      sidebarLabel,
-      renderContent,
-      renderSkeleton
-    }
-  );
-}
-
-export {
-  UnifiedSkeleton,
-  TextSkeleton,
-  InteractiveSkeleton,
-  MediaSkeleton,
-  CardSkeleton,
-  CardSkeletonGrid,
-  AnnouncementBarSkeleton,
-  HeroSkeleton,
-  SearchContainerSkeleton,
-  CategorySidebarSkeleton,
-  BreadcrumbSkeleton,
-  ResultsHeaderSkeleton,
-  TwoColumnLayoutSkeleton,
-  ArticleLayoutSkeleton,
-  VendorDetailLayoutSkeleton,
-  StatsSectionSkeleton,
-  BlogCardGridSkeleton,
-  VendorGridSkeleton,
-  SlackCommunitySkeleton,
-  PersistentFilterControls,
-  PersistentSearchContainer,
-  PersistentSidebar,
-  PersistentMobileDropdown,
-  DocNavigationProvider,
-  useDocNavigation,
-  useDocumentTree,
-  useScrollSpy,
-  DocViewer,
-  MarkdownSkeleton,
-  EmbedSkeleton,
-  DocsHubPage
-};
-//# sourceMappingURL=chunk-FWNIZC6A.js.map