@flamingo-stack/openframe-frontend-core 0.0.237 → 0.0.238

package/dist/components/index.js

@@ -1,12 +1,18 @@
 "use client";
 "use client";
+import {
+  FaqAccordion,
+  FaqSection,
+  baseFaqSchema,
+  buildFaqJsonLdFromFaqs
+} from "../chunk-M3I6ZPOM.js";
 import {
   DeliveryRow,
   EmptyState,
   UnifiedPagination,
   init_unified_pagination,
   unified_pagination_exports
-} from "../chunk-QP6NU6OL.js";
+} from "../chunk-PN64LWNT.js";
 import {
   DetailPageSkeleton,
   DocSearchBar,
@@ -14,16 +20,18 @@ import {
   formatRelativePath,
   mapDocSearchResults,
   resolveSearchResultAction,
-  useDocSearch,
+  useDocSearch
+} from "../chunk-7LLS3TWN.js";
+import {
   useSelfFetch
-} from "../chunk-GXSTRY72.js";
+} from "../chunk-L4LAAA5Q.js";
 import {
   DevCardRowContent,
   DevCardRowSkeleton,
   DevCardRowSkeletonList,
   DevSectionPage,
   DevSectionView
-} from "../chunk-L3UM4VMU.js";
+} from "../chunk-Y6463TD6.js";
 import "../chunk-ORJREQ2W.js";
 import {
   ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE,
@@ -171,7 +179,6 @@ import {
   CheckIcon,
   CheckboxBlock,
   CheckboxWithDescription,
-  ChevronButton,
   CircularProgress,
   ClickUpTasksManager,
   ClientOnlyHeader,
@@ -693,11 +700,17 @@ import {
   useVideoOriginPreconnect,
   useVideoWarmup,
   usesCanonicalStatusStyle
-} from "../chunk-H3TM4YY7.js";
+} from "../chunk-Y7DCQUNL.js";
+import {
+  useChatRuntime
+} from "../chunk-4YKGXZ7W.js";
 import {
   next_image_default
 } from "../chunk-LXC6P2EO.js";
 import "../chunk-EL5YVPD5.js";
+import {
+  ChevronButton
+} from "../chunk-LJGBFD52.js";
 import {
   Button,
   Checkbox,
@@ -744,7 +757,10 @@ import {
   showToast,
   useOnboardingState,
   useToast
-} from "../chunk-Q3GY66ST.js";
+} from "../chunk-UECRKCKH.js";
+import {
+  useEndpointsRuntime
+} from "../chunk-MJNXIEV2.js";
 import {
   init_next_navigation,
   usePathname,
@@ -913,12 +929,6 @@ import {
 } from "../chunk-4WZOFD46.js";
 import "../chunk-6U3IUD57.js";
 import "../chunk-W72U7OU7.js";
-import {
-  useChatRuntime
-} from "../chunk-4YKGXZ7W.js";
-import {
-  useEndpointsRuntime
-} from "../chunk-MJNXIEV2.js";
 import "../chunk-CZR7ARBA.js";
 import {
   __toCommonJS
@@ -2026,93 +2036,10 @@ function ProgressiveSkeleton({
   );
 }
 
-// src/components/faq-accordion.tsx
-import { useRef, useState as useState2, useEffect as useEffect2, useCallback } from "react";
-init_cn();
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-var useMeasuredHeight = (isOpen) => {
-  const ref = useRef(null);
-  const [maxHeight, setMaxHeight] = useState2("0px");
-  const measure = useCallback(() => {
-    if (ref.current) {
-      const height = ref.current.scrollHeight;
-      setMaxHeight(`${height}px`);
-    }
-  }, []);
-  useEffect2(() => {
-    if (isOpen) {
-      measure();
-    } else {
-      setMaxHeight("0px");
-    }
-  }, [isOpen, measure]);
-  return { ref, maxHeight };
-};
-function FaqAccordion({ items, defaultOpenIds = [] }) {
-  const [openSet, setOpenSet] = useState2(new Set(defaultOpenIds));
-  const toggle = (id) => {
-    setOpenSet((prev) => {
-      const next = new Set(prev);
-      if (next.has(id)) next.delete(id);
-      else next.add(id);
-      return next;
-    });
-  };
-  return /* @__PURE__ */ jsx13("div", { className: "rounded-3xl border border-ods-border divide-y divide-ods-border bg-ods-card overflow-hidden", children: items.map((item) => {
-    const isOpen = openSet.has(item.id);
-    const { ref, maxHeight } = useMeasuredHeight(isOpen);
-    return /* @__PURE__ */ jsxs10(
-      "div",
-      {
-        className: cn("group transition-colors hover:bg-[#1E1E1E]", isOpen ? "bg-ods-bg" : "bg-transparent"),
-        children: [
-          /* @__PURE__ */ jsxs10(
-            "div",
-            {
-              role: "button",
-              tabIndex: 0,
-              onClick: () => toggle(item.id),
-              onKeyDown: (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  toggle(item.id);
-                }
-              },
-              "aria-expanded": isOpen,
-              className: "flex w-full items-center justify-between px-6 md:px-8 py-6 text-left focus:outline-none transition-colors cursor-pointer",
-              children: [
-                /* @__PURE__ */ jsx13("h3", { children: item.question }),
-                /* @__PURE__ */ jsx13("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx13(
-                  ChevronButton,
-                  {
-                    size: "md",
-                    isExpanded: isOpen,
-                    backgroundColor: "transparent",
-                    borderColor: "#3A3A3A"
-                  }
-                ) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx13(
-            "div",
-            {
-              style: { maxHeight, transition: "max-height 0.35s ease-in-out, opacity 0.35s ease-in-out", opacity: isOpen ? 1 : 0 },
-              className: "overflow-hidden group-hover:bg-[#1E1E1E]/30",
-              children: /* @__PURE__ */ jsx13("div", { ref, className: "px-6 md:px-8 pb-6 text-ods-text-primary text-h4", children: item.answer })
-            }
-          )
-        ]
-      },
-      item.id
-    );
-  }) });
-}
-
 // src/components/filter-chip.tsx
 init_cn();
 import { X as X2 } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function FilterChip({
   id,
   label,
@@ -2145,7 +2072,7 @@ function FilterChip({
     subcategory: "bg-[#2A2A2A] text-[#E8E8E8] border border-[#FFC008]/60 hover:bg-ods-border hover:border-[#FFC008]/80 hover:text-ods-text-primary focus:ring-[#FFC008]/60 focus:ring-offset-[#161616]",
     tag: "bg-[#2A2A2A] text-ods-text-primary border border-[#FFC008]/20 hover:bg-ods-border hover:border-[#FFC008]/30 hover:text-ods-text-primary focus:ring-[#FFC008]/20 focus:ring-offset-[#161616]"
   };
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: cn(baseClasses, variantClasses[variant], className),
@@ -2159,11 +2086,11 @@ function FilterChip({
       "aria-pressed": onClick && variant === "selected" ? true : void 0,
       "aria-disabled": disabled,
       children: [
-        /* @__PURE__ */ jsx14("span", { className: cn(
+        /* @__PURE__ */ jsx13("span", { className: cn(
           "truncate font-['DM_Sans'] font-medium leading-none text-center",
           size === "sm" ? "max-w-[100px] md:max-w-[120px]" : "max-w-[120px] md:max-w-[140px]"
         ), title: label, children: label }),
-        removable && onRemove && /* @__PURE__ */ jsx14(
+        removable && onRemove && /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
@@ -2182,7 +2109,7 @@ function FilterChip({
             ),
             "aria-label": `Remove ${label} filter`,
             tabIndex: disabled ? -1 : 0,
-            children: /* @__PURE__ */ jsx14(X2, { className: "h-2 w-2 md:h-2 md:w-2" })
+            children: /* @__PURE__ */ jsx13(X2, { className: "h-2 w-2 md:h-2 md:w-2" })
           }
         )
       ]
@@ -2195,7 +2122,7 @@ import { Suspense } from "react";
 
 // src/components/social-icon-row.tsx
 init_button();
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var defaultLinks = [
   { platform: "github", href: "https://github.com/flamingo-stack", label: "GitHub" },
   { platform: "linkedin", href: "https://linkedin.com/company/flamingo.run", label: "LinkedIn" },
@@ -2205,50 +2132,50 @@ function renderSocialIcon(platform) {
   const normalizedPlatform = platform.toLowerCase().trim();
   switch (normalizedPlatform) {
     case "github":
-      return /* @__PURE__ */ jsx15(GitHubIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx14(GitHubIcon, { className: "w-5 h-5" });
     case "twitter":
     case "x":
-      return /* @__PURE__ */ jsx15(XLogo, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx14(XLogo, { className: "w-5 h-5" });
     case "reddit":
-      return /* @__PURE__ */ jsx15(RedditIcon, { className: "w-5 h-5", variant: "white" });
+      return /* @__PURE__ */ jsx14(RedditIcon, { className: "w-5 h-5", variant: "white" });
     case "linkedin":
-      return /* @__PURE__ */ jsx15(LinkedInIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx14(LinkedInIcon, { className: "w-5 h-5" });
     case "luma":
-      return /* @__PURE__ */ jsx15(LumaIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx14(LumaIcon, { className: "w-5 h-5" });
     case "whatsapp":
-      return /* @__PURE__ */ jsx15(WhatsAppIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx14(WhatsAppIcon, { className: "w-5 h-5" });
     case "website":
     case "web":
     case "url":
-      return /* @__PURE__ */ jsx15(GlobeIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx14(GlobeIcon, { className: "w-5 h-5" });
     case "slack":
-      return /* @__PURE__ */ jsx15(SlackIcon, { className: "w-5 h-5", injectedColor: "white" });
+      return /* @__PURE__ */ jsx14(SlackIcon, { className: "w-5 h-5", injectedColor: "white" });
     case "discord":
-      return /* @__PURE__ */ jsx15(MessageCircleIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx14(MessageCircleIcon, { className: "w-5 h-5" });
     case "telegram":
-      return /* @__PURE__ */ jsx15(TelegramIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx14(TelegramIcon, { className: "w-5 h-5" });
     case "youtube":
     case "yt":
-      return /* @__PURE__ */ jsx15(YouTubeIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx14(YouTubeIcon, { className: "w-5 h-5" });
     case "instagram":
     case "ig":
-      return /* @__PURE__ */ jsx15(InstagramIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx14(InstagramIcon, { className: "w-5 h-5" });
     case "facebook":
     case "fb":
-      return /* @__PURE__ */ jsx15(FacebookIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx14(FacebookIcon, { className: "w-5 h-5" });
     default:
-      return /* @__PURE__ */ jsx15(GlobeIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx14(GlobeIcon, { className: "w-5 h-5" });
   }
 }
 function SocialIconRow({ className = "", links = defaultLinks, variant = "outline" }) {
-  return /* @__PURE__ */ jsx15("div", { className: `flex flex-row gap-3 w-full ${className}`, children: links.map((link, index) => /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14("div", { className: `flex flex-row gap-3 w-full ${className}`, children: links.map((link, index) => /* @__PURE__ */ jsx14(
     Button,
     {
       asChild: true,
       variant,
       size: "icon",
       className: "flex-1",
-      children: /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx14(
         "a",
         {
           href: link.href,
@@ -2264,31 +2191,31 @@ function SocialIconRow({ className = "", links = defaultLinks, variant = "outlin
 }
 
 // src/components/footer.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function NavLinkSkeleton() {
-  return /* @__PURE__ */ jsx16(Skeleton, { className: "h-5 md:h-6 w-20 md:w-24" });
+  return /* @__PURE__ */ jsx15(Skeleton, { className: "h-5 md:h-6 w-20 md:w-24" });
 }
 function Footer({ config, renderLink }) {
   if (!config) {
     console.warn("Footer: No config provided");
     return null;
   }
-  return /* @__PURE__ */ jsx16(UniversalFooter, { config, renderLink });
+  return /* @__PURE__ */ jsx15(UniversalFooter, { config, renderLink });
 }
 function UniversalFooter({ config, renderLink }) {
-  const defaultRenderLink = (link) => /* @__PURE__ */ jsx16("a", { href: link.href, className: "font-body font-medium text-md md:text-md leading-[1.33] text-ods-text-primary hover:text-ods-accent-primary transition-colors", children: link.label });
+  const defaultRenderLink = (link) => /* @__PURE__ */ jsx15("a", { href: link.href, className: "font-body font-medium text-md md:text-md leading-[1.33] text-ods-text-primary hover:text-ods-accent-primary transition-colors", children: link.label });
   const linkRenderer = renderLink || defaultRenderLink;
-  return /* @__PURE__ */ jsxs12("footer", { className: `w-full flex flex-col justify-center items-center ${config.backgroundColor || "bg-ods-bg-card"} px-6 py-10 relative gap-6 md:gap-6 min-h-[auto] md:min-h-[248px] z-50 border-t border-ods-border`, children: [
-    /* @__PURE__ */ jsxs12("div", { className: "w-full grid grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8 items-start", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4 md:gap-6 items-start text-left col-span-2 md:col-span-1 lg:col-span-1", children: [
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-          config.logo && /* @__PURE__ */ jsx16(Suspense, { fallback: /* @__PURE__ */ jsx16(Skeleton, { className: "w-8 h-8" }), children: config.logo }),
-          config.nameElement || /* @__PURE__ */ jsx16("span", { className: "font-heading text-heading-5 font-bold text-ods-text-primary whitespace-nowrap", children: config.name })
+  return /* @__PURE__ */ jsxs11("footer", { className: `w-full flex flex-col justify-center items-center ${config.backgroundColor || "bg-ods-bg-card"} px-6 py-10 relative gap-6 md:gap-6 min-h-[auto] md:min-h-[248px] z-50 border-t border-ods-border`, children: [
+    /* @__PURE__ */ jsxs11("div", { className: "w-full grid grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8 items-start", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-4 md:gap-6 items-start text-left col-span-2 md:col-span-1 lg:col-span-1", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+          config.logo && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "w-8 h-8" }), children: config.logo }),
+          config.nameElement || /* @__PURE__ */ jsx15("span", { className: "font-heading text-heading-5 font-bold text-ods-text-primary whitespace-nowrap", children: config.name })
         ] }),
-        !config.moveDescriptionToRight && /* @__PURE__ */ jsxs12(Fragment3, { children: [
-          /* @__PURE__ */ jsx16("p", { className: "font-body font-medium text-sm md:text-sm leading-[1.43] text-ods-text-primary", children: config.description }),
-          config.belowDescriptionContent && /* @__PURE__ */ jsx16(Suspense, { fallback: /* @__PURE__ */ jsx16(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent }),
-          !config.hideSocialRow && /* @__PURE__ */ jsx16(
+        !config.moveDescriptionToRight && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          /* @__PURE__ */ jsx15("p", { className: "font-body font-medium text-sm md:text-sm leading-[1.43] text-ods-text-primary", children: config.description }),
+          config.belowDescriptionContent && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent }),
+          !config.hideSocialRow && /* @__PURE__ */ jsx15(
             SocialIconRow,
             {
               className: "pt-2",
@@ -2296,22 +2223,22 @@ function UniversalFooter({ config, renderLink }) {
             }
           )
         ] }),
-        config.moveDescriptionToRight && config.keepBelowDescriptionLeft && config.belowDescriptionContent && /* @__PURE__ */ jsx16(Suspense, { fallback: /* @__PURE__ */ jsx16(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
+        config.moveDescriptionToRight && config.keepBelowDescriptionLeft && config.belowDescriptionContent && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
       ] }),
-      config.sections.map((section, index) => /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-3 items-start text-left col-span-1", children: [
-        /* @__PURE__ */ jsx16("h3", { className: "text-h5 tracking-[-0.02em] text-ods-text-muted", children: section.title }),
-        /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-3", children: section.links.map((link, linkIndex) => /* @__PURE__ */ jsx16(Suspense, { fallback: /* @__PURE__ */ jsx16(NavLinkSkeleton, {}), children: linkRenderer(link) }, linkIndex)) })
+      config.sections.map((section, index) => /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-3 items-start text-left col-span-1", children: [
+        /* @__PURE__ */ jsx15("h3", { className: "text-h5 tracking-[-0.02em] text-ods-text-muted", children: section.title }),
+        /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-3", children: section.links.map((link, linkIndex) => /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(NavLinkSkeleton, {}), children: linkRenderer(link) }, linkIndex)) })
       ] }, index)),
-      config.customComponent && /* @__PURE__ */ jsx16("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-center", children: /* @__PURE__ */ jsx16(Suspense, { fallback: /* @__PURE__ */ jsx16(Skeleton, { className: "h-32 w-full" }), children: config.customComponent }) }),
-      (config.rightColumnContent || config.moveDescriptionToRight) && /* @__PURE__ */ jsxs12("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-start gap-4 md:gap-6", children: [
-        config.moveDescriptionToRight && /* @__PURE__ */ jsxs12(Fragment3, { children: [
-          /* @__PURE__ */ jsx16("p", { className: "font-body font-medium text-sm md:text-sm leading-[1.43] text-ods-text-primary", children: config.description }),
-          config.belowDescriptionContent && !config.keepBelowDescriptionLeft && /* @__PURE__ */ jsx16(Suspense, { fallback: /* @__PURE__ */ jsx16(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
+      config.customComponent && /* @__PURE__ */ jsx15("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-center", children: /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-32 w-full" }), children: config.customComponent }) }),
+      (config.rightColumnContent || config.moveDescriptionToRight) && /* @__PURE__ */ jsxs11("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-start gap-4 md:gap-6", children: [
+        config.moveDescriptionToRight && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          /* @__PURE__ */ jsx15("p", { className: "font-body font-medium text-sm md:text-sm leading-[1.43] text-ods-text-primary", children: config.description }),
+          config.belowDescriptionContent && !config.keepBelowDescriptionLeft && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
         ] }),
-        config.rightColumnContent && /* @__PURE__ */ jsx16(Suspense, { fallback: /* @__PURE__ */ jsx16(Skeleton, { className: "h-32 w-full" }), children: config.rightColumnContent })
+        config.rightColumnContent && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-32 w-full" }), children: config.rightColumnContent })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs12("p", { className: "font-body font-medium text-md md:text-md leading-[1.33] text-center w-full text-ods-text-muted pt-4 md:pt-0", children: [
+    /* @__PURE__ */ jsxs11("p", { className: "font-body font-medium text-md md:text-md leading-[1.33] text-center w-full text-ods-text-muted pt-4 md:pt-0", children: [
       "\xA9 ",
       (/* @__PURE__ */ new Date()).getFullYear(),
       " ",
@@ -2619,21 +2546,21 @@ init_unified_pagination();
 
 // src/components/footer-waitlist-button.tsx
 init_next_navigation();
-import { useCallback as useCallback2 } from "react";
+import { useCallback } from "react";
 init_button();
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function FooterWaitlistButton({ className }) {
   const router = useRouter();
   const runtime = useChatRuntime();
-  const handleClick = useCallback2(() => {
+  const handleClick = useCallback(() => {
     executeNavigationImperative({ runtime, href: "/waitlist#top", fallbackNavigate: router.push });
   }, [router, runtime]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     Button,
     {
       onClick: handleClick,
       className,
-      leftIcon: /* @__PURE__ */ jsx17(OpenFrameLogo, {}),
+      leftIcon: /* @__PURE__ */ jsx16(OpenFrameLogo, {}),
       children: "Join Waitlist"
     }
   );
@@ -2641,13 +2568,13 @@ function FooterWaitlistButton({ className }) {
 
 // src/components/hero-image-uploader.tsx
 init_button();
-import { useRef as useRef2, useState as useState3 } from "react";
+import { useRef, useState as useState2 } from "react";
 import { Loader2, Image as ImageIcon2, Upload, X as X3 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, objectFit = "cover", showReplaceButton = true, deferUpload = false, onUpload, onDelete }) {
-  const inputRef = useRef2(null);
+  const inputRef = useRef(null);
   const { toast } = useToast();
-  const [uploading, setUploading] = useState3(false);
+  const [uploading, setUploading] = useState2(false);
   const ALLOWED_TYPES = ["image/jpeg", "image/jpg", "image/png", "image/webp", "image/gif"];
   const MAX_SIZE = 5 * 1024 * 1024;
   const openDialog = () => inputRef.current?.click();
@@ -2719,51 +2646,51 @@ function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, o
     onChange(void 0);
   };
   const heightStyle = typeof height === "number" ? `${height}px` : height;
-  return /* @__PURE__ */ jsxs13("div", { className: "w-full h-full max-h-full space-y-2 min-h-[300px]", children: [
-    imageUrl ? /* @__PURE__ */ jsxs13("div", { className: "relative group w-full aspect-square md:aspect-auto h-auto md:h-full flex items-center justify-center overflow-hidden", style: { height: heightStyle }, children: [
-      /* @__PURE__ */ jsx18("img", { src: imageUrl, className: `absolute inset-0 w-full h-full object-${objectFit}`, alt: "Cover" }),
-      /* @__PURE__ */ jsxs13("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 flex items-center justify-center gap-4 transition-opacity rounded-lg", children: [
-        showReplaceButton && /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs12("div", { className: "w-full h-full max-h-full space-y-2 min-h-[300px]", children: [
+    imageUrl ? /* @__PURE__ */ jsxs12("div", { className: "relative group w-full aspect-square md:aspect-auto h-auto md:h-full flex items-center justify-center overflow-hidden", style: { height: heightStyle }, children: [
+      /* @__PURE__ */ jsx17("img", { src: imageUrl, className: `absolute inset-0 w-full h-full object-${objectFit}`, alt: "Cover" }),
+      /* @__PURE__ */ jsxs12("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 flex items-center justify-center gap-4 transition-opacity rounded-lg", children: [
+        showReplaceButton && /* @__PURE__ */ jsx17(
           Button,
           {
             variant: "outline",
             size: "icon",
             onClick: openDialog,
             className: "bg-white text-black hover:bg-gray-100 rounded-full w-12 h-12",
-            children: /* @__PURE__ */ jsx18(Upload, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx17(Upload, { className: "h-5 w-5" })
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx17(
           Button,
           {
             variant: "outline",
             size: "icon",
             onClick: () => handleRemove(),
             className: "bg-white text-black hover:bg-gray-100 rounded-full w-12 h-12",
-            children: /* @__PURE__ */ jsx18(X3, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx17(X3, { className: "h-5 w-5" })
           }
         )
       ] })
-    ] }) : /* @__PURE__ */ jsx18(
+    ] }) : /* @__PURE__ */ jsx17(
       "div",
       {
         className: `w-full h-full border-2 border-dashed ${uploading ? "border-[#FFC008]" : "border-ods-border hover:border-[#FFC008]"} rounded-lg flex flex-col items-center justify-center cursor-pointer bg-[#1A1A1A]`,
         style: { height: heightStyle },
         onClick: openDialog,
-        children: uploading ? /* @__PURE__ */ jsx18(Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
-          /* @__PURE__ */ jsx18(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary" }),
-          /* @__PURE__ */ jsx18("span", { className: "text-ods-text-primary font-['DM_Sans'] text-[16px] font-medium mt-2", children: "Upload cover image" }),
-          /* @__PURE__ */ jsx18("span", { className: "text-ods-text-secondary font-['DM_Sans'] text-[14px] mt-1", children: "Click to upload or drag and drop" }),
-          /* @__PURE__ */ jsx18("span", { className: "text-[#666666] font-['DM_Sans'] text-[12px]", children: "PNG, JPEG, WebP, GIF up to 5MB" })
+        children: uploading ? /* @__PURE__ */ jsx17(Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
+          /* @__PURE__ */ jsx17(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary" }),
+          /* @__PURE__ */ jsx17("span", { className: "text-ods-text-primary font-['DM_Sans'] text-[16px] font-medium mt-2", children: "Upload cover image" }),
+          /* @__PURE__ */ jsx17("span", { className: "text-ods-text-secondary font-['DM_Sans'] text-[14px] mt-1", children: "Click to upload or drag and drop" }),
+          /* @__PURE__ */ jsx17("span", { className: "text-[#666666] font-['DM_Sans'] text-[12px]", children: "PNG, JPEG, WebP, GIF up to 5MB" })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx18("input", { ref: inputRef, type: "file", accept: "image/*", onChange: handleSelect, className: "hidden" })
+    /* @__PURE__ */ jsx17("input", { ref: inputRef, type: "file", accept: "image/*", onChange: handleSelect, className: "hidden" })
   ] });
 }
 
 // src/components/icons-block.tsx
-import { useState as useState4, useEffect as useEffect3, useRef as useRef3 } from "react";
+import { useState as useState3, useEffect as useEffect2, useRef as useRef2 } from "react";
 
 // src/components/icons-stub.tsx
 import { DollarSign, Code, Users, Building, GitCompare, MessageSquare } from "lucide-react";
@@ -2777,13 +2704,13 @@ var CompareIcon2 = GitCompare;
 
 // src/components/icons-block.tsx
 import { Sun, Moon, CheckCircle, Github, PlusCircle } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var SunIcon2 = Sun;
 var MoonIcon2 = Moon;
 var CheckCircleIcon3 = CheckCircle;
 var GitHubIcon2 = Github;
 var PlusCircleIcon2 = PlusCircle;
-var OpenmspLogo3 = () => /* @__PURE__ */ jsx19("div", { children: "Logo" });
+var OpenmspLogo3 = () => /* @__PURE__ */ jsx18("div", { children: "Logo" });
 var availableIcons = [
   VendorDirectoryIcon2,
   OpenSourceIcon2,
@@ -2799,11 +2726,11 @@ var availableIcons = [
   OpenmspLogo3
 ];
 function ResponsiveIconsBlock({ loading = false }) {
-  const [columns, setColumns] = useState4(24);
-  const [iconGrid, setIconGrid] = useState4([]);
-  const [iconsLoaded, setIconsLoaded] = useState4(false);
-  const randomSeedRef = useRef3(0);
-  useEffect3(() => {
+  const [columns, setColumns] = useState3(24);
+  const [iconGrid, setIconGrid] = useState3([]);
+  const [iconsLoaded, setIconsLoaded] = useState3(false);
+  const randomSeedRef = useRef2(0);
+  useEffect2(() => {
     function calculateColumns() {
       const cols = Math.ceil(window.innerWidth / 56) + 4;
       setColumns(cols);
@@ -2813,7 +2740,7 @@ function ResponsiveIconsBlock({ loading = false }) {
     setIconsLoaded(true);
     return () => window.removeEventListener("resize", calculateColumns);
   }, []);
-  useEffect3(() => {
+  useEffect2(() => {
     if (randomSeedRef.current === 0) {
       randomSeedRef.current = Date.now();
     }
@@ -2846,17 +2773,17 @@ function ResponsiveIconsBlock({ loading = false }) {
     return iconGrid[row]?.[col] || availableIcons[0];
   };
   if (loading || iconGrid.length === 0) {
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx18(
       "div",
       {
         className: "w-full h-[80px] md:h-[112px] bg-[#1A1A1A] relative overflow-hidden",
         role: "presentation",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx19("div", { className: "absolute inset-0 animate-pulse bg-[#2A2A2A]/60" })
+        children: /* @__PURE__ */ jsx18("div", { className: "absolute inset-0 animate-pulse bg-[#2A2A2A]/60" })
       }
     );
   }
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: "w-full h-[80px] md:h-[112px] overflow-hidden bg-[#1A1A1A] relative z-10",
@@ -2864,14 +2791,14 @@ function ResponsiveIconsBlock({ loading = false }) {
       role: "presentation",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx19("style", { children: `
+        /* @__PURE__ */ jsx18("style", { children: `
         .icons-block svg,
         .icons-block svg * {
           filter: grayscale(100%) brightness(0) invert(1) brightness(0.4) !important;
           fill: currentColor !important;
         }
       ` }),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx18(
           "div",
           {
             className: "grid h-full icons-block w-full",
@@ -2883,7 +2810,7 @@ function ResponsiveIconsBlock({ loading = false }) {
               const col = idx % displayColumns;
               const row = Math.floor(idx / displayColumns);
               const IconComponent = getIconForIndex(idx);
-              return /* @__PURE__ */ jsx19(
+              return /* @__PURE__ */ jsx18(
                 "div",
                 {
                   className: "flex items-center justify-center w-full h-full",
@@ -2896,7 +2823,7 @@ function ResponsiveIconsBlock({ loading = false }) {
                     boxSizing: "border-box"
                   },
                   role: "presentation",
-                  children: /* @__PURE__ */ jsx19(
+                  children: /* @__PURE__ */ jsx18(
                     IconComponent,
                     {
                       width: 16,
@@ -2918,11 +2845,11 @@ function ResponsiveIconsBlock({ loading = false }) {
 
 // src/components/image-cropper.tsx
 init_button();
-import { useCallback as useCallback3, useState as useState5 } from "react";
+import { useCallback as useCallback2, useState as useState4 } from "react";
 import Cropper from "react-easy-crop";
 init_cn();
 import { Check, RotateCcw } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function loadImage(src) {
   return new Promise((resolve, reject) => {
     const img = new Image();
@@ -2941,15 +2868,15 @@ var ImageCropper = ({
   maxSizePx = 512,
   className
 }) => {
-  const [crop, setCrop] = useState5({ x: 0, y: 0 });
-  const [zoom, setZoom] = useState5(1);
-  const [rotation, setRotation] = useState5(0);
-  const [croppedAreaPixels, setCroppedAreaPixels] = useState5(null);
-  const onCropComplete = useCallback3((_, area) => {
+  const [crop, setCrop] = useState4({ x: 0, y: 0 });
+  const [zoom, setZoom] = useState4(1);
+  const [rotation, setRotation] = useState4(0);
+  const [croppedAreaPixels, setCroppedAreaPixels] = useState4(null);
+  const onCropComplete = useCallback2((_, area) => {
     setCroppedAreaPixels(area);
   }, []);
   const checkerBg = "bg-[length:16px_16px] bg-[linear-gradient(45deg,transparent_25%,#2a2a2a_25%,#2a2a2a_75%,transparent_75%,transparent),linear-gradient(45deg,#2a2a2a_25%,transparent_25%,transparent_75%,#2a2a2a_75%,#2a2a2a)]";
-  const exportCrop = useCallback3(async () => {
+  const exportCrop = useCallback2(async () => {
     if (!croppedAreaPixels) return void 0;
     const img = await loadImage(src);
     const canvas = document.createElement("canvas");
@@ -3010,7 +2937,7 @@ var ImageCropper = ({
       onCancel?.();
     }
   };
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -3021,14 +2948,14 @@ var ImageCropper = ({
       tabIndex: 0,
       "aria-label": "Image cropper",
       children: [
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx19(
           "div",
           {
             className: cn(
               "relative w-full aspect-square md:aspect-video rounded-md overflow-hidden",
               checkerBg
             ),
-            children: /* @__PURE__ */ jsx20(
+            children: /* @__PURE__ */ jsx19(
               Cropper,
               {
                 image: src,
@@ -3047,10 +2974,10 @@ var ImageCropper = ({
             )
           }
         ),
-        /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx20("span", { className: "min-w-[60px] text-sm", children: "Zoom" }),
-            /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx19("span", { className: "min-w-[60px] text-sm", children: "Zoom" }),
+            /* @__PURE__ */ jsx19(
               Slider,
               {
                 min: 1,
@@ -3063,9 +2990,9 @@ var ImageCropper = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx20("span", { className: "min-w-[60px] text-sm", children: "Rotate" }),
-            /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx19("span", { className: "min-w-[60px] text-sm", children: "Rotate" }),
+            /* @__PURE__ */ jsx19(
               Slider,
               {
                 min: 0,
@@ -3077,21 +3004,21 @@ var ImageCropper = ({
                 className: "flex-1"
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx19(
               Button,
               {
                 variant: "outline",
                 size: "icon",
                 onClick: () => setRotation(0),
                 "aria-label": "Reset rotation",
-                children: /* @__PURE__ */ jsx20(RotateCcw, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx19(RotateCcw, { className: "h-4 w-4" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs15("div", { className: "flex justify-end gap-2 mt-2", children: [
-          onCancel && /* @__PURE__ */ jsx20(Button, { variant: "outline", onClick: onCancel, "aria-label": "Cancel crop", children: "Cancel" }),
-          /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsxs14("div", { className: "flex justify-end gap-2 mt-2", children: [
+          onCancel && /* @__PURE__ */ jsx19(Button, { variant: "outline", onClick: onCancel, "aria-label": "Cancel crop", children: "Cancel" }),
+          /* @__PURE__ */ jsx19(
             Button,
             {
               variant: "accent",
@@ -3099,7 +3026,7 @@ var ImageCropper = ({
                 const result = await exportCrop();
                 if (result) onComplete(result);
               },
-              leftIcon: /* @__PURE__ */ jsx20(Check, { className: "h-4 w-4" }),
+              leftIcon: /* @__PURE__ */ jsx19(Check, { className: "h-4 w-4" }),
               "aria-label": "Apply crop",
               children: "Apply"
             }
@@ -3112,10 +3039,10 @@ var ImageCropper = ({
 
 // src/components/media-carousel.tsx
 init_cn();
-import { useState as useState6, useRef as useRef5, useEffect as useEffect5, memo, useCallback as useCallback4 } from "react";
-import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
-var ChevronLeftIcon = () => /* @__PURE__ */ jsx21("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx21("polyline", { points: "15,18 9,12 15,6" }) });
-var ChevronRightIcon = () => /* @__PURE__ */ jsx21("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx21("polyline", { points: "9,18 15,12 9,6" }) });
+import { useState as useState5, useRef as useRef4, useEffect as useEffect4, memo, useCallback as useCallback3 } from "react";
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+var ChevronLeftIcon = () => /* @__PURE__ */ jsx20("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("polyline", { points: "15,18 9,12 15,6" }) });
+var ChevronRightIcon = () => /* @__PURE__ */ jsx20("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("polyline", { points: "9,18 15,12 9,6" }) });
 var MediaCarousel = memo(function MediaCarousel2({
   media,
   className,
@@ -3124,12 +3051,12 @@ var MediaCarousel = memo(function MediaCarousel2({
   autoPlay = false,
   objectFit = "contain"
 }) {
-  const [currentIndex, setCurrentIndex] = useState6(0);
-  const [touchStart, setTouchStart] = useState6(null);
-  const [touchEnd, setTouchEnd] = useState6(null);
-  const carouselRef = useRef5(null);
-  const thumbnailsRef = useRef5(null);
-  useEffect5(() => {
+  const [currentIndex, setCurrentIndex] = useState5(0);
+  const [touchStart, setTouchStart] = useState5(null);
+  const [touchEnd, setTouchEnd] = useState5(null);
+  const carouselRef = useRef4(null);
+  const thumbnailsRef = useRef4(null);
+  useEffect4(() => {
     if (currentIndex >= media.length && media.length > 0) {
       setCurrentIndex(media.length - 1);
     }
@@ -3141,17 +3068,17 @@ var MediaCarousel = memo(function MediaCarousel2({
   if (!currentItem) {
     return null;
   }
-  const nextSlide = useCallback4(() => {
+  const nextSlide = useCallback3(() => {
     setCurrentIndex((prev) => (prev + 1) % media.length);
   }, [media.length]);
-  const prevSlide = useCallback4(() => {
+  const prevSlide = useCallback3(() => {
     setCurrentIndex((prev) => (prev - 1 + media.length) % media.length);
   }, [media.length]);
-  const selectSlide = useCallback4((index) => {
+  const selectSlide = useCallback3((index) => {
     if (index === currentIndex) return;
     setCurrentIndex(index);
   }, [currentIndex]);
-  const handleKeyDown = useCallback4((e) => {
+  const handleKeyDown = useCallback3((e) => {
     if (media.length <= 1) return;
     if (e.key === "ArrowLeft") {
       e.preventDefault();
@@ -3181,7 +3108,7 @@ var MediaCarousel = memo(function MediaCarousel2({
       prevSlide();
     }
   };
-  const renderYouTubeEmbed = (item, index) => /* @__PURE__ */ jsx21(
+  const renderYouTubeEmbed = (item, index) => /* @__PURE__ */ jsx20(
     Video,
     {
       kind: "youtube",
@@ -3191,7 +3118,7 @@ var MediaCarousel = memo(function MediaCarousel2({
       priority: index === currentIndex
     }
   );
-  const renderVideo = (item, index) => /* @__PURE__ */ jsx21(
+  const renderVideo = (item, index) => /* @__PURE__ */ jsx20(
     Video,
     {
       url: item.src,
@@ -3201,7 +3128,7 @@ var MediaCarousel = memo(function MediaCarousel2({
       priority: index === currentIndex
     }
   );
-  const renderImage = (item, index) => /* @__PURE__ */ jsx21("div", { className: "absolute inset-0 bg-black", children: /* @__PURE__ */ jsx21(
+  const renderImage = (item, index) => /* @__PURE__ */ jsx20("div", { className: "absolute inset-0 bg-black", children: /* @__PURE__ */ jsx20(
     "img",
     {
       src: item.src,
@@ -3234,7 +3161,7 @@ var MediaCarousel = memo(function MediaCarousel2({
     } else if (item.type === "video" && item.poster) {
       thumbnailSrc = item.poster;
     }
-    return /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs15(
       "button",
       {
         onClick: () => selectSlide(index),
@@ -3244,7 +3171,7 @@ var MediaCarousel = memo(function MediaCarousel2({
           isActive ? "border-[#FFC008] ring-2 ring-[#FFC008]/20" : "border-ods-border hover:border-[#888888]"
         ),
         children: [
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx20(
             "img",
             {
               src: thumbnailSrc,
@@ -3253,8 +3180,8 @@ var MediaCarousel = memo(function MediaCarousel2({
               loading: "lazy"
             }
           ),
-          (item.type === "video" || item.type === "youtube") && /* @__PURE__ */ jsx21("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx21("div", { className: "bg-black/70 rounded-full p-1", children: /* @__PURE__ */ jsx21(PlayIcon, { size: 12, color: "white" }) }) }),
-          isActive && /* @__PURE__ */ jsx21("div", { className: "absolute bottom-1 right-1 w-2 h-2 bg-[#FFC008] rounded-full" })
+          (item.type === "video" || item.type === "youtube") && /* @__PURE__ */ jsx20("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx20("div", { className: "bg-black/70 rounded-full p-1", children: /* @__PURE__ */ jsx20(PlayIcon, { size: 12, color: "white" }) }) }),
+          isActive && /* @__PURE__ */ jsx20("div", { className: "absolute bottom-1 right-1 w-2 h-2 bg-[#FFC008] rounded-full" })
         ]
       },
       index
@@ -3273,8 +3200,8 @@ var MediaCarousel = memo(function MediaCarousel2({
         return "aspect-video";
     }
   };
-  return /* @__PURE__ */ jsxs16("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs15(
       "div",
       {
         ref: carouselRef,
@@ -3291,26 +3218,26 @@ var MediaCarousel = memo(function MediaCarousel2({
         "aria-label": media.length > 1 ? "Media carousel, use arrow keys to navigate" : void 0,
         children: [
           renderMainMedia(currentItem, currentIndex),
-          media.length > 1 && /* @__PURE__ */ jsxs16(Fragment5, { children: [
-            /* @__PURE__ */ jsx21(
+          media.length > 1 && /* @__PURE__ */ jsxs15(Fragment5, { children: [
+            /* @__PURE__ */ jsx20(
               "button",
               {
                 onClick: prevSlide,
                 className: "absolute left-3 top-1/2 transform -translate-y-1/2 bg-black/50 text-white rounded-full p-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 hover:bg-black/70 z-10",
                 "aria-label": "Previous media",
-                children: /* @__PURE__ */ jsx21(ChevronLeftIcon, {})
+                children: /* @__PURE__ */ jsx20(ChevronLeftIcon, {})
               }
             ),
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx20(
               "button",
               {
                 onClick: nextSlide,
                 className: "absolute right-3 top-1/2 transform -translate-y-1/2 bg-black/50 text-white rounded-full p-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 hover:bg-black/70 z-10",
                 "aria-label": "Next media",
-                children: /* @__PURE__ */ jsx21(ChevronRightIcon, {})
+                children: /* @__PURE__ */ jsx20(ChevronRightIcon, {})
               }
             ),
-            /* @__PURE__ */ jsxs16("div", { className: "absolute top-3 right-3 bg-black/70 text-white px-3 py-1 rounded-lg text-sm font-medium", children: [
+            /* @__PURE__ */ jsxs15("div", { className: "absolute top-3 right-3 bg-black/70 text-white px-3 py-1 rounded-lg text-sm font-medium", children: [
               currentIndex + 1,
               " / ",
               media.length
@@ -3319,7 +3246,7 @@ var MediaCarousel = memo(function MediaCarousel2({
         ]
       }
     ),
-    media.length > 1 && showThumbnails && /* @__PURE__ */ jsx21("div", { className: "w-full", children: /* @__PURE__ */ jsx21(
+    media.length > 1 && showThumbnails && /* @__PURE__ */ jsx20("div", { className: "w-full", children: /* @__PURE__ */ jsx20(
       "div",
       {
         ref: thumbnailsRef,
@@ -3333,11 +3260,11 @@ var MediaCarousel = memo(function MediaCarousel2({
 
 // src/components/metric-value.tsx
 init_cn();
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 function MetricValue({ value, label, className }) {
-  return /* @__PURE__ */ jsxs17("div", { className: cn('flex items-end gap-2 whitespace-nowrap font-["DM_Sans"] text-lg leading-[24px] text-ods-text-primary', className), children: [
+  return /* @__PURE__ */ jsxs16("div", { className: cn('flex items-end gap-2 whitespace-nowrap font-["DM_Sans"] text-lg leading-[24px] text-ods-text-primary', className), children: [
     value,
-    /* @__PURE__ */ jsx22("span", { className: "text-sm text-ods-text-secondary", children: label })
+    /* @__PURE__ */ jsx21("span", { className: "text-sm text-ods-text-secondary", children: label })
   ] });
 }
 
@@ -3346,15 +3273,15 @@ init_cn();
 
 // src/components/square-avatar.tsx
 init_cn();
-import React5 from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import React4 from "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function SquareAvatar2({ src, fallbackName = "", size = 56, fullWidth = false, className }) {
-  const initials = React5.useMemo(() => {
+  const initials = React4.useMemo(() => {
     if (!fallbackName) return "";
     return fallbackName.split(" ").map((n) => n.charAt(0)).join("").slice(0, 2).toUpperCase();
   }, [fallbackName]);
   const style = fullWidth ? {} : { width: size, height: size };
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       className: cn(
@@ -3365,8 +3292,8 @@ function SquareAvatar2({ src, fallbackName = "", size = 56, fullWidth = false, c
       style,
       children: src ? (
         // eslint-disable-next-line @next/next/no-img-element
-        /* @__PURE__ */ jsx23("img", { src: getProxiedImageUrl(src) || src, alt: "Avatar", className: "object-cover w-full h-full" })
-      ) : /* @__PURE__ */ jsx23("span", { className: cn(
+        /* @__PURE__ */ jsx22("img", { src: getProxiedImageUrl(src) || src, alt: "Avatar", className: "object-cover w-full h-full" })
+      ) : /* @__PURE__ */ jsx22("span", { className: cn(
         "font-['DM_Sans'] text-ods-text-primary font-bold",
         fullWidth ? "text-4xl" : "text-lg"
       ), children: initials })
@@ -3375,24 +3302,24 @@ function SquareAvatar2({ src, fallbackName = "", size = 56, fullWidth = false, c
 }
 
 // src/components/msp-display.tsx
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 function MSPDisplay({ name, logoUrl, size = 40, className }) {
-  return /* @__PURE__ */ jsxs18("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
-    /* @__PURE__ */ jsx24(SquareAvatar2, { src: logoUrl ?? void 0, fallbackName: name, size }),
-    /* @__PURE__ */ jsx24("h2", { className: "truncate pl-2", children: name })
+  return /* @__PURE__ */ jsxs17("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
+    /* @__PURE__ */ jsx23(SquareAvatar2, { src: logoUrl ?? void 0, fallbackName: name, size }),
+    /* @__PURE__ */ jsx23("h2", { className: "truncate pl-2", children: name })
   ] });
 }
 
 // src/components/open-source-features.tsx
 import { Terminal, DollarSign as DollarSign2, Network, Users as Users2 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 
 // src/components/index.ts
 init_pagination();
 
 // src/components/persistent-filter-controls.tsx
 init_cn();
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 function PersistentFilterControls({
   isLoading,
   children,
@@ -3401,7 +3328,7 @@ function PersistentFilterControls({
   transitionDuration = 300,
   preventInteraction = true
 }) {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: cn(
@@ -3418,7 +3345,7 @@ function PersistentFilterControls({
       "aria-busy": isLoading,
       "data-loading": isLoading,
       children: [
-        isLoading && /* @__PURE__ */ jsx26(
+        isLoading && /* @__PURE__ */ jsx25(
           "div",
           {
             className: "sr-only",
@@ -3427,7 +3354,7 @@ function PersistentFilterControls({
             children: "Filters temporarily disabled while loading content"
           }
         ),
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx25(
           "div",
           {
             className: cn(
@@ -3440,13 +3367,13 @@ function PersistentFilterControls({
             children
           }
         ),
-        isLoading && /* @__PURE__ */ jsx26(
+        isLoading && /* @__PURE__ */ jsx25(
           "div",
           {
             className: "absolute top-2 right-2 z-10",
             role: "status",
             "aria-label": "Loading filters",
-            children: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 border-2 border-ods-border border-t-[#FFC008] rounded-full animate-spin" })
+            children: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 border-2 border-ods-border border-t-[#FFC008] rounded-full animate-spin" })
           }
         )
       ]
@@ -3458,7 +3385,7 @@ function PersistentSearchContainer({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     PersistentFilterControls,
     {
       isLoading,
@@ -3473,7 +3400,7 @@ function PersistentSidebar({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     PersistentFilterControls,
     {
       isLoading,
@@ -3488,7 +3415,7 @@ function PersistentMobileDropdown({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     PersistentFilterControls,
     {
       isLoading,
@@ -3501,7 +3428,7 @@ function PersistentMobileDropdown({
 
 // src/components/persistent-pagination.tsx
 init_cn();
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 function PersistentPagination({
   isLoading,
   children,
@@ -3512,7 +3439,7 @@ function PersistentPagination({
   transitionDuration = 300,
   showLoadingState = true
 }) {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       className: cn(
@@ -3530,7 +3457,7 @@ function PersistentPagination({
       "aria-busy": isLoading,
       "data-loading": isLoading,
       children: [
-        isLoading && /* @__PURE__ */ jsxs21(
+        isLoading && /* @__PURE__ */ jsxs20(
           "div",
           {
             className: "sr-only",
@@ -3544,7 +3471,7 @@ function PersistentPagination({
             ]
           }
         ),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx26(
           "div",
           {
             className: cn(
@@ -3601,7 +3528,7 @@ function PersistentPaginationWrapper({
   const isPaginationDisabled = isLoading;
   const hasNoResults = !hasResults && !isLoading;
   const PaginationComponent = (init_unified_pagination(), __toCommonJS(unified_pagination_exports)).UnifiedPagination;
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       className: cn(
@@ -3619,7 +3546,7 @@ function PersistentPaginationWrapper({
       "data-loading": isLoading,
       "data-has-results": hasResults,
       children: [
-        (isLoading || !hasResults) && /* @__PURE__ */ jsx27(
+        (isLoading || !hasResults) && /* @__PURE__ */ jsx26(
           "div",
           {
             className: "sr-only",
@@ -3628,7 +3555,7 @@ function PersistentPaginationWrapper({
             children: isLoading ? `Pagination temporarily disabled while loading page ${displayCurrentPage} of ${displayTotalPages}` : `No results available - pagination disabled`
           }
         ),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx26(
           "div",
           {
             className: cn(
@@ -3639,7 +3566,7 @@ function PersistentPaginationWrapper({
               transitionDuration: "300ms"
             },
             "aria-hidden": isPaginationDisabled,
-            children: /* @__PURE__ */ jsx27(
+            children: /* @__PURE__ */ jsx26(
               PaginationComponent,
               {
                 currentPage: displayCurrentPage,
@@ -3656,7 +3583,7 @@ function PersistentPaginationWrapper({
 }
 
 // src/components/pricing-display.tsx
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 var PRICING_STYLES = {
   // Comparison table style (current default)
   comparison: {
@@ -3692,19 +3619,19 @@ function PricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (typeof pricing === "string") {
-    return /* @__PURE__ */ jsx28(LegacyPricingDisplay, { pricing, className, styleConfig });
+    return /* @__PURE__ */ jsx27(LegacyPricingDisplay, { pricing, className, styleConfig });
   }
   const pricingArray = Array.isArray(pricing) ? pricing : [pricing];
   if (!pricingArray || pricingArray.length === 0) {
-    return /* @__PURE__ */ jsx28("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: "No pricing data" });
+    return /* @__PURE__ */ jsx27("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: "No pricing data" });
   }
   if (pricingArray.length === 1) {
     const item = pricingArray[0];
     const price = item.ranges?.[0]?.min || 0;
     const unit = item.ranges?.[0]?.unit;
-    return /* @__PURE__ */ jsxs22("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-      /* @__PURE__ */ jsx28("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
-      unit && /* @__PURE__ */ jsxs22("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+    return /* @__PURE__ */ jsxs21("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+      /* @__PURE__ */ jsx27("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
+      unit && /* @__PURE__ */ jsxs21("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
         "/",
         unit
       ] })
@@ -3712,9 +3639,9 @@ function PricingDisplay({
   }
   const priceValues = pricingArray.map((item) => formatPriceValue(item.ranges?.[0]?.min || 0, styleConfig.showTildePrefix));
   const itemWithUnit = pricingArray.find((item) => item.ranges?.[0]?.unit);
-  return /* @__PURE__ */ jsxs22("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-    /* @__PURE__ */ jsx28("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
-    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs22("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+  return /* @__PURE__ */ jsxs21("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    /* @__PURE__ */ jsx27("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
+    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs21("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
       "/",
       itemWithUnit.ranges[0].unit
     ] })
@@ -3735,7 +3662,7 @@ function LegacyPricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (pricing === "Free" || pricing === "No pricing data") {
-    return /* @__PURE__ */ jsx28("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: pricing });
+    return /* @__PURE__ */ jsx27("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: pricing });
   }
   const parsePricing = (pricingStr) => {
     if (pricingStr.includes(", ")) {
@@ -3791,9 +3718,9 @@ function LegacyPricingDisplay({
     };
   };
   const { mainValue, secondaryInfo } = parsePricing(pricing);
-  return /* @__PURE__ */ jsxs22("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-    /* @__PURE__ */ jsx28("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
-    secondaryInfo && /* @__PURE__ */ jsx28("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: secondaryInfo })
+  return /* @__PURE__ */ jsxs21("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    /* @__PURE__ */ jsx27("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
+    secondaryInfo && /* @__PURE__ */ jsx27("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: secondaryInfo })
   ] });
 }
 function formatPricingForDisplay(pricing) {
@@ -3801,7 +3728,7 @@ function formatPricingForDisplay(pricing) {
 }
 
 // src/components/results-count.tsx
-import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 function ResultsCount({
   currentPage,
   pageSize,
@@ -3817,7 +3744,7 @@ function ResultsCount({
   const plural = resultType === "vendors" ? "vendors" : "posts";
   const singular = resultType === "vendors" ? "vendor" : "post";
   const displayType = totalResults === 1 ? singular : plural;
-  return /* @__PURE__ */ jsx29("div", { className: "mb-6", children: /* @__PURE__ */ jsx29("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: totalResults > 0 && /* @__PURE__ */ jsxs23(Fragment6, { children: [
+  return /* @__PURE__ */ jsx28("div", { className: "mb-6", children: /* @__PURE__ */ jsx28("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: totalResults > 0 && /* @__PURE__ */ jsxs22(Fragment6, { children: [
     "Showing ",
     startIndex,
     "-",
@@ -3826,7 +3753,7 @@ function ResultsCount({
     totalResults,
     " ",
     displayType,
-    sortingMessage && /* @__PURE__ */ jsxs23("span", { className: "ml-2 text-ods-accent", children: [
+    sortingMessage && /* @__PURE__ */ jsxs22("span", { className: "ml-2 text-ods-accent", children: [
       "\u2022 ",
       sortingMessage
     ] })
@@ -3836,7 +3763,7 @@ function ResultsCount({
 // src/components/vendor-tag.tsx
 init_cn();
 import { Hand, Sparkles } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 function VendorTag({
   type,
   text,
@@ -3855,89 +3782,89 @@ function VendorTag({
         return {
           text: "Placeholder",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx30("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx30(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "ai":
         return {
           text: "AI Selected",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx30("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx30(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "manual":
         return {
           text: "Manually Selected",
           textColor: "text-ods-text-secondary",
-          icon: /* @__PURE__ */ jsx30("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx30(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "open-source":
         return {
           text: text || "Open Source",
-          icon: /* @__PURE__ */ jsx30(
+          icon: /* @__PURE__ */ jsx29(
             "div",
             {
               className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0",
               style: accentColor ? { backgroundColor: accentColor } : void 0,
-              children: /* @__PURE__ */ jsx30(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" })
+              children: /* @__PURE__ */ jsx29(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" })
             }
           )
         };
       case "commercial":
         return {
           text: text || "Commercial Vendor",
-          icon: /* @__PURE__ */ jsx30("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx30(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "free":
         return {
           text: text || "Free",
-          icon: /* @__PURE__ */ jsx30("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx30("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
         };
       case "freemium":
         return {
           text: text || "Freemium",
-          icon: /* @__PURE__ */ jsx30("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx30("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
         };
       case "paid":
         return {
           text: text || "Paid",
-          icon: /* @__PURE__ */ jsx30("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx30(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "enterprise":
         return {
           text: text || "Enterprise",
-          icon: /* @__PURE__ */ jsx30("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx30("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "E" }) })
+          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "E" }) })
         };
       case "recommended":
         return {
           text: text || "Recommended",
-          icon: /* @__PURE__ */ jsx30("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx30("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "\u2605" }) })
+          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "\u2605" }) })
         };
       case "classification":
         const classificationType = text?.toLowerCase();
         if (classificationType === "open_source") {
           return {
             text: "Open Source",
-            icon: /* @__PURE__ */ jsx30("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx30(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" }) })
+            icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" }) })
           };
         } else if (classificationType === "commercial") {
           return {
             text: "Commercial Vendor",
-            icon: /* @__PURE__ */ jsx30("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx30(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+            icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
           };
         } else if (classificationType === "openframe_selected") {
           return {
             text: "OpenFrame Selected",
-            icon: /* @__PURE__ */ jsx30(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+            icon: /* @__PURE__ */ jsx29(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
           };
         } else {
           return {
             text: text || "Classification",
-            icon: /* @__PURE__ */ jsx30("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx30("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "C" }) })
+            icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "C" }) })
           };
         }
       case "openframe_selected":
         return {
           text: text || "OpenFrame Selected",
-          icon: /* @__PURE__ */ jsx30(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+          icon: /* @__PURE__ */ jsx29(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
         };
       default:
         return {
@@ -3947,9 +3874,9 @@ function VendorTag({
     }
   };
   const { text: displayText, icon, textColor } = getTagContent();
-  return /* @__PURE__ */ jsxs24("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
+  return /* @__PURE__ */ jsxs23("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
     icon,
-    /* @__PURE__ */ jsx30("span", { className: cn(
+    /* @__PURE__ */ jsx29("span", { className: cn(
       "font-mono font-semibold uppercase",
       textColor ? textColor : "text-ods-text-primary",
       size === "sm" ? "text-[10px]" : "text-xs"
@@ -3958,12 +3885,12 @@ function VendorTag({
 }
 
 // src/components/selection-source-badge.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function SelectionSourceBadge({ source, hidden = false }) {
   if (!source) {
     return null;
   }
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     VendorTag,
     {
       type: source?.toLowerCase(),
@@ -3976,13 +3903,13 @@ function SelectionSourceBadge({ source, hidden = false }) {
 
 // src/components/user-display.tsx
 init_cn();
-import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
 function UserDisplay({ name, avatarUrl, subtitle, size = 32, className }) {
-  return /* @__PURE__ */ jsxs25("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
-    /* @__PURE__ */ jsx32(SquareAvatar2, { src: avatarUrl ?? void 0, fallbackName: name, size }),
-    /* @__PURE__ */ jsxs25("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx32("p", { className: "font-['DM_Sans'] text-lg leading-[22px] text-ods-text-primary truncate", children: name }),
-      subtitle && /* @__PURE__ */ jsx32("span", { className: "font-['DM_Sans'] text-md leading-[16px] text-ods-text-secondary truncate", children: subtitle })
+  return /* @__PURE__ */ jsxs24("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
+    /* @__PURE__ */ jsx31(SquareAvatar2, { src: avatarUrl ?? void 0, fallbackName: name, size }),
+    /* @__PURE__ */ jsxs24("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx31("p", { className: "font-['DM_Sans'] text-lg leading-[22px] text-ods-text-primary truncate", children: name }),
+      subtitle && /* @__PURE__ */ jsx31("span", { className: "font-['DM_Sans'] text-md leading-[16px] text-ods-text-secondary truncate", children: subtitle })
     ] })
   ] });
 }
@@ -3992,7 +3919,7 @@ init_cn();
 
 // src/components/loading/unified-skeleton.tsx
 init_cn();
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function UnifiedSkeleton({
   className,
   variant = "default",
@@ -4020,7 +3947,7 @@ function UnifiedSkeleton({
     width,
     height
   };
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       className: cn(
@@ -4042,7 +3969,7 @@ var TextSkeleton = {
   /**
    * Large heading skeleton (h1, h2)
    */
-  Heading: ({ className, ...props }) => /* @__PURE__ */ jsx33(
+  Heading: ({ className, ...props }) => /* @__PURE__ */ jsx32(
     UnifiedSkeleton,
     {
       variant: "text",
@@ -4054,7 +3981,7 @@ var TextSkeleton = {
   /**
    * Medium heading skeleton (h3, h4)
    */
-  Subheading: ({ className, ...props }) => /* @__PURE__ */ jsx33(
+  Subheading: ({ className, ...props }) => /* @__PURE__ */ jsx32(
     UnifiedSkeleton,
     {
       variant: "text",
@@ -4066,7 +3993,7 @@ var TextSkeleton = {
   /**
    * Body text skeleton
    */
-  Body: ({ className, ...props }) => /* @__PURE__ */ jsx33(
+  Body: ({ className, ...props }) => /* @__PURE__ */ jsx32(
     UnifiedSkeleton,
     {
       variant: "text",
@@ -4078,7 +4005,7 @@ var TextSkeleton = {
   /**
    * Small text skeleton (captions, metadata)
    */
-  Caption: ({ className, ...props }) => /* @__PURE__ */ jsx33(
+  Caption: ({ className, ...props }) => /* @__PURE__ */ jsx32(
     UnifiedSkeleton,
     {
       variant: "text",
@@ -4092,7 +4019,7 @@ var InteractiveSkeleton = {
   /**
    * Button skeleton with proper touch targets
    */
-  Button: ({ className, ...props }) => /* @__PURE__ */ jsx33(
+  Button: ({ className, ...props }) => /* @__PURE__ */ jsx32(
     UnifiedSkeleton,
     {
       variant: "default",
@@ -4104,7 +4031,7 @@ var InteractiveSkeleton = {
   /**
    * Input field skeleton
    */
-  Input: ({ className, ...props }) => /* @__PURE__ */ jsx33(
+  Input: ({ className, ...props }) => /* @__PURE__ */ jsx32(
     UnifiedSkeleton,
     {
       variant: "default",
@@ -4116,7 +4043,7 @@ var InteractiveSkeleton = {
   /**
    * Filter chip skeleton
    */
-  Chip: ({ className, ...props }) => /* @__PURE__ */ jsx33(
+  Chip: ({ className, ...props }) => /* @__PURE__ */ jsx32(
     UnifiedSkeleton,
     {
       variant: "default",
@@ -4136,7 +4063,7 @@ var MediaSkeleton = {
       md: "h-12 w-12",
       lg: "h-16 w-16"
     };
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx32(
       UnifiedSkeleton,
       {
         variant: "circular",
@@ -4150,7 +4077,7 @@ var MediaSkeleton = {
    * 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__ */ jsx33(
+  CardImage: ({ className, ...props }) => /* @__PURE__ */ jsx32(
     UnifiedSkeleton,
     {
       variant: "default",
@@ -4168,7 +4095,7 @@ var MediaSkeleton = {
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx32(
       UnifiedSkeleton,
       {
         variant: "default",
@@ -4182,7 +4109,7 @@ var MediaSkeleton = {
 
 // src/components/loading/card-skeleton.tsx
 init_cn();
-import { Fragment as Fragment7, jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
 function CardSkeleton({
   className,
   containerClassName,
@@ -4192,12 +4119,12 @@ function CardSkeleton({
   ...props
 }) {
   const cardContent = {
-    vendor: /* @__PURE__ */ jsx34(VendorCardContent, { showActions, showMetadata }),
-    blog: /* @__PURE__ */ jsx34(BlogCardContent, { showActions, showMetadata }),
-    category: /* @__PURE__ */ jsx34(CategoryCardContent, {}),
-    alternative: /* @__PURE__ */ jsx34(AlternativeCardContent, { showActions })
+    vendor: /* @__PURE__ */ jsx33(VendorCardContent, { showActions, showMetadata }),
+    blog: /* @__PURE__ */ jsx33(BlogCardContent, { showActions, showMetadata }),
+    category: /* @__PURE__ */ jsx33(CategoryCardContent, {}),
+    alternative: /* @__PURE__ */ jsx33(AlternativeCardContent, { showActions })
   };
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       className: cn(
@@ -4216,70 +4143,70 @@ function CardSkeleton({
   );
 }
 function VendorCardContent({ showActions, showMetadata }) {
-  return /* @__PURE__ */ jsxs26("div", { className: "p-4 gap-3 flex flex-col", children: [
-    /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-3 w-full", children: [
-      /* @__PURE__ */ jsx34("div", { className: "w-[60px] h-[60px] bg-ods-bg border border-ods-border rounded-lg p-2 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx34(MediaSkeleton.Avatar, { size: "sm", className: "w-11 h-11" }) }),
-      /* @__PURE__ */ jsxs26("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
-        /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-3/4" }),
-        /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-1/2" })
+  return /* @__PURE__ */ jsxs25("div", { className: "p-4 gap-3 flex flex-col", children: [
+    /* @__PURE__ */ jsxs25("div", { className: "flex items-start gap-3 w-full", children: [
+      /* @__PURE__ */ jsx33("div", { className: "w-[60px] h-[60px] bg-ods-bg border border-ods-border rounded-lg p-2 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx33(MediaSkeleton.Avatar, { size: "sm", className: "w-11 h-11" }) }),
+      /* @__PURE__ */ jsxs25("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
+        /* @__PURE__ */ jsx33(TextSkeleton.Subheading, { className: "w-3/4" }),
+        /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-1/2" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx34("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-1 w-full", children: [
-      /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-2/3" })
+    /* @__PURE__ */ jsx33("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs25("div", { className: "space-y-1 w-full", children: [
+      /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-2/3" })
     ] }) }),
-    /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
-      /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
-        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-          /* @__PURE__ */ jsx34(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-          /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-8" })
+    /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
+        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+          /* @__PURE__ */ jsx33(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+          /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-8" })
         ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-          /* @__PURE__ */ jsx34(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-          /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-10" })
+        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+          /* @__PURE__ */ jsx33(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+          /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-10" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx34("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
-        /* @__PURE__ */ jsx34("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx34(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
-        /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-16" })
+      /* @__PURE__ */ jsx33("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
+        /* @__PURE__ */ jsx33("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx33(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
+        /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-16" })
       ] }) })
     ] })
   ] });
 }
 function BlogCardContent({ showActions, showMetadata }) {
-  return /* @__PURE__ */ jsxs26(Fragment7, { children: [
-    /* @__PURE__ */ jsx34("div", { className: "blog-card-image-container relative w-full aspect-[1200/630] overflow-hidden bg-ods-bg", children: /* @__PURE__ */ jsx34(MediaSkeleton.CardImage, {}) }),
-    /* @__PURE__ */ jsxs26("div", { className: "p-4 flex flex-col flex-grow", children: [
-      /* @__PURE__ */ jsx34("div", { className: "mb-3 flex items-center min-h-[50.4px] md:min-h-[56px] lg:min-h-[61.6px]", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-1 w-full", children: [
-        /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-full" }),
-        /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-3/4" })
+  return /* @__PURE__ */ jsxs25(Fragment7, { children: [
+    /* @__PURE__ */ jsx33("div", { className: "blog-card-image-container relative w-full aspect-[1200/630] overflow-hidden bg-ods-bg", children: /* @__PURE__ */ jsx33(MediaSkeleton.CardImage, {}) }),
+    /* @__PURE__ */ jsxs25("div", { className: "p-4 flex flex-col flex-grow", children: [
+      /* @__PURE__ */ jsx33("div", { className: "mb-3 flex items-center min-h-[50.4px] md:min-h-[56px] lg:min-h-[61.6px]", children: /* @__PURE__ */ jsxs25("div", { className: "space-y-1 w-full", children: [
+        /* @__PURE__ */ jsx33(TextSkeleton.Subheading, { className: "w-full" }),
+        /* @__PURE__ */ jsx33(TextSkeleton.Subheading, { className: "w-3/4" })
       ] }) }),
-      /* @__PURE__ */ jsxs26("div", { className: "mb-3 flex gap-2 h-[28px] items-center", children: [
-        /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, { className: "w-16" }),
-        /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, { className: "w-12" })
+      /* @__PURE__ */ jsxs25("div", { className: "mb-3 flex gap-2 h-[28px] items-center", children: [
+        /* @__PURE__ */ jsx33(InteractiveSkeleton.Chip, { className: "w-16" }),
+        /* @__PURE__ */ jsx33(InteractiveSkeleton.Chip, { className: "w-12" })
       ] }),
-      /* @__PURE__ */ jsx34("div", { className: "mb-3 flex items-center min-h-[42px] md:min-h-[45px] lg:min-h-[48px]", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-1 w-full", children: [
-        /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-1/2" })
+      /* @__PURE__ */ jsx33("div", { className: "mb-3 flex items-center min-h-[42px] md:min-h-[45px] lg:min-h-[48px]", children: /* @__PURE__ */ jsxs25("div", { className: "space-y-1 w-full", children: [
+        /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-1/2" })
       ] }) }),
-      showActions && /* @__PURE__ */ jsx34("div", { className: "pt-2", children: /* @__PURE__ */ jsx34(InteractiveSkeleton.Button, { className: "w-24 h-8" }) }),
-      showMetadata && /* @__PURE__ */ jsx34("div", { className: "mt-auto", children: /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between gap-4 pt-4 border-t border-ods-border", children: [
-        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx34(MediaSkeleton.Avatar, { size: "sm" }),
-          /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-16" })
+      showActions && /* @__PURE__ */ jsx33("div", { className: "pt-2", children: /* @__PURE__ */ jsx33(InteractiveSkeleton.Button, { className: "w-24 h-8" }) }),
+      showMetadata && /* @__PURE__ */ jsx33("div", { className: "mt-auto", children: /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-4 pt-4 border-t border-ods-border", children: [
+        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx33(MediaSkeleton.Avatar, { size: "sm" }),
+          /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-16" })
         ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-3 text-[#767676] shrink-0", children: [
-          /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-12" }),
-          /* @__PURE__ */ jsx34("div", { className: "w-1 h-1 bg-[#767676] rounded-full" }),
-          /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-16" })
+        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3 text-[#767676] shrink-0", children: [
+          /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-12" }),
+          /* @__PURE__ */ jsx33("div", { className: "w-1 h-1 bg-[#767676] rounded-full" }),
+          /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-16" })
         ] })
       ] }) })
     ] })
   ] });
 }
 function CategoryCardContent() {
-  return /* @__PURE__ */ jsxs26("div", { className: "p-4 md:p-6 space-y-4", children: [
-    /* @__PURE__ */ jsx34("div", { className: "flex gap-2 md:gap-3", children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsxs25("div", { className: "p-4 md:p-6 space-y-4", children: [
+    /* @__PURE__ */ jsx33("div", { className: "flex gap-2 md:gap-3", children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsx33(
       MediaSkeleton.Icon,
       {
         size: "lg",
@@ -4287,34 +4214,34 @@ function CategoryCardContent() {
       },
       index
     )) }),
-    /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs26("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-3/4" }),
-        /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-1/2" })
+    /* @__PURE__ */ jsxs25("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx33(TextSkeleton.Subheading, { className: "w-3/4" }),
+        /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-1/2" })
       ] }),
-      /* @__PURE__ */ jsxs26("div", { className: "flex items-start md:items-end justify-between gap-4 md:gap-6", children: [
-        /* @__PURE__ */ jsxs26("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-2/3" })
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-start md:items-end justify-between gap-4 md:gap-6", children: [
+        /* @__PURE__ */ jsxs25("div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-2/3" })
         ] }),
-        /* @__PURE__ */ jsx34(InteractiveSkeleton.Button, { className: "w-10 h-10 md:w-12 md:h-12 flex-shrink-0" })
+        /* @__PURE__ */ jsx33(InteractiveSkeleton.Button, { className: "w-10 h-10 md:w-12 md:h-12 flex-shrink-0" })
       ] })
     ] })
   ] });
 }
 function AlternativeCardContent({ showActions }) {
-  return /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-4 p-4", children: [
-    /* @__PURE__ */ jsx34(MediaSkeleton.Avatar, { size: "md", className: "flex-shrink-0" }),
-    /* @__PURE__ */ jsxs26("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-16" })
+  return /* @__PURE__ */ jsxs25("div", { className: "flex items-start gap-4 p-4", children: [
+    /* @__PURE__ */ jsx33(MediaSkeleton.Avatar, { size: "md", className: "flex-shrink-0" }),
+    /* @__PURE__ */ jsxs25("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx33(TextSkeleton.Subheading, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-16" })
       ] }),
-      /* @__PURE__ */ jsxs26("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-5/6" })
+      /* @__PURE__ */ jsxs25("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-5/6" })
       ] }),
-      showActions && /* @__PURE__ */ jsx34("div", { className: "pt-2", children: /* @__PURE__ */ jsx34(InteractiveSkeleton.Button, { className: "w-20 h-8" }) })
+      showActions && /* @__PURE__ */ jsx33("div", { className: "pt-2", children: /* @__PURE__ */ jsx33(InteractiveSkeleton.Button, { className: "w-20 h-8" }) })
     ] })
   ] });
 }
@@ -4325,7 +4252,7 @@ function CardSkeletonGrid({
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       className: cn(
@@ -4339,7 +4266,7 @@ function CardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} ${variant} cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx34(
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx33(
         CardSkeleton,
         {
           variant,
@@ -4353,19 +4280,19 @@ function CardSkeletonGrid({
 }
 
 // src/components/loading/page-layout-skeleton.tsx
-import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 function AnnouncementBarSkeleton() {
-  return /* @__PURE__ */ jsx35("div", { className: "bg-[#2A2A2A] relative w-full animate-pulse", children: /* @__PURE__ */ jsx35("div", { className: "flex flex-row items-center relative w-full", children: /* @__PURE__ */ jsxs27("div", { className: "box-border flex flex-row gap-4 md:gap-6 items-center justify-start pl-4 md:pl-6 pr-12 md:pr-16 py-3 md:py-4 relative w-full", children: [
-    /* @__PURE__ */ jsx35("div", { className: "relative shrink-0 w-6 h-6 md:w-8 md:h-8 bg-ods-border rounded" }),
-    /* @__PURE__ */ jsxs27("div", { className: "flex-1 min-w-0 space-y-1 md:space-y-2", children: [
-      /* @__PURE__ */ jsx35("div", { className: "h-[14px] md:h-[18px] bg-ods-border rounded w-3/4 max-w-md" }),
-      /* @__PURE__ */ jsx35("div", { className: "h-[12px] md:h-[18px] bg-ods-border rounded w-full max-w-lg hidden md:block" })
+  return /* @__PURE__ */ jsx34("div", { className: "bg-[#2A2A2A] relative w-full animate-pulse", children: /* @__PURE__ */ jsx34("div", { className: "flex flex-row items-center relative w-full", children: /* @__PURE__ */ jsxs26("div", { className: "box-border flex flex-row gap-4 md:gap-6 items-center justify-start pl-4 md:pl-6 pr-12 md:pr-16 py-3 md:py-4 relative w-full", children: [
+    /* @__PURE__ */ jsx34("div", { className: "relative shrink-0 w-6 h-6 md:w-8 md:h-8 bg-ods-border rounded" }),
+    /* @__PURE__ */ jsxs26("div", { className: "flex-1 min-w-0 space-y-1 md:space-y-2", children: [
+      /* @__PURE__ */ jsx34("div", { className: "h-[14px] md:h-[18px] bg-ods-border rounded w-3/4 max-w-md" }),
+      /* @__PURE__ */ jsx34("div", { className: "h-[12px] md:h-[18px] bg-ods-border rounded w-full max-w-lg hidden md:block" })
     ] }),
-    /* @__PURE__ */ jsx35("div", { className: "absolute right-2 top-2 w-6 h-6 bg-ods-border rounded" })
+    /* @__PURE__ */ jsx34("div", { className: "absolute right-2 top-2 w-6 h-6 bg-ods-border rounded" })
   ] }) }) });
 }
 function HeroSkeleton() {
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs26(
     "section",
     {
       className: "w-full flex flex-col items-center justify-center py-12 px-4 md:py-20 md:px-8 text-center animate-pulse",
@@ -4373,12 +4300,12 @@ function HeroSkeleton() {
         background: "radial-gradient(circle at 50% 0%, #242323 0%, #1A1A1A 100%)"
       },
       children: [
-        /* @__PURE__ */ jsx35(TextSkeleton.Heading, { className: "h-12 md:h-20 lg:h-24 mb-4 md:mb-6 max-w-4xl w-full" }),
-        /* @__PURE__ */ jsxs27("div", { className: "space-y-3 mb-8 md:mb-10 max-w-4xl w-full px-2", children: [
-          /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "h-5 md:h-7" }),
-          /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "h-5 md:h-7 w-3/4 mx-auto" })
+        /* @__PURE__ */ jsx34(TextSkeleton.Heading, { className: "h-12 md:h-20 lg:h-24 mb-4 md:mb-6 max-w-4xl w-full" }),
+        /* @__PURE__ */ jsxs26("div", { className: "space-y-3 mb-8 md:mb-10 max-w-4xl w-full px-2", children: [
+          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "h-5 md:h-7" }),
+          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "h-5 md:h-7 w-3/4 mx-auto" })
         ] }),
-        /* @__PURE__ */ jsx35(InteractiveSkeleton.Button, { className: "w-full md:w-64 h-12" })
+        /* @__PURE__ */ jsx34(InteractiveSkeleton.Button, { className: "w-full md:w-64 h-12" })
       ]
     }
   );
@@ -4387,16 +4314,16 @@ function SearchContainerSkeleton({
   className,
   showFilters = true
 }) {
-  return /* @__PURE__ */ jsxs27("div", { className: cn("space-y-4", className || ""), children: [
-    /* @__PURE__ */ jsxs27("div", { className: "flex gap-2 md:gap-4", children: [
-      /* @__PURE__ */ jsx35(InteractiveSkeleton.Input, { className: "flex-1" }),
-      /* @__PURE__ */ jsx35(InteractiveSkeleton.Button, { className: "w-32 md:w-40" })
+  return /* @__PURE__ */ jsxs26("div", { className: cn("space-y-4", className || ""), children: [
+    /* @__PURE__ */ jsxs26("div", { className: "flex gap-2 md:gap-4", children: [
+      /* @__PURE__ */ jsx34(InteractiveSkeleton.Input, { className: "flex-1" }),
+      /* @__PURE__ */ jsx34(InteractiveSkeleton.Button, { className: "w-32 md:w-40" })
     ] }),
-    showFilters && /* @__PURE__ */ jsxs27("div", { className: "flex gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsx35(InteractiveSkeleton.Chip, {}),
-      /* @__PURE__ */ jsx35(InteractiveSkeleton.Chip, { className: "w-24" }),
-      /* @__PURE__ */ jsx35(InteractiveSkeleton.Chip, { className: "w-16" }),
-      /* @__PURE__ */ jsx35(InteractiveSkeleton.Chip, { className: "w-20" })
+    showFilters && /* @__PURE__ */ jsxs26("div", { className: "flex gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, {}),
+      /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, { className: "w-24" }),
+      /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, { className: "w-16" }),
+      /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, { className: "w-20" })
     ] })
   ] });
 }
@@ -4414,9 +4341,9 @@ function CategorySidebarSkeleton({ className }) {
     { type: "file", width: "w-28" },
     { type: "file", width: "w-36" }
   ];
-  return /* @__PURE__ */ jsxs27("div", { className: cn("w-full lg:w-[320px]", className), children: [
-    /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-[14px] w-24 rounded mb-4" }),
-    /* @__PURE__ */ jsx35("div", { className: "space-y-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs26("div", { className: cn("w-full lg:w-[320px]", className), children: [
+    /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-[14px] w-24 rounded mb-4" }),
+    /* @__PURE__ */ jsx34("div", { className: "space-y-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs26(
       "div",
       {
         className: cn(
@@ -4424,13 +4351,13 @@ function CategorySidebarSkeleton({ className }) {
           index === 0 ? "bg-ods-accent/20" : "bg-ods-card"
         ),
         children: [
-          /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2.5", children: [
-            /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "w-4 h-4 shrink-0 rounded" }),
-            /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: `h-[14px] ${item.width} rounded` })
+          /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2.5", children: [
+            /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "w-4 h-4 shrink-0 rounded" }),
+            /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: `h-[14px] ${item.width} rounded` })
           ] }),
-          /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 h-[18px]", children: [
-            item.hasBadge && /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-[18px] w-14 rounded" }),
-            item.type === "folder" && /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "w-4 h-4 rounded" })
+          /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 h-[18px]", children: [
+            item.hasBadge && /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-[18px] w-14 rounded" }),
+            item.type === "folder" && /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "w-4 h-4 rounded" })
           ] })
         ]
       },
@@ -4439,18 +4366,18 @@ function CategorySidebarSkeleton({ className }) {
   ] });
 }
 function BreadcrumbSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs27("div", { className: cn("flex items-center space-x-1 mb-6", className), children: [
-    /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-16" }),
-    /* @__PURE__ */ jsx35(UnifiedSkeleton, { variant: "default", className: "w-4 h-4 rounded-full" }),
-    /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-24" }),
-    /* @__PURE__ */ jsx35(UnifiedSkeleton, { variant: "default", className: "w-4 h-4 rounded-full" }),
-    /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-32" }),
-    /* @__PURE__ */ jsx35(UnifiedSkeleton, { variant: "default", className: "w-4 h-4 rounded-full" }),
-    /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-24" })
+  return /* @__PURE__ */ jsxs26("div", { className: cn("flex items-center space-x-1 mb-6", className), children: [
+    /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-16" }),
+    /* @__PURE__ */ jsx34(UnifiedSkeleton, { variant: "default", className: "w-4 h-4 rounded-full" }),
+    /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-24" }),
+    /* @__PURE__ */ jsx34(UnifiedSkeleton, { variant: "default", className: "w-4 h-4 rounded-full" }),
+    /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-32" }),
+    /* @__PURE__ */ jsx34(UnifiedSkeleton, { variant: "default", className: "w-4 h-4 rounded-full" }),
+    /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-24" })
   ] });
 }
 function ResultsHeaderSkeleton({ className }) {
-  return /* @__PURE__ */ jsx35("div", { className: cn("flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-6", className), children: /* @__PURE__ */ jsx35("div", { className: "space-y-1", children: /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-48" }) }) });
+  return /* @__PURE__ */ jsx34("div", { className: cn("flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-6", className), children: /* @__PURE__ */ jsx34("div", { className: "space-y-1", children: /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-48" }) }) });
 }
 function TwoColumnLayoutSkeleton({
   className,
@@ -4458,250 +4385,250 @@ function TwoColumnLayoutSkeleton({
   mainContent,
   sidebarPosition = "left"
 }) {
-  const sidebar = sidebarContent || /* @__PURE__ */ jsx35(CategorySidebarSkeleton, {});
-  const main = mainContent || /* @__PURE__ */ jsx35(CardSkeletonGrid, { count: 6 });
-  return /* @__PURE__ */ jsx35("div", { className: cn(
+  const sidebar = sidebarContent || /* @__PURE__ */ jsx34(CategorySidebarSkeleton, {});
+  const main = mainContent || /* @__PURE__ */ jsx34(CardSkeletonGrid, { count: 6 });
+  return /* @__PURE__ */ jsx34("div", { className: cn(
     "grid grid-cols-1 lg:grid-cols-[320px_1fr] gap-6 lg:gap-8",
     sidebarPosition === "right" && "lg:grid-cols-[1fr_320px]",
     className
-  ), children: sidebarPosition === "left" ? /* @__PURE__ */ jsxs27(Fragment8, { children: [
-    /* @__PURE__ */ jsx35("aside", { className: "order-2 lg:order-1", children: sidebar }),
-    /* @__PURE__ */ jsx35("main", { className: "order-1 lg:order-2", children: main })
-  ] }) : /* @__PURE__ */ jsxs27(Fragment8, { children: [
-    /* @__PURE__ */ jsx35("main", { className: "order-1", children: main }),
-    /* @__PURE__ */ jsx35("aside", { className: "order-2", children: sidebar })
+  ), children: sidebarPosition === "left" ? /* @__PURE__ */ jsxs26(Fragment8, { children: [
+    /* @__PURE__ */ jsx34("aside", { className: "order-2 lg:order-1", children: sidebar }),
+    /* @__PURE__ */ jsx34("main", { className: "order-1 lg:order-2", children: main })
+  ] }) : /* @__PURE__ */ jsxs26(Fragment8, { children: [
+    /* @__PURE__ */ jsx34("main", { className: "order-1", children: main }),
+    /* @__PURE__ */ jsx34("aside", { className: "order-2", children: sidebar })
   ] }) });
 }
 function ArticleLayoutSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs27("article", { className: cn("max-w-4xl mx-auto", className), children: [
-    /* @__PURE__ */ jsxs27("header", { className: "mb-8 md:mb-12 space-y-4 md:space-y-6", children: [
-      /* @__PURE__ */ jsxs27("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx35(InteractiveSkeleton.Chip, {}),
-        /* @__PURE__ */ jsx35(InteractiveSkeleton.Chip, { className: "w-16" })
+  return /* @__PURE__ */ jsxs26("article", { className: cn("max-w-4xl mx-auto", className), children: [
+    /* @__PURE__ */ jsxs26("header", { className: "mb-8 md:mb-12 space-y-4 md:space-y-6", children: [
+      /* @__PURE__ */ jsxs26("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, {}),
+        /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, { className: "w-16" })
       ] }),
-      /* @__PURE__ */ jsxs27("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx35(TextSkeleton.Heading, { className: "w-full" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Heading, { className: "w-3/4" })
+      /* @__PURE__ */ jsxs26("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx34(TextSkeleton.Heading, { className: "w-full" }),
+        /* @__PURE__ */ jsx34(TextSkeleton.Heading, { className: "w-3/4" })
       ] }),
-      /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-4 pt-4 border-t border-ods-divider", children: [
-        /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx35(MediaSkeleton.Avatar, { size: "sm" }),
-          /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-24" })
+      /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-4 pt-4 border-t border-ods-divider", children: [
+        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx34(MediaSkeleton.Avatar, { size: "sm" }),
+          /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-24" })
         ] }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-20" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-16" })
+        /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-20" }),
+        /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-16" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx35("div", { className: "mb-8 md:mb-12", children: /* @__PURE__ */ jsx35(MediaSkeleton.CardImage, { className: "w-full h-64 md:h-96" }) }),
-    /* @__PURE__ */ jsxs27("div", { className: "prose prose-invert max-w-none space-y-6", children: [
-      Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-5/6" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-3/4" })
+    /* @__PURE__ */ jsx34("div", { className: "mb-8 md:mb-12", children: /* @__PURE__ */ jsx34(MediaSkeleton.CardImage, { className: "w-full h-64 md:h-96" }) }),
+    /* @__PURE__ */ jsxs26("div", { className: "prose prose-invert max-w-none space-y-6", children: [
+      Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-5/6" }),
+        /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-3/4" })
       ] }, index)),
-      /* @__PURE__ */ jsxs27("div", { className: "py-4", children: [
-        /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-2/3 mb-4" }),
-        /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-4/5" })
+      /* @__PURE__ */ jsxs26("div", { className: "py-4", children: [
+        /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-2/3 mb-4" }),
+        /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-4/5" })
         ] })
       ] })
     ] })
   ] });
 }
 function VendorDetailLayoutSkeleton({ className }) {
-  return /* @__PURE__ */ jsx35("main", { className: cn("bg-ods-bg min-h-screen", className), children: /* @__PURE__ */ jsxs27("div", { className: "max-w-[1920px] mx-auto px-6 md:px-20 py-6 md:py-10", children: [
-    /* @__PURE__ */ jsx35(BreadcrumbSkeleton, { className: "mb-6" }),
-    /* @__PURE__ */ jsxs27("div", { className: "flex flex-col lg:flex-row lg:gap-10", children: [
-      /* @__PURE__ */ jsxs27("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxs27("div", { className: "mb-10", children: [
-          /* @__PURE__ */ jsxs27("div", { className: "flex gap-6 mb-6", children: [
-            /* @__PURE__ */ jsx35("div", { className: "w-20 h-20 bg-ods-card border border-ods-border rounded-lg animate-pulse flex-shrink-0" }),
-            /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-3", children: [
-              /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx35("div", { className: "h-12 md:h-16 lg:h-20 bg-[#2A2A2A] rounded animate-pulse w-80 max-w-full" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-5 md:h-6 bg-[#2A2A2A] rounded animate-pulse w-32" })
+  return /* @__PURE__ */ jsx34("main", { className: cn("bg-ods-bg min-h-screen", className), children: /* @__PURE__ */ jsxs26("div", { className: "max-w-[1920px] mx-auto px-6 md:px-20 py-6 md:py-10", children: [
+    /* @__PURE__ */ jsx34(BreadcrumbSkeleton, { className: "mb-6" }),
+    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col lg:flex-row lg:gap-10", children: [
+      /* @__PURE__ */ jsxs26("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxs26("div", { className: "mb-10", children: [
+          /* @__PURE__ */ jsxs26("div", { className: "flex gap-6 mb-6", children: [
+            /* @__PURE__ */ jsx34("div", { className: "w-20 h-20 bg-ods-card border border-ods-border rounded-lg animate-pulse flex-shrink-0" }),
+            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-3", children: [
+              /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx34("div", { className: "h-12 md:h-16 lg:h-20 bg-[#2A2A2A] rounded animate-pulse w-80 max-w-full" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-5 md:h-6 bg-[#2A2A2A] rounded animate-pulse w-32" })
               ] }),
-              /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx35("div", { className: "h-8 bg-[#2A2A2A] rounded animate-pulse w-20" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-8 bg-[#2A2A2A] rounded animate-pulse w-16" })
+              /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx34("div", { className: "h-8 bg-[#2A2A2A] rounded animate-pulse w-20" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-8 bg-[#2A2A2A] rounded animate-pulse w-16" })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx35("div", { className: "w-full h-[300px] md:h-[400px] lg:h-[500px] bg-ods-card border border-ods-border rounded-lg animate-pulse mb-2" }),
-          /* @__PURE__ */ jsx35("div", { className: "text-center", children: /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-24 mx-auto" }) })
+          /* @__PURE__ */ jsx34("div", { className: "w-full h-[300px] md:h-[400px] lg:h-[500px] bg-ods-card border border-ods-border rounded-lg animate-pulse mb-2" }),
+          /* @__PURE__ */ jsx34("div", { className: "text-center", children: /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-24 mx-auto" }) })
         ] }),
-        /* @__PURE__ */ jsx35("div", { className: "lg:hidden mb-10", children: /* @__PURE__ */ jsxs27("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx35("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-          /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx35("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-            /* @__PURE__ */ jsx35("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" })
+        /* @__PURE__ */ jsx34("div", { className: "lg:hidden mb-10", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+          /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+            /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" })
           ] }),
-          /* @__PURE__ */ jsxs27("div", { className: "border border-ods-border rounded-lg overflow-hidden", children: [
-            /* @__PURE__ */ jsxs27("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx35("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded animate-pulse" }),
-              /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-12" })
+          /* @__PURE__ */ jsxs26("div", { className: "border border-ods-border rounded-lg overflow-hidden", children: [
+            /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx34("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded animate-pulse" }),
+              /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-12" })
               ] })
             ] }),
-            /* @__PURE__ */ jsx35("div", { className: "p-4 space-y-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx35("div", { className: "w-6 h-6 bg-[#2A2A2A] rounded animate-pulse" }),
-              /* @__PURE__ */ jsxs27("div", { className: "flex items-end gap-1", children: [
-                /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8" })
+            /* @__PURE__ */ jsx34("div", { className: "p-4 space-y-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx34("div", { className: "w-6 h-6 bg-[#2A2A2A] rounded animate-pulse" }),
+              /* @__PURE__ */ jsxs26("div", { className: "flex items-end gap-1", children: [
+                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8" })
               ] })
             ] }, i)) })
           ] }),
-          /* @__PURE__ */ jsxs27("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx35("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-            /* @__PURE__ */ jsx35("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-            /* @__PURE__ */ jsx35("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" })
+          /* @__PURE__ */ jsxs26("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+            /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+            /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx35("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-48" }),
-          /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsx35("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-48" }),
-            /* @__PURE__ */ jsx35("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx35("div", { className: "h-10 bg-ods-card border border-ods-border rounded-lg animate-pulse w-24" }, i)) })
+        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6 mb-20", children: [
+          /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-48" }),
+          /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-48" }),
+            /* @__PURE__ */ jsx34("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx34("div", { className: "h-10 bg-ods-card border border-ods-border rounded-lg animate-pulse w-24" }, i)) })
           ] }),
-          /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsx35("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-52" }),
-            /* @__PURE__ */ jsx35("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx35("div", { className: "h-10 bg-ods-card border border-ods-border rounded-lg animate-pulse w-28" }, i)) })
+          /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-52" }),
+            /* @__PURE__ */ jsx34("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx34("div", { className: "h-10 bg-ods-card border border-ods-border rounded-lg animate-pulse w-28" }, i)) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx35("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-64" }),
-          /* @__PURE__ */ jsx35("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 md:p-8", children: /* @__PURE__ */ jsxs27("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsx35("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse" }),
-            /* @__PURE__ */ jsx35("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse" }),
-            /* @__PURE__ */ jsx35("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-5/6" }),
-            /* @__PURE__ */ jsx35("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-4/5" })
+        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6 mb-20", children: [
+          /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-64" }),
+          /* @__PURE__ */ jsx34("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 md:p-8", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse" }),
+            /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse" }),
+            /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-5/6" }),
+            /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-4/5" })
           ] }) })
         ] }),
-        /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx35("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-72" }),
-          /* @__PURE__ */ jsx35("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-4", children: [
-            /* @__PURE__ */ jsx35("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded flex-shrink-0 animate-pulse" }),
-            /* @__PURE__ */ jsxs27("div", { className: "flex-1 space-y-2", children: [
-              /* @__PURE__ */ jsx35("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
-              /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
+        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6 mb-20", children: [
+          /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-72" }),
+          /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-4", children: [
+            /* @__PURE__ */ jsx34("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded flex-shrink-0 animate-pulse" }),
+            /* @__PURE__ */ jsxs26("div", { className: "flex-1 space-y-2", children: [
+              /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
+              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
             ] })
           ] }, i)) })
         ] }),
-        /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx35("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-80" }),
-          /* @__PURE__ */ jsxs27("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-            /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx35("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-16" }),
-              Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3", children: [
-                /* @__PURE__ */ jsx35("div", { className: "w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse" }),
-                /* @__PURE__ */ jsxs27("div", { className: "flex-1 space-y-2", children: [
-                  /* @__PURE__ */ jsx35("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
-                  /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
+        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6 mb-20", children: [
+          /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-80" }),
+          /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
+            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6", children: [
+              /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-16" }),
+              Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3", children: [
+                /* @__PURE__ */ jsx34("div", { className: "w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse" }),
+                /* @__PURE__ */ jsxs26("div", { className: "flex-1 space-y-2", children: [
+                  /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
+                  /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
                 ] })
               ] }, i))
             ] }),
-            /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx35("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-16" }),
-              Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3", children: [
-                /* @__PURE__ */ jsx35("div", { className: "w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse" }),
-                /* @__PURE__ */ jsxs27("div", { className: "flex-1 space-y-2", children: [
-                  /* @__PURE__ */ jsx35("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
-                  /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
+            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6", children: [
+              /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-16" }),
+              Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3", children: [
+                /* @__PURE__ */ jsx34("div", { className: "w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse" }),
+                /* @__PURE__ */ jsxs26("div", { className: "flex-1 space-y-2", children: [
+                  /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
+                  /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
                 ] })
               ] }, i))
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx35("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-72" }),
-          /* @__PURE__ */ jsx35("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 space-y-4", children: [
-            /* @__PURE__ */ jsxs27("div", { className: "flex items-start gap-4", children: [
-              /* @__PURE__ */ jsx35("div", { className: "w-16 h-16 bg-ods-bg border border-ods-border rounded-lg animate-pulse flex-shrink-0" }),
-              /* @__PURE__ */ jsxs27("div", { className: "flex-1 space-y-2", children: [
-                /* @__PURE__ */ jsx35("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-1/2" })
+        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6 mb-20", children: [
+          /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-72" }),
+          /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 space-y-4", children: [
+            /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-4", children: [
+              /* @__PURE__ */ jsx34("div", { className: "w-16 h-16 bg-ods-bg border border-ods-border rounded-lg animate-pulse flex-shrink-0" }),
+              /* @__PURE__ */ jsxs26("div", { className: "flex-1 space-y-2", children: [
+                /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-1/2" })
               ] }),
-              /* @__PURE__ */ jsx35("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-20" })
+              /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-20" })
             ] }),
-            /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" }),
-              /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-5/6" }),
-              /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-4/5" })
+            /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" }),
+              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-5/6" }),
+              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-4/5" })
             ] }),
-            /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between pt-2 border-t border-ods-border", children: [
-              /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-16" }),
-              /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" })
+            /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between pt-2 border-t border-ods-border", children: [
+              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-16" }),
+              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" })
             ] })
           ] }, i)) }),
-          /* @__PURE__ */ jsx35("div", { className: "h-12 bg-[#2A2A2A] rounded-md animate-pulse" })
+          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-[#2A2A2A] rounded-md animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx35("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-64" }),
-          /* @__PURE__ */ jsx35("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs27("div", { className: "flex gap-3", children: [
-            /* @__PURE__ */ jsxs27("div", { className: "flex-1 bg-ods-bg border border-ods-border rounded-lg overflow-hidden", children: [
-              /* @__PURE__ */ jsxs27("div", { className: "border-b border-ods-border p-3", children: [
-                /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8 mb-2" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-full" })
+        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6 mb-20", children: [
+          /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-64" }),
+          /* @__PURE__ */ jsx34("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs26("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ jsxs26("div", { className: "flex-1 bg-ods-bg border border-ods-border rounded-lg overflow-hidden", children: [
+              /* @__PURE__ */ jsxs26("div", { className: "border-b border-ods-border p-3", children: [
+                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8 mb-2" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-full" })
               ] }),
-              /* @__PURE__ */ jsxs27("div", { className: "p-3", children: [
-                /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-16 mb-2" }),
-                /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-full" }),
-                  /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
-                  /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-1/2" })
+              /* @__PURE__ */ jsxs26("div", { className: "p-3", children: [
+                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-16 mb-2" }),
+                /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-full" }),
+                  /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
+                  /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-1/2" })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsx35("div", { className: "flex items-stretch", children: /* @__PURE__ */ jsx35("div", { className: "h-[120px] w-20 bg-[#2A2A2A] rounded-lg animate-pulse" }) })
+            /* @__PURE__ */ jsx34("div", { className: "flex items-stretch", children: /* @__PURE__ */ jsx34("div", { className: "h-[120px] w-20 bg-[#2A2A2A] rounded-lg animate-pulse" }) })
           ] }) }),
-          /* @__PURE__ */ jsx35("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4", children: [
-            /* @__PURE__ */ jsx35("div", { className: "flex flex-col gap-3 mb-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2", children: /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 bg-ods-card border border-ods-border rounded-lg py-2 px-3", children: [
-                /* @__PURE__ */ jsx35("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded-lg animate-pulse" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" })
+          /* @__PURE__ */ jsx34("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4", children: [
+            /* @__PURE__ */ jsx34("div", { className: "flex flex-col gap-3 mb-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2", children: /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 bg-ods-card border border-ods-border rounded-lg py-2 px-3", children: [
+                /* @__PURE__ */ jsx34("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded-lg animate-pulse" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" })
               ] }),
-              /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" })
+              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" })
             ] }) }),
-            /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx35("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
-              /* @__PURE__ */ jsxs27("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-full" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-4/5" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-3/5" })
+            /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
+              /* @__PURE__ */ jsxs26("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-full" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-4/5" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-3/5" })
               ] })
             ] })
           ] }, i)) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx35("div", { className: "hidden lg:block w-[290px] flex-shrink-0", children: /* @__PURE__ */ jsxs27("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx35("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-        /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx35("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-          /* @__PURE__ */ jsx35("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" })
+      /* @__PURE__ */ jsx34("div", { className: "hidden lg:block w-[290px] flex-shrink-0", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+        /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsxs27("div", { className: "border border-ods-border rounded-lg overflow-hidden", children: [
-          /* @__PURE__ */ jsxs27("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx35("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded animate-pulse" }),
-            /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" }),
-              /* @__PURE__ */ jsx35("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-12" })
+        /* @__PURE__ */ jsxs26("div", { className: "border border-ods-border rounded-lg overflow-hidden", children: [
+          /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx34("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded animate-pulse" }),
+            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" }),
+              /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-12" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx35("div", { className: "p-4 space-y-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx35("div", { className: "w-6 h-6 bg-[#2A2A2A] rounded animate-pulse" }),
-            /* @__PURE__ */ jsxs27("div", { className: "flex items-end gap-1", children: [
-              /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" }),
-              /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8" })
+          /* @__PURE__ */ jsx34("div", { className: "p-4 space-y-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx34("div", { className: "w-6 h-6 bg-[#2A2A2A] rounded animate-pulse" }),
+            /* @__PURE__ */ jsxs26("div", { className: "flex items-end gap-1", children: [
+              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" }),
+              /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8" })
             ] })
           ] }, i)) })
         ] }),
-        /* @__PURE__ */ jsxs27("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx35("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-          /* @__PURE__ */ jsx35("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-          /* @__PURE__ */ jsx35("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" })
+        /* @__PURE__ */ jsxs26("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" })
         ] })
       ] }) })
     ] })
@@ -4711,22 +4638,22 @@ function StatsSectionSkeleton({
   className,
   columns = 3
 }) {
-  return /* @__PURE__ */ jsx35("div", { className: cn(
+  return /* @__PURE__ */ jsx34("div", { className: cn(
     "grid gap-6 mb-12 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__ */ jsx35("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs27("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "lg" }),
-    /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-3/4" }),
-    /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-3/4" })
+  ), children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsx34("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx34(MediaSkeleton.Icon, { size: "lg" }),
+    /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-3/4" }),
+    /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-3/4" })
     ] })
   ] }) }, i)) });
 }
 function BlogCardGridSkeleton({ className }) {
-  return /* @__PURE__ */ jsx35("div", { className: cn("space-y-6", className), children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34("div", { className: cn("space-y-6", className), children: /* @__PURE__ */ jsx34(
     CardSkeletonGrid,
     {
       count: 4,
@@ -4736,7 +4663,7 @@ function BlogCardGridSkeleton({ className }) {
   ) });
 }
 function VendorGridSkeleton({ className }) {
-  return /* @__PURE__ */ jsx35("div", { className: cn("space-y-6", className), children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34("div", { className: cn("space-y-6", className), children: /* @__PURE__ */ jsx34(
     CardSkeletonGrid,
     {
       count: 12,
@@ -4746,62 +4673,62 @@ function VendorGridSkeleton({ className }) {
   ) });
 }
 function SlackCommunitySkeleton() {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     "section",
     {
       className: "w-full bg-ods-bg px-4 md:px-20 lg:px-20 py-12 md:py-20",
       "aria-label": "Slack Community Loading",
-      children: /* @__PURE__ */ jsxs27("div", { className: "w-full flex flex-col gap-4 md:gap-6", children: [
-        /* @__PURE__ */ jsx35("div", { className: "w-full", children: /* @__PURE__ */ jsx35("div", { className: "h-8 md:h-12 lg:h-14 bg-[#2A2A2A] rounded-lg animate-pulse max-w-md" }) }),
-        /* @__PURE__ */ jsxs27("div", { className: "w-full flex flex-col lg:flex-row lg:justify-end lg:items-start gap-4 md:gap-6 min-w-0", children: [
-          /* @__PURE__ */ jsx35("div", { className: "w-full lg:w-[290px] lg:max-w-[290px] bg-ods-bg border border-ods-border rounded flex flex-col flex-shrink-0 overflow-hidden animate-pulse", children: /* @__PURE__ */ jsxs27("div", { className: "p-4 space-y-4", children: [
-            /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded w-24" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-16" })
+      children: /* @__PURE__ */ jsxs26("div", { className: "w-full flex flex-col gap-4 md:gap-6", children: [
+        /* @__PURE__ */ jsx34("div", { className: "w-full", children: /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-12 lg:h-14 bg-[#2A2A2A] rounded-lg animate-pulse max-w-md" }) }),
+        /* @__PURE__ */ jsxs26("div", { className: "w-full flex flex-col lg:flex-row lg:justify-end lg:items-start gap-4 md:gap-6 min-w-0", children: [
+          /* @__PURE__ */ jsx34("div", { className: "w-full lg:w-[290px] lg:max-w-[290px] bg-ods-bg border border-ods-border rounded flex flex-col flex-shrink-0 overflow-hidden animate-pulse", children: /* @__PURE__ */ jsxs26("div", { className: "p-4 space-y-4", children: [
+            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded w-24" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-16" })
               ] }),
-              /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-32" })
+              /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-32" })
             ] }),
-            /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-16 mb-2" }),
-              Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 px-2 py-3 min-h-[48px]", children: [
-                /* @__PURE__ */ jsx35("div", { className: "w-4 h-4 bg-[#2A2A2A] rounded" }),
-                /* @__PURE__ */ jsxs27("div", { className: "flex-1", children: [
-                  /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-24 mb-1" }),
-                  /* @__PURE__ */ jsx35("div", { className: "h-2 bg-[#2A2A2A] rounded w-16" })
+            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-16 mb-2" }),
+              Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 px-2 py-3 min-h-[48px]", children: [
+                /* @__PURE__ */ jsx34("div", { className: "w-4 h-4 bg-[#2A2A2A] rounded" }),
+                /* @__PURE__ */ jsxs26("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-24 mb-1" }),
+                  /* @__PURE__ */ jsx34("div", { className: "h-2 bg-[#2A2A2A] rounded w-16" })
                 ] })
               ] }, i))
             ] }),
-            /* @__PURE__ */ jsx35("div", { className: "border-t border-ods-border pt-3 mt-2", children: /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxs27("div", { className: "flex justify-between", children: [
-                /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-16" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-8" })
+            /* @__PURE__ */ jsx34("div", { className: "border-t border-ods-border pt-3 mt-2", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxs26("div", { className: "flex justify-between", children: [
+                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-16" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-8" })
               ] }),
-              /* @__PURE__ */ jsxs27("div", { className: "flex justify-between", children: [
-                /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-20" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-8" })
+              /* @__PURE__ */ jsxs26("div", { className: "flex justify-between", children: [
+                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-20" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-8" })
               ] })
             ] }) })
           ] }) }),
-          /* @__PURE__ */ jsxs27("div", { className: "flex-1 min-h-[450px] h-[450px] md:min-h-[500px] md:h-[500px] lg:min-h-[600px] lg:h-[600px] bg-ods-card border border-ods-border rounded-lg flex flex-col min-w-0 animate-pulse", children: [
-            /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between p-4 md:p-6 border-b border-ods-border bg-ods-bg h-[56px] md:h-[60px] flex-shrink-0", children: [
-              /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx35("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-3 md:w-4" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-24 md:w-32" })
+          /* @__PURE__ */ jsxs26("div", { className: "flex-1 min-h-[450px] h-[450px] md:min-h-[500px] md:h-[500px] lg:min-h-[600px] lg:h-[600px] bg-ods-card border border-ods-border rounded-lg flex flex-col min-w-0 animate-pulse", children: [
+            /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between p-4 md:p-6 border-b border-ods-border bg-ods-bg h-[56px] md:h-[60px] flex-shrink-0", children: [
+              /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx34("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-3 md:w-4" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-24 md:w-32" })
               ] }),
-              /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-12 md:w-16" })
+              /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-12 md:w-16" })
             ] }),
-            /* @__PURE__ */ jsx35("div", { className: "flex-1 bg-ods-bg p-4 md:p-6 space-y-3 md:space-y-4 overflow-hidden min-h-[280px] md:min-h-[320px] lg:min-h-[420px]", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs27("div", { className: "flex gap-2 md:gap-3", children: [
-              /* @__PURE__ */ jsx35("div", { className: "w-10 h-10 md:w-12 md:h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
-              /* @__PURE__ */ jsxs27("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 mb-1", children: [
-                  /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-16 md:w-20" }),
-                  /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-12 md:w-16" })
+            /* @__PURE__ */ jsx34("div", { className: "flex-1 bg-ods-bg p-4 md:p-6 space-y-3 md:space-y-4 overflow-hidden min-h-[280px] md:min-h-[320px] lg:min-h-[420px]", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "flex gap-2 md:gap-3", children: [
+              /* @__PURE__ */ jsx34("div", { className: "w-10 h-10 md:w-12 md:h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
+              /* @__PURE__ */ jsxs26("div", { className: "flex-1", children: [
+                /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 mb-1", children: [
+                  /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-16 md:w-20" }),
+                  /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-12 md:w-16" })
                 ] }),
-                /* @__PURE__ */ jsx35("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-full" })
+                /* @__PURE__ */ jsx34("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-full" })
               ] })
             ] }, i)) }),
-            /* @__PURE__ */ jsx35("div", { className: "p-4 md:p-6 border-t border-ods-border bg-ods-card h-[72px] md:h-[80px] flex-shrink-0", children: /* @__PURE__ */ jsx35("div", { className: "flex items-end gap-3 justify-center md:justify-end", children: /* @__PURE__ */ jsx35("div", { className: "h-10 md:h-12 bg-[#2A2A2A] rounded-lg w-28 md:w-32" }) }) })
+            /* @__PURE__ */ jsx34("div", { className: "p-4 md:p-6 border-t border-ods-border bg-ods-card h-[72px] md:h-[80px] flex-shrink-0", children: /* @__PURE__ */ jsx34("div", { className: "flex items-end gap-3 justify-center md:justify-end", children: /* @__PURE__ */ jsx34("div", { className: "h-10 md:h-12 bg-[#2A2A2A] rounded-lg w-28 md:w-32" }) }) })
           ] })
         ] })
       ] })
@@ -4811,13 +4738,13 @@ function SlackCommunitySkeleton() {
 
 // src/components/loading/content-skeleton.tsx
 init_cn();
-import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
 function ParagraphSkeleton({
   className,
   lines = 4
 }) {
   const lineWidths = ["w-full", "w-full", "w-5/6", "w-3/4", "w-4/5", "w-2/3"];
-  return /* @__PURE__ */ jsx36("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx35(
     TextSkeleton.Body,
     {
       className: lineWidths[index % lineWidths.length]
@@ -4831,14 +4758,14 @@ function ListSkeleton({
   showIcons = false,
   showActions = false
 }) {
-  return /* @__PURE__ */ jsx36("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-3", children: [
-      showIcons && /* @__PURE__ */ jsx36(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-32 md:w-48" })
+  return /* @__PURE__ */ jsx35("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
+      showIcons && /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-32 md:w-48" })
     ] }),
-    showActions && /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-8" }),
-      /* @__PURE__ */ jsx36(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
+    showActions && /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-8" }),
+      /* @__PURE__ */ jsx35(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
     ] })
   ] }, index)) });
 }
@@ -4847,14 +4774,14 @@ function TableSkeleton({
   rows = 5,
   columns = 4
 }) {
-  return /* @__PURE__ */ jsxs28("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsx36("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx36(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
-    /* @__PURE__ */ jsx36("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs27("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsx35("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
+    /* @__PURE__ */ jsx35("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx35(
       "div",
       {
         className: "grid gap-4 py-2 border-b border-ods-divider",
         style: { gridTemplateColumns: `repeat(${columns}, 1fr)` },
-        children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
+        children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
       },
       rowIndex
     )) })
@@ -4864,15 +4791,15 @@ function FormSkeleton({
   className,
   fields = 4
 }) {
-  return /* @__PURE__ */ jsxs28("div", { className: cn("space-y-6", className), children: [
-    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ jsxs28("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-24" }),
-      /* @__PURE__ */ jsx36(InteractiveSkeleton.Input, {}),
-      index % 3 === 0 && /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-48" })
+  return /* @__PURE__ */ jsxs27("div", { className: cn("space-y-6", className), children: [
+    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-24" }),
+      /* @__PURE__ */ jsx35(InteractiveSkeleton.Input, {}),
+      index % 3 === 0 && /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-48" })
     ] }, index)),
-    /* @__PURE__ */ jsxs28("div", { className: "flex gap-4 pt-4", children: [
-      /* @__PURE__ */ jsx36(InteractiveSkeleton.Button, {}),
-      /* @__PURE__ */ jsx36(InteractiveSkeleton.Button, { className: "bg-ods-border" })
+    /* @__PURE__ */ jsxs27("div", { className: "flex gap-4 pt-4", children: [
+      /* @__PURE__ */ jsx35(InteractiveSkeleton.Button, {}),
+      /* @__PURE__ */ jsx35(InteractiveSkeleton.Button, { className: "bg-ods-border" })
     ] })
   ] });
 }
@@ -4881,7 +4808,7 @@ function NavigationSkeleton({
   items = 6,
   horizontal = true
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     "nav",
     {
       className: cn(
@@ -4891,7 +4818,7 @@ function NavigationSkeleton({
       ),
       role: "status",
       "aria-label": "Loading navigation",
-      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
+      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
     }
   );
 }
@@ -4900,32 +4827,32 @@ function ProfileSkeleton({
   showBio = true,
   showStats = true
 }) {
-  return /* @__PURE__ */ jsxs28("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs28("div", { className: "flex items-start gap-4", children: [
-      /* @__PURE__ */ jsx36(MediaSkeleton.Avatar, { size: "lg" }),
-      /* @__PURE__ */ jsxs28("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx36(TextSkeleton.Subheading, { className: "w-1/2" }),
-        /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-2/3" })
+  return /* @__PURE__ */ jsxs27("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ jsx35(MediaSkeleton.Avatar, { size: "lg" }),
+      /* @__PURE__ */ jsxs27("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-1/2" }),
+        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }),
-    showBio && /* @__PURE__ */ jsxs28("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-4/5" }),
-      /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-3/4" })
+    showBio && /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-4/5" }),
+      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-3/4" })
     ] }),
-    showStats && /* @__PURE__ */ jsxs28("div", { className: "flex gap-6", children: [
-      /* @__PURE__ */ jsxs28("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx36(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-12 mx-auto" })
+    showStats && /* @__PURE__ */ jsxs27("div", { className: "flex gap-6", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-12 mx-auto" })
       ] }),
-      /* @__PURE__ */ jsxs28("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx36(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-16 mx-auto" })
+      /* @__PURE__ */ jsxs27("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-16 mx-auto" })
       ] }),
-      /* @__PURE__ */ jsxs28("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx36(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-14 mx-auto" })
+      /* @__PURE__ */ jsxs27("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-14 mx-auto" })
       ] })
     ] })
   ] });
@@ -4935,34 +4862,34 @@ function CommentSkeleton({
   showRating = false,
   showReplies = false
 }) {
-  return /* @__PURE__ */ jsxs28("div", { className: cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx36(MediaSkeleton.Avatar, { size: "sm" }),
-      /* @__PURE__ */ jsxs28("div", { className: "flex-1 flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-24" }),
-        /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-16" }),
-        showRating && /* @__PURE__ */ jsx36("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx36(MediaSkeleton.Icon, { size: "sm" }, i)) })
+  return /* @__PURE__ */ jsxs27("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx35(MediaSkeleton.Avatar, { size: "sm" }),
+      /* @__PURE__ */ jsxs27("div", { className: "flex-1 flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-24" }),
+        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-16" }),
+        showRating && /* @__PURE__ */ jsx35("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm" }, i)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "ml-11 space-y-2", children: [
-      /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-3/4" }),
-      /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-1/2" })
+    /* @__PURE__ */ jsxs27("div", { className: "ml-11 space-y-2", children: [
+      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-3/4" }),
+      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "ml-11 flex gap-4", children: [
-      /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-12" }),
-      /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-16" }),
-      /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-8" })
+    /* @__PURE__ */ jsxs27("div", { className: "ml-11 flex gap-4", children: [
+      /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-12" }),
+      /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-16" }),
+      /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-8" })
     ] }),
-    showReplies && /* @__PURE__ */ jsx36("div", { className: "ml-11 pl-4 border-l border-ods-divider space-y-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs28("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx36(MediaSkeleton.Avatar, { size: "sm" }),
-        /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-20" }),
-        /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-12" })
+    showReplies && /* @__PURE__ */ jsx35("div", { className: "ml-11 pl-4 border-l border-ods-divider space-y-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx35(MediaSkeleton.Avatar, { size: "sm" }),
+        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-20" }),
+        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-12" })
       ] }),
-      /* @__PURE__ */ jsxs28("div", { className: "ml-11", children: [
-        /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-2/3" })
+      /* @__PURE__ */ jsxs27("div", { className: "ml-11", children: [
+        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }, index)) })
   ] });
@@ -4974,35 +4901,35 @@ function FeatureListSkeleton({
   grouped = false
 }) {
   if (grouped) {
-    return /* @__PURE__ */ jsx36("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs28("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx36(TextSkeleton.Subheading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx36("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-3", children: [
-        showIcons && /* @__PURE__ */ jsx36(MediaSkeleton.Icon, { size: "sm" }),
-        /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-2/3" })
+    return /* @__PURE__ */ jsx35("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs27("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx35("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
+        showIcons && /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm" }),
+        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-2/3" })
       ] }, featureIndex)) })
     ] }, groupIndex)) });
   }
-  return /* @__PURE__ */ jsx36("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-3", children: [
-    showIcons && /* @__PURE__ */ jsx36(MediaSkeleton.Icon, { size: "sm" }),
-    /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-2/3" })
+  return /* @__PURE__ */ jsx35("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
+    showIcons && /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm" }),
+    /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-2/3" })
   ] }, index)) });
 }
 function TimelineSkeleton({
   className,
   items = 5
 }) {
-  return /* @__PURE__ */ jsx36("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs28("div", { className: "flex gap-4", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx36(MediaSkeleton.Icon, { size: "sm" }),
-      index < items - 1 && /* @__PURE__ */ jsx36("div", { className: "w-px h-12 bg-ods-border mt-2" })
+  return /* @__PURE__ */ jsx35("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs27("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm" }),
+      index < items - 1 && /* @__PURE__ */ jsx35("div", { className: "w-px h-12 bg-ods-border mt-2" })
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-16" })
+    /* @__PURE__ */ jsxs27("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-16" })
       ] }),
-      /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-3/4" })
+      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-3/4" })
     ] })
   ] }, index)) });
 }
@@ -5010,54 +4937,54 @@ function PricingSkeleton({
   className,
   plans = 3
 }) {
-  return /* @__PURE__ */ jsx36("div", { className: cn(
+  return /* @__PURE__ */ jsx35("div", { className: cn(
     "grid gap-6",
     plans === 2 && "grid-cols-1 md:grid-cols-2",
     plans === 3 && "grid-cols-1 md:grid-cols-3",
     plans === 4 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
     className
-  ), children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ jsx36("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs28("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx36(TextSkeleton.Subheading, { className: "w-1/2" }),
-    /* @__PURE__ */ jsxs28("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx36(TextSkeleton.Heading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-1/4" })
+  ), children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ jsx35("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs27("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-1/2" }),
+    /* @__PURE__ */ jsxs27("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx35(TextSkeleton.Heading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-1/4" })
     ] }),
-    /* @__PURE__ */ jsx36("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx36(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-3/4" })
+    /* @__PURE__ */ jsx35("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-3/4" })
     ] }, featureIndex)) }),
-    /* @__PURE__ */ jsx36(InteractiveSkeleton.Button, { className: "w-full" })
+    /* @__PURE__ */ jsx35(InteractiveSkeleton.Button, { className: "w-full" })
   ] }) }, index)) });
 }
 
 // src/components/profile/ProfileLoadingSkeleton.tsx
 init_cn();
-import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
 function ProfileLoadingSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs29("div", { className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsxs29("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ jsx37("div", { className: "h-16 w-16 bg-gray-200 rounded-full animate-pulse" }),
-      /* @__PURE__ */ jsxs29("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx37("div", { className: "h-4 w-32 bg-gray-200 rounded animate-pulse" }),
-        /* @__PURE__ */ jsx37("div", { className: "h-3 w-24 bg-gray-200 rounded animate-pulse" })
+  return /* @__PURE__ */ jsxs28("div", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-4", children: [
+      /* @__PURE__ */ jsx36("div", { className: "h-16 w-16 bg-gray-200 rounded-full animate-pulse" }),
+      /* @__PURE__ */ jsxs28("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx36("div", { className: "h-4 w-32 bg-gray-200 rounded animate-pulse" }),
+        /* @__PURE__ */ jsx36("div", { className: "h-3 w-24 bg-gray-200 rounded animate-pulse" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs29("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx37("div", { className: "h-4 w-full bg-gray-200 rounded animate-pulse" }),
-      /* @__PURE__ */ jsx37("div", { className: "h-4 w-3/4 bg-gray-200 rounded animate-pulse" }),
-      /* @__PURE__ */ jsx37("div", { className: "h-4 w-1/2 bg-gray-200 rounded animate-pulse" })
+    /* @__PURE__ */ jsxs28("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx36("div", { className: "h-4 w-full bg-gray-200 rounded animate-pulse" }),
+      /* @__PURE__ */ jsx36("div", { className: "h-4 w-3/4 bg-gray-200 rounded animate-pulse" }),
+      /* @__PURE__ */ jsx36("div", { className: "h-4 w-1/2 bg-gray-200 rounded animate-pulse" })
     ] })
   ] });
 }
 
 // src/components/loading/msp-profile-form-skeleton.tsx
 init_cn();
-import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
 function MspProfileFormSkeleton({
   className,
   fields = 4
 }) {
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       className: cn(
@@ -5067,13 +4994,13 @@ function MspProfileFormSkeleton({
       role: "status",
       "aria-label": "Loading MSP profile form",
       children: [
-        /* @__PURE__ */ jsxs30("div", { className: "flex flex-col space-y-2 h-full", children: [
-          /* @__PURE__ */ jsx38(TextSkeleton.Body, { className: "w-28" }),
-          /* @__PURE__ */ jsx38("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx38(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
+        /* @__PURE__ */ jsxs29("div", { className: "flex flex-col space-y-2 h-full", children: [
+          /* @__PURE__ */ jsx37(TextSkeleton.Body, { className: "w-28" }),
+          /* @__PURE__ */ jsx37("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx37(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
         ] }),
-        /* @__PURE__ */ jsx38("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs30("div", { className: "space-y-2 flex flex-col", children: [
-          /* @__PURE__ */ jsx38(TextSkeleton.Body, { className: "w-40" }),
-          /* @__PURE__ */ jsx38(InteractiveSkeleton.Input, {})
+        /* @__PURE__ */ jsx37("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs29("div", { className: "space-y-2 flex flex-col", children: [
+          /* @__PURE__ */ jsx37(TextSkeleton.Body, { className: "w-40" }),
+          /* @__PURE__ */ jsx37(InteractiveSkeleton.Input, {})
         ] }, idx)) })
       ]
     }
@@ -5082,9 +5009,9 @@ function MspProfileFormSkeleton({
 
 // src/components/loading/category-card-skeleton.tsx
 init_cn();
-import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
 function CategoryCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs30(
     "article",
     {
       className: cn(
@@ -5094,7 +5021,7 @@ function CategoryCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading category card",
       children: [
-        /* @__PURE__ */ jsx39("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx38("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx38(
           UnifiedSkeleton,
           {
             variant: "circular",
@@ -5103,12 +5030,12 @@ function CategoryCardSkeleton({ className }) {
           },
           i
         )) }),
-        /* @__PURE__ */ jsxs31("div", { className: "flex-1 flex flex-col space-y-3", children: [
-          /* @__PURE__ */ jsx39(TextSkeleton.Heading, { className: "w-3/4" }),
-          /* @__PURE__ */ jsx39(TextSkeleton.Body, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx39(TextSkeleton.Body, { className: "w-full" })
+        /* @__PURE__ */ jsxs30("div", { className: "flex-1 flex flex-col space-y-3", children: [
+          /* @__PURE__ */ jsx38(TextSkeleton.Heading, { className: "w-3/4" }),
+          /* @__PURE__ */ jsx38(TextSkeleton.Body, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx38(TextSkeleton.Body, { className: "w-full" })
         ] }),
-        /* @__PURE__ */ jsx39("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx39(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
+        /* @__PURE__ */ jsx38("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx38(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
       ]
     }
   );
@@ -5116,22 +5043,22 @@ function CategoryCardSkeleton({ className }) {
 
 // src/components/loading/category-vendor-selector-skeleton.tsx
 init_cn();
-import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
 function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
       className: cn("bg-ods-card border border-ods-border rounded-lg p-6", className),
       role: "status",
       "aria-label": "Loading category section",
       children: [
-        /* @__PURE__ */ jsxs32("div", { className: "mb-6 space-y-2 max-w-xl", children: [
-          /* @__PURE__ */ jsx40(TextSkeleton.Heading, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx40(TextSkeleton.Body, { className: "w-3/4" })
+        /* @__PURE__ */ jsxs31("div", { className: "mb-6 space-y-2 max-w-xl", children: [
+          /* @__PURE__ */ jsx39(TextSkeleton.Heading, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx39(TextSkeleton.Body, { className: "w-3/4" })
         ] }),
-        /* @__PURE__ */ jsx40("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs32("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx40(TextSkeleton.Subheading, { className: "w-1/3" }),
-          /* @__PURE__ */ jsx40("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx40(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
+        /* @__PURE__ */ jsx39("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs31("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx39(TextSkeleton.Subheading, { className: "w-1/3" }),
+          /* @__PURE__ */ jsx39("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx39(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
         ] }, idx)) })
       ]
     }
@@ -5140,90 +5067,90 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
 
 // src/components/loading/wizard-layout-skeleton.tsx
 init_cn();
-import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
 function WizardLayoutSkeleton({ steps = 6, className }) {
-  return /* @__PURE__ */ jsxs33("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
-    /* @__PURE__ */ jsx41("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx41(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
-    /* @__PURE__ */ jsxs33("div", { className: "space-y-2 max-w-2xl", children: [
-      /* @__PURE__ */ jsx41(TextSkeleton.Heading, { className: "w-2/3" }),
-      /* @__PURE__ */ jsx41(TextSkeleton.Body, { className: "w-1/2" })
+  return /* @__PURE__ */ jsxs32("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
+    /* @__PURE__ */ jsx40("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx40(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
+    /* @__PURE__ */ jsxs32("div", { className: "space-y-2 max-w-2xl", children: [
+      /* @__PURE__ */ jsx40(TextSkeleton.Heading, { className: "w-2/3" }),
+      /* @__PURE__ */ jsx40(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__PURE__ */ jsxs33("div", { className: "flex justify-between mt-10", children: [
-      /* @__PURE__ */ jsx41(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
-      /* @__PURE__ */ jsx41(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
+    /* @__PURE__ */ jsxs32("div", { className: "flex justify-between mt-10", children: [
+      /* @__PURE__ */ jsx40(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
+      /* @__PURE__ */ jsx40(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
     ] })
   ] });
 }
 
 // src/components/loading/margin-report-skeleton.tsx
-import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
 function MarginReportSkeleton({ animate = true, description, overlayContent }) {
-  return /* @__PURE__ */ jsxs34("main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
-    /* @__PURE__ */ jsxs34("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
-      /* @__PURE__ */ jsxs34("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx42("div", { className: "h-10 w-72 bg-[#2A2A2A] rounded" }),
-        /* @__PURE__ */ jsx42("div", { className: "h-4 w-80 bg-[#2A2A2A] rounded" })
+  return /* @__PURE__ */ jsxs33("main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
+    /* @__PURE__ */ jsxs33("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
+      /* @__PURE__ */ jsxs33("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx41("div", { className: "h-10 w-72 bg-[#2A2A2A] rounded" }),
+        /* @__PURE__ */ jsx41("div", { className: "h-4 w-80 bg-[#2A2A2A] rounded" })
       ] }),
-      /* @__PURE__ */ jsx42("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx42("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) }),
-      /* @__PURE__ */ jsxs34("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-        /* @__PURE__ */ jsxs34("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex items-center gap-4 animate-pulse", children: [
-          /* @__PURE__ */ jsx42("div", { className: "w-14 h-14 rounded-lg bg-[#2A2A2A]" }),
-          /* @__PURE__ */ jsxs34("div", { className: "flex-1 space-y-2", children: [
-            /* @__PURE__ */ jsx42("div", { className: "h-4 bg-[#2A2A2A] rounded w-3/4" }),
-            /* @__PURE__ */ jsx42("div", { className: "h-3 bg-[#2A2A2A] rounded w-1/2" })
+      /* @__PURE__ */ jsx41("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx41("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsxs33("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+        /* @__PURE__ */ jsxs33("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex items-center gap-4 animate-pulse", children: [
+          /* @__PURE__ */ jsx41("div", { className: "w-14 h-14 rounded-lg bg-[#2A2A2A]" }),
+          /* @__PURE__ */ jsxs33("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx41("div", { className: "h-4 bg-[#2A2A2A] rounded w-3/4" }),
+            /* @__PURE__ */ jsx41("div", { className: "h-3 bg-[#2A2A2A] rounded w-1/2" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs34("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex flex-col gap-4 animate-pulse", children: [
-          /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx42("div", { className: "w-10 h-10 rounded-lg bg-[#2A2A2A]" }),
-              /* @__PURE__ */ jsxs34("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx42("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
-                /* @__PURE__ */ jsx42("div", { className: "h-3 w-20 bg-[#2A2A2A] rounded" })
+        /* @__PURE__ */ jsxs33("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex flex-col gap-4 animate-pulse", children: [
+          /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx41("div", { className: "w-10 h-10 rounded-lg bg-[#2A2A2A]" }),
+              /* @__PURE__ */ jsxs33("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx41("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
+                /* @__PURE__ */ jsx41("div", { className: "h-3 w-20 bg-[#2A2A2A] rounded" })
               ] })
             ] }),
-            /* @__PURE__ */ jsx42("div", { className: "h-6 w-36 bg-[#2A2A2A] rounded" })
+            /* @__PURE__ */ jsx41("div", { className: "h-6 w-36 bg-[#2A2A2A] rounded" })
           ] }),
-          /* @__PURE__ */ jsx42("div", { className: "h-4 w-40 bg-[#2A2A2A] rounded mt-4" })
+          /* @__PURE__ */ jsx41("div", { className: "h-4 w-40 bg-[#2A2A2A] rounded mt-4" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx42("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs34("div", { className: "bg-ods-card border border-ods-border rounded-lg overflow-hidden flex flex-col animate-pulse", children: [
-        /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ jsx42("div", { className: "h-6 w-40 bg-[#2A2A2A] rounded" }),
-          /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx42("div", { className: "h-5 w-20 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx42("div", { className: "h-4 w-10 bg-[#2A2A2A] rounded" })
+      /* @__PURE__ */ jsx41("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs33("div", { className: "bg-ods-card border border-ods-border rounded-lg overflow-hidden flex flex-col animate-pulse", children: [
+        /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsx41("div", { className: "h-6 w-40 bg-[#2A2A2A] rounded" }),
+          /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx41("div", { className: "h-5 w-20 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx41("div", { className: "h-4 w-10 bg-[#2A2A2A] rounded" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx42("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs34("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-3 min-w-0", children: [
-            /* @__PURE__ */ jsx42("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
-            /* @__PURE__ */ jsxs34("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsx42("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
-              /* @__PURE__ */ jsx42("div", { className: "hidden md:block h-3 w-24 bg-[#2A2A2A] rounded mt-1" })
+        /* @__PURE__ */ jsx41("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs33("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsx41("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
+            /* @__PURE__ */ jsxs33("div", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ jsx41("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
+              /* @__PURE__ */ jsx41("div", { className: "hidden md:block h-3 w-24 bg-[#2A2A2A] rounded mt-1" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-            /* @__PURE__ */ jsx42("div", { className: "h-4 w-16 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx42("div", { className: "h-3 w-8 bg-[#2A2A2A] rounded" })
+          /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+            /* @__PURE__ */ jsx41("div", { className: "h-4 w-16 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx41("div", { className: "h-3 w-8 bg-[#2A2A2A] rounded" })
           ] })
         ] }, j)) })
       ] }, idx)) }),
-      /* @__PURE__ */ jsx42("div", { className: "h-6 w-60 bg-[#2A2A2A] rounded" }),
-      /* @__PURE__ */ jsx42("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx42("div", { className: "h-48 bg-ods-card border border-ods-border rounded" }, i)) }),
-      /* @__PURE__ */ jsxs34("div", { className: "border border-ods-border rounded-3xl p-8 space-y-6", children: [
-        /* @__PURE__ */ jsxs34("div", { className: "flex items-start gap-6", children: [
-          /* @__PURE__ */ jsxs34("div", { className: "flex-1 space-y-2 min-w-0", children: [
-            /* @__PURE__ */ jsx42("div", { className: "h-8 w-72 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx42("div", { className: "h-4 w-3/4 bg-[#2A2A2A] rounded" })
+      /* @__PURE__ */ jsx41("div", { className: "h-6 w-60 bg-[#2A2A2A] rounded" }),
+      /* @__PURE__ */ jsx41("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx41("div", { className: "h-48 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsxs33("div", { className: "border border-ods-border rounded-3xl p-8 space-y-6", children: [
+        /* @__PURE__ */ jsxs33("div", { className: "flex items-start gap-6", children: [
+          /* @__PURE__ */ jsxs33("div", { className: "flex-1 space-y-2 min-w-0", children: [
+            /* @__PURE__ */ jsx41("div", { className: "h-8 w-72 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx41("div", { className: "h-4 w-3/4 bg-[#2A2A2A] rounded" })
           ] }),
-          /* @__PURE__ */ jsx42("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-md shrink-0" })
+          /* @__PURE__ */ jsx41("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-md shrink-0" })
         ] }),
-        /* @__PURE__ */ jsx42("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx42("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
+        /* @__PURE__ */ jsx41("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx41("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
       ] })
     ] }),
-    overlayContent && /* @__PURE__ */ jsx42("div", { className: "absolute inset-0 bg-ods-card/80 z-10 rounded-lg pointer-events-none", children: /* @__PURE__ */ jsxs34("div", { className: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-auto flex flex-col items-center gap-4 text-center px-4", children: [
-      description && /* @__PURE__ */ jsx42("h3", { children: description }),
+    overlayContent && /* @__PURE__ */ jsx41("div", { className: "absolute inset-0 bg-ods-card/80 z-10 rounded-lg pointer-events-none", children: /* @__PURE__ */ jsxs33("div", { className: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-auto flex flex-col items-center gap-4 text-center px-4", children: [
+      description && /* @__PURE__ */ jsx41("h3", { children: description }),
       overlayContent
     ] }) })
   ] });
@@ -5231,18 +5158,18 @@ function MarginReportSkeleton({ animate = true, description, overlayContent }) {
 
 // src/components/loading/users-grid-skeleton.tsx
 init_cn();
-import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
 function UsersGridSkeleton({ rows = 10, className }) {
   const skeletonRows = Array.from({ length: rows });
-  return /* @__PURE__ */ jsx43("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs35("table", { className: "min-w-full divide-y divide-ods-border", children: [
-    /* @__PURE__ */ jsx43("thead", { className: "bg-[#2A2A2A]", children: /* @__PURE__ */ jsx43("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx43("th", { className: "px-4 py-3 text-left text-[12px] font-medium text-ods-text-primary font-['DM_Sans']", children: h }, h)) }) }),
-    /* @__PURE__ */ jsx43("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx43("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx43("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx43("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
+  return /* @__PURE__ */ jsx42("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs34("table", { className: "min-w-full divide-y divide-ods-border", children: [
+    /* @__PURE__ */ jsx42("thead", { className: "bg-[#2A2A2A]", children: /* @__PURE__ */ jsx42("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx42("th", { className: "px-4 py-3 text-left text-[12px] font-medium text-ods-text-primary font-['DM_Sans']", children: h }, h)) }) }),
+    /* @__PURE__ */ jsx42("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx42("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx42("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx42("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
   ] }) });
 }
 
 // src/components/loading/organization-icon-skeleton.tsx
 init_cn();
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var sizeClasses2 = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
@@ -5269,27 +5196,27 @@ function OrganizationIconSkeleton({
     !showBackground && "overflow-hidden",
     className
   );
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       className: containerClasses,
       role: "status",
       "aria-label": "Loading organization icon",
-      children: /* @__PURE__ */ jsx44("div", { className: "w-1/2 h-1/2 bg-ods-border rounded-sm animate-pulse" })
+      children: /* @__PURE__ */ jsx43("div", { className: "w-1/2 h-1/2 bg-ods-border rounded-sm animate-pulse" })
     }
   );
 }
 
 // src/components/loading/organization-card-skeleton.tsx
 init_cn();
-import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
 function OrganizationCardSkeleton({
   className,
   containerClassName,
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       className: cn(
@@ -5299,9 +5226,9 @@ function OrganizationCardSkeleton({
       ),
       role: "status",
       "aria-label": "Loading organization card",
-      children: /* @__PURE__ */ jsxs36("div", { className: "p-4 gap-3 flex flex-col", children: [
-        /* @__PURE__ */ jsxs36("div", { className: "flex items-start gap-3 w-full", children: [
-          /* @__PURE__ */ jsx45(
+      children: /* @__PURE__ */ jsxs35("div", { className: "p-4 gap-3 flex flex-col", children: [
+        /* @__PURE__ */ jsxs35("div", { className: "flex items-start gap-3 w-full", children: [
+          /* @__PURE__ */ jsx44(
             OrganizationIconSkeleton,
             {
               size: "xl",
@@ -5310,29 +5237,29 @@ function OrganizationCardSkeleton({
               className: "w-[60px] h-[60px]"
             }
           ),
-          /* @__PURE__ */ jsxs36("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
-            /* @__PURE__ */ jsx45(TextSkeleton.Subheading, { className: "w-3/4" }),
-            /* @__PURE__ */ jsx45(TextSkeleton.Caption, { className: "w-1/2" })
+          /* @__PURE__ */ jsxs35("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
+            /* @__PURE__ */ jsx44(TextSkeleton.Subheading, { className: "w-3/4" }),
+            /* @__PURE__ */ jsx44(TextSkeleton.Caption, { className: "w-1/2" })
           ] })
         ] }),
-        showDescription && /* @__PURE__ */ jsx45("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs36("div", { className: "space-y-1 w-full", children: [
-          /* @__PURE__ */ jsx45(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx45(TextSkeleton.Body, { className: "w-2/3" })
+        showDescription && /* @__PURE__ */ jsx44("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs35("div", { className: "space-y-1 w-full", children: [
+          /* @__PURE__ */ jsx44(TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ jsx44(TextSkeleton.Body, { className: "w-2/3" })
         ] }) }),
-        showFooter && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
-          /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
-            /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx45(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx45(TextSkeleton.Caption, { className: "w-8" })
+        showFooter && /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
+          /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
+            /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx44(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx44(TextSkeleton.Caption, { className: "w-8" })
             ] }),
-            /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx45(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx45(TextSkeleton.Caption, { className: "w-10" })
+            /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx44(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx44(TextSkeleton.Caption, { className: "w-10" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx45("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
-            /* @__PURE__ */ jsx45("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx45(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
-            /* @__PURE__ */ jsx45(TextSkeleton.Caption, { className: "w-16" })
+          /* @__PURE__ */ jsx44("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
+            /* @__PURE__ */ jsx44("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx44(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
+            /* @__PURE__ */ jsx44(TextSkeleton.Caption, { className: "w-16" })
           ] }) })
         ] })
       ] })
@@ -5346,7 +5273,7 @@ function OrganizationCardSkeletonGrid({
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       className: cn(
@@ -5355,7 +5282,7 @@ function OrganizationCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} organization cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx45(
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx44(
         OrganizationCardSkeleton,
         {
           containerClassName,
@@ -5370,9 +5297,9 @@ function OrganizationCardSkeletonGrid({
 
 // src/components/loading/device-card-skeleton.tsx
 init_cn();
-import { jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
 function DeviceCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       className: cn(
@@ -5382,19 +5309,19 @@ function DeviceCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading device card",
       children: [
-        /* @__PURE__ */ jsxs37("div", { className: "flex gap-4 items-center px-4 py-3", children: [
-          /* @__PURE__ */ jsx46("div", { className: "w-8 h-8 bg-ods-bg border border-ods-border rounded-[6px] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx46("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx46("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx46("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx46("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
+        /* @__PURE__ */ jsxs36("div", { className: "flex gap-4 items-center px-4 py-3", children: [
+          /* @__PURE__ */ jsx45("div", { className: "w-8 h-8 bg-ods-bg border border-ods-border rounded-[6px] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx45("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx45("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx45("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx45("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsxs37("div", { className: "flex gap-4 items-center px-4 py-2", children: [
-          /* @__PURE__ */ jsx46("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx46(OrganizationIconSkeleton, { size: "sm" }),
-          /* @__PURE__ */ jsx46("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx46("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
+        /* @__PURE__ */ jsxs36("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx45("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx45(OrganizationIconSkeleton, { size: "sm" }),
+          /* @__PURE__ */ jsx45("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx45("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
         ] }),
-        /* @__PURE__ */ jsxs37("div", { className: "flex gap-4 items-center px-4 py-2", children: [
-          /* @__PURE__ */ jsx46("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx46("div", { className: "flex-1", children: /* @__PURE__ */ jsx46("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
+        /* @__PURE__ */ jsxs36("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx45("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx45("div", { className: "flex-1", children: /* @__PURE__ */ jsx45("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
         ] })
       ]
     }
@@ -5404,7 +5331,7 @@ function DeviceCardSkeletonGrid({
   count = 12,
   className
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       className: cn(
@@ -5413,22 +5340,22 @@ function DeviceCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} device cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx46(DeviceCardSkeleton, {}, index))
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx45(DeviceCardSkeleton, {}, index))
     }
   );
 }
 
 // src/components/vendor-page-skeleton.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function VendorPageSkeleton() {
-  return /* @__PURE__ */ jsx47(VendorDetailLayoutSkeleton, {});
+  return /* @__PURE__ */ jsx46(VendorDetailLayoutSkeleton, {});
 }
 
 // src/components/why-it-matters.tsx
-import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
 
 // src/components/yes-no-display.tsx
-import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
 function YesNoDisplay({
   value,
   yesText = "Yes",
@@ -5437,20 +5364,20 @@ function YesNoDisplay({
   className = ""
 }) {
   if (customText) {
-    return /* @__PURE__ */ jsxs39("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx49(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx49("span", { className: "text-ods-text-primary text-[16px]", children: customText })
+    return /* @__PURE__ */ jsxs38("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx48(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx48("span", { className: "text-ods-text-primary text-[16px]", children: customText })
     ] });
   }
   if (value) {
-    return /* @__PURE__ */ jsxs39("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx49(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx49("span", { className: "text-ods-text-primary text-[16px]", children: yesText })
+    return /* @__PURE__ */ jsxs38("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx48(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx48("span", { className: "text-ods-text-primary text-[16px]", children: yesText })
     ] });
   }
-  return /* @__PURE__ */ jsxs39("div", { className: `flex items-center gap-2 ${className}`, children: [
-    /* @__PURE__ */ jsx49(XCircleIcon, { className: "h-6 w-6" }),
-    /* @__PURE__ */ jsx49("span", { className: "text-ods-text-secondary text-[16px]", children: noText })
+  return /* @__PURE__ */ jsxs38("div", { className: `flex items-center gap-2 ${className}`, children: [
+    /* @__PURE__ */ jsx48(XCircleIcon, { className: "h-6 w-6" }),
+    /* @__PURE__ */ jsx48("span", { className: "text-ods-text-secondary text-[16px]", children: noText })
   ] });
 }
 function evaluateFeatureValue(value, dataType) {
@@ -5484,16 +5411,16 @@ function evaluateFeatureValue(value, dataType) {
 }
 
 // src/components/made-with-love.tsx
-import { useState as useState7, useEffect as useEffect6 } from "react";
-import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
+import { useState as useState6, useEffect as useEffect5 } from "react";
+import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
 function MadeWithLove({
   className = "",
   size = "md",
   showOnMobile = true
 }) {
-  const [isMobile, setIsMobile] = useState7(false);
-  const [isHovered, setIsHovered] = useState7(false);
-  useEffect6(() => {
+  const [isMobile, setIsMobile] = useState6(false);
+  const [isHovered, setIsHovered] = useState6(false);
+  useEffect5(() => {
     const checkMobile = () => {
       setIsMobile(window.innerWidth < 640);
     };
@@ -5559,14 +5486,14 @@ function MadeWithLove({
     marginLeft: "4px",
     textDecoration: "none"
   };
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs39(
     "div",
     {
       style: containerStyle,
       className,
       children: [
         "Made with love by",
-        /* @__PURE__ */ jsxs40(
+        /* @__PURE__ */ jsxs39(
           "a",
           {
             href: flamingoUrl,
@@ -5576,14 +5503,14 @@ function MadeWithLove({
             onMouseEnter: () => setIsHovered(true),
             onMouseLeave: () => setIsHovered(false),
             children: [
-              /* @__PURE__ */ jsx50("div", { style: logoStyle, children: /* @__PURE__ */ jsx50(
+              /* @__PURE__ */ jsx49("div", { style: logoStyle, children: /* @__PURE__ */ jsx49(
                 FlamingoLogo2,
                 {
                   size: config.logoSize,
                   color: "#f357bb"
                 }
               ) }),
-              /* @__PURE__ */ jsx50("span", { style: textStyle, children: "Flamingo" })
+              /* @__PURE__ */ jsx49("span", { style: textStyle, children: "Flamingo" })
             ]
           }
         )
@@ -5595,7 +5522,7 @@ function MadeWithLove({
 // src/components/date-time-picker.tsx
 init_cn();
 import DatePicker2 from "react-datepicker";
-import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
 var inputClassName = cn(
   "flex h-10 w-full rounded-md border px-3 py-2 text-sm ring-offset-background",
   "file:border-0 file:bg-transparent file:text-sm file:font-medium",
@@ -5619,9 +5546,9 @@ function DateTimePicker({
   timeIntervals = 15,
   dateFormat = "MMMM d, yyyy h:mm aa"
 }) {
-  return /* @__PURE__ */ jsxs41("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsx51(Label, { className: "font-['Azeret_Mono'] text-[12px] font-semibold leading-[1em] tracking-[-0.02em] text-ods-text-secondary uppercase", children: label }),
-    /* @__PURE__ */ jsx51("div", { className: "w-full", children: /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsxs40("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsx50(Label, { className: "font-['Azeret_Mono'] text-[12px] font-semibold leading-[1em] tracking-[-0.02em] text-ods-text-secondary uppercase", children: label }),
+    /* @__PURE__ */ jsx50("div", { className: "w-full", children: /* @__PURE__ */ jsx50(
       DatePicker2,
       {
         selected: value,
@@ -5636,7 +5563,7 @@ function DateTimePicker({
         className: inputClassName
       }
     ) }),
-    /* @__PURE__ */ jsx51("style", { dangerouslySetInnerHTML: { __html: `
+    /* @__PURE__ */ jsx50("style", { dangerouslySetInnerHTML: { __html: `
         .react-datepicker-wrapper {
           width: 100% !important;
           display: block !important;
@@ -5741,7 +5668,7 @@ function DateTimePicker({
 
 // src/components/shared/product-release/product-releases-view.tsx
 init_cn();
-import { Fragment as Fragment9, jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
 var DEFAULT_ENDPOINT = "/api/releases";
 var DEFAULT_SEARCH_PARAM_KEY = DEV_SECTION_PARAM_KEYS.search;
 var DEFAULT_STATUS_PARAM_KEY = DEV_SECTION_PARAM_KEYS.releaseStatus;
@@ -5770,7 +5697,7 @@ function ReleaseRow({
       fallbackNavigate: router.push
     });
   };
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     ProductReleaseCard,
     {
       size: "lg",
@@ -5825,9 +5752,9 @@ function ProductReleasesView({
     router.replace(`${pathname}?${params.toString()}`, { scroll: false });
   };
   if (error) {
-    return /* @__PURE__ */ jsx52("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx52(LoadError, { message: "Failed to load releases.", onRetry: reload }) });
+    return /* @__PURE__ */ jsx51("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx51(LoadError, { message: "Failed to load releases.", onRetry: reload }) });
   }
-  return /* @__PURE__ */ jsx52("div", { className: cn("w-full flex flex-col gap-[40px]", className), children: /* @__PURE__ */ jsx52("div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ jsx52("div", { className: "h-[600px] flex items-center justify-center", children: hasActiveFilters ? /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51("div", { className: cn("w-full flex flex-col gap-[40px]", className), children: /* @__PURE__ */ jsx51("div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ jsx51("div", { className: "h-[600px] flex items-center justify-center", children: hasActiveFilters ? /* @__PURE__ */ jsx51(
     EmptyState,
     {
       type: "search",
@@ -5837,7 +5764,7 @@ function ProductReleasesView({
       ctaText: "Reset Filters",
       onCtaClick: resetFilters
     }
-  ) : /* @__PURE__ */ jsx52(
+  ) : /* @__PURE__ */ jsx51(
     EmptyState,
     {
       type: "generic",
@@ -5845,20 +5772,20 @@ function ProductReleasesView({
       description: "Check back soon for product updates!",
       showCTA: false
     }
-  ) }) : /* @__PURE__ */ jsxs42(Fragment9, { children: [
-    /* @__PURE__ */ jsx52("div", { className: "flex flex-col gap-6", children: Array.from({ length: itemsPerPage }).map((_, i) => {
+  ) }) : /* @__PURE__ */ jsxs41(Fragment9, { children: [
+    /* @__PURE__ */ jsx51("div", { className: "flex flex-col gap-6", children: Array.from({ length: itemsPerPage }).map((_, i) => {
       const release = releases[i];
       const hasData = !!release;
-      return /* @__PURE__ */ jsx52(
+      return /* @__PURE__ */ jsx51(
         "div",
         {
           style: { visibility: isLoading || hasData ? "visible" : "hidden" },
-          children: isLoading ? /* @__PURE__ */ jsx52(ProductReleaseCardSkeleton, { size: "lg" }) : release ? /* @__PURE__ */ jsx52(ReleaseRow, { release, basePath, buildCardProps }) : /* @__PURE__ */ jsx52(ProductReleaseCardSkeleton, { size: "lg" })
+          children: isLoading ? /* @__PURE__ */ jsx51(ProductReleaseCardSkeleton, { size: "lg" }) : release ? /* @__PURE__ */ jsx51(ReleaseRow, { release, basePath, buildCardProps }) : /* @__PURE__ */ jsx51(ProductReleaseCardSkeleton, { size: "lg" })
         },
         release?.id ?? `slot-${i}`
       );
     }) }),
-    /* @__PURE__ */ jsx52("div", { className: "mt-6 md:mt-8 flex justify-center", children: isLoading ? /* @__PURE__ */ jsx52("div", { className: "h-12 m-3 w-64" }) : releases.length > 0 && totalPages > 1 ? /* @__PURE__ */ jsx52(
+    /* @__PURE__ */ jsx51("div", { className: "mt-6 md:mt-8 flex justify-center", children: isLoading ? /* @__PURE__ */ jsx51("div", { className: "h-12 m-3 w-64" }) : releases.length > 0 && totalPages > 1 ? /* @__PURE__ */ jsx51(
       PersistentPaginationWrapper,
       {
         isLoading: false,
@@ -5867,18 +5794,18 @@ function ProductReleasesView({
         onPageChange: goToPage,
         variant: "blog"
       }
-    ) : /* @__PURE__ */ jsx52("div", { className: "h-12 m-3 w-64", style: { visibility: "hidden" } }) })
+    ) : /* @__PURE__ */ jsx51("div", { className: "h-12 m-3 w-64", style: { visibility: "hidden" } }) })
   ] }) }) });
 }
 
 // src/components/shared/product-release/release-detail-page.tsx
 init_next_link();
 init_next_navigation();
-import { useState as useState8, useEffect as useEffect7 } from "react";
+import { useState as useState7, useEffect as useEffect6 } from "react";
 import { AlertTriangle, ExternalLink, BookMarked, Sparkles as Sparkles2, TrendingUp, Wrench } from "lucide-react";
-import { Fragment as Fragment10, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
 function DefaultMarkdownRenderer({ content }) {
-  return /* @__PURE__ */ jsx53("div", { className: "whitespace-pre-wrap", children: content });
+  return /* @__PURE__ */ jsx52("div", { className: "whitespace-pre-wrap", children: content });
 }
 function ReleaseDetailPage({
   slug,
@@ -5896,16 +5823,16 @@ function ReleaseDetailPage({
   const router = useRouter();
   const { data: fetchedRelease, error, isLoading } = useRelease(initialData ? void 0 : slug);
   const release = initialData || fetchedRelease;
-  const [galleryOpen, setGalleryOpen] = useState8(false);
-  const [galleryIndex, setGalleryIndex] = useState8(0);
+  const [galleryOpen, setGalleryOpen] = useState7(false);
+  const [galleryIndex, setGalleryIndex] = useState7(0);
   const showBackButton = backButton !== false;
   const backLabel = (backButton ? backButton.label : void 0) ?? "Back to home";
   const backHref = (backButton ? backButton.href : void 0) ?? "/";
-  const [roadmapTasks, setRoadmapTasks] = useState8([]);
-  const [deliveryData, setDeliveryData] = useState8(null);
-  const [roadmapLoading, setRoadmapLoading] = useState8(false);
-  const [deliveryLoading, setDeliveryLoading] = useState8(false);
-  useEffect7(() => {
+  const [roadmapTasks, setRoadmapTasks] = useState7([]);
+  const [deliveryData, setDeliveryData] = useState7(null);
+  const [roadmapLoading, setRoadmapLoading] = useState7(false);
+  const [deliveryLoading, setDeliveryLoading] = useState7(false);
+  useEffect6(() => {
     async function fetchLinkedTasks() {
       if (!release) return;
       try {
@@ -5936,12 +5863,12 @@ function ReleaseDetailPage({
     fetchLinkedTasks();
   }, [release, RoadmapSection, DeliverySection, roadmapApiEndpoint, deliveryApiEndpoint]);
   if (!initialData && isLoading) {
-    return /* @__PURE__ */ jsx53(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
+    return /* @__PURE__ */ jsx52(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
   }
   if (error || !release) {
-    return /* @__PURE__ */ jsxs43("div", { className: "text-center py-16", children: [
-      /* @__PURE__ */ jsx53("h1", { className: "text-4xl font-bold text-ods-text-primary mb-4", children: "Release Not Found" }),
-      /* @__PURE__ */ jsx53("p", { className: "text-xl text-ods-text-secondary", children: "The release you're looking for doesn't exist." })
+    return /* @__PURE__ */ jsxs42("div", { className: "text-center py-16", children: [
+      /* @__PURE__ */ jsx52("h1", { className: "text-4xl font-bold text-ods-text-primary mb-4", children: "Release Not Found" }),
+      /* @__PURE__ */ jsx52("p", { className: "text-xl text-ods-text-secondary", children: "The release you're looking for doesn't exist." })
     ] });
   }
   const hasBreakingChanges = Array.isArray(release.breaking_changes) && release.breaking_changes.length > 0;
@@ -5967,8 +5894,8 @@ function ReleaseDetailPage({
   const featuresAdded = release.features_added;
   const bugFixed = release.bugs_fixed;
   const improvements = release.improvements;
-  return /* @__PURE__ */ jsxs43(ArticleDetailLayout, { children: [
-    showBackButton && /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsxs42(ArticleDetailLayout, { children: [
+    showBackButton && /* @__PURE__ */ jsx52(
       BackButton,
       {
         label: backLabel,
@@ -5976,30 +5903,30 @@ function ReleaseDetailPage({
         className: "hidden md:inline-flex mb-4"
       }
     ),
-    /* @__PURE__ */ jsxs43("div", { className: "space-y-6 md:space-y-8", children: [
-      /* @__PURE__ */ jsx53("div", { className: "flex flex-col md:flex-row md:items-end gap-4 w-full", children: /* @__PURE__ */ jsxs43("div", { className: "flex-1 flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx53("h1", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary", children: releaseTitle }),
-        /* @__PURE__ */ jsxs43("p", { className: "text-h4 text-ods-text-secondary", children: [
+    /* @__PURE__ */ jsxs42("div", { className: "space-y-6 md:space-y-8", children: [
+      /* @__PURE__ */ jsx52("div", { className: "flex flex-col md:flex-row md:items-end gap-4 w-full", children: /* @__PURE__ */ jsxs42("div", { className: "flex-1 flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx52("h1", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary", children: releaseTitle }),
+        /* @__PURE__ */ jsxs42("p", { className: "text-h4 text-ods-text-secondary", children: [
           "Version: ",
           releaseVersion
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx53(EntityTagBadges, { tags: release.product_release_tags }),
-      /* @__PURE__ */ jsxs43("div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
-        /* @__PURE__ */ jsx53("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-0", children: [
-          /* @__PURE__ */ jsx53("p", { className: "text-h4 text-ods-text-primary", children: releaseType.toLocaleUpperCase() }),
-          /* @__PURE__ */ jsx53("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Type" })
+      /* @__PURE__ */ jsx52(EntityTagBadges, { tags: release.product_release_tags }),
+      /* @__PURE__ */ jsxs42("div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
+        /* @__PURE__ */ jsx52("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-0", children: [
+          /* @__PURE__ */ jsx52("p", { className: "text-h4 text-ods-text-primary", children: releaseType.toLocaleUpperCase() }),
+          /* @__PURE__ */ jsx52("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Type" })
         ] }) }),
-        /* @__PURE__ */ jsx53("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-0", children: [
-          /* @__PURE__ */ jsx53("p", { className: "text-h4 text-ods-text-primary", children: releaseStatus.toLocaleUpperCase() }),
-          /* @__PURE__ */ jsx53("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Status" })
+        /* @__PURE__ */ jsx52("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-0", children: [
+          /* @__PURE__ */ jsx52("p", { className: "text-h4 text-ods-text-primary", children: releaseStatus.toLocaleUpperCase() }),
+          /* @__PURE__ */ jsx52("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Status" })
         ] }) }),
-        /* @__PURE__ */ jsx53("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-0", children: [
-          /* @__PURE__ */ jsx53("p", { className: "text-h4 text-ods-text-primary", children: formatReleaseDate(releaseDate) }),
-          /* @__PURE__ */ jsx53("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Date" })
+        /* @__PURE__ */ jsx52("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-0", children: [
+          /* @__PURE__ */ jsx52("p", { className: "text-h4 text-ods-text-primary", children: formatReleaseDate(releaseDate) }),
+          /* @__PURE__ */ jsx52("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Date" })
         ] }) }),
-        /* @__PURE__ */ jsxs43("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsxs42("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx52(
             SquareAvatar,
             {
               src: author?.avatar_url || "",
@@ -6009,13 +5936,13 @@ function ReleaseDetailPage({
               variant: "round"
             }
           ),
-          /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-0 flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx53("p", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary truncate", title: author?.full_name || "Unknown Author", children: author?.full_name || "Unknown Author" }),
-            /* @__PURE__ */ jsx53("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Author" })
+          /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-0 flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx52("p", { className: "text-h3 tracking-[-0.36px] text-ods-text-primary truncate", title: author?.full_name || "Unknown Author", children: author?.full_name || "Unknown Author" }),
+            /* @__PURE__ */ jsx52("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Author" })
           ] })
         ] })
       ] }),
-      releaseMedia && releaseMedia.length > 0 && /* @__PURE__ */ jsx53("div", { className: "flex gap-6 overflow-x-auto w-full", children: releaseMedia.slice(0, 5).map((mediaItem, index) => /* @__PURE__ */ jsx53(
+      releaseMedia && releaseMedia.length > 0 && /* @__PURE__ */ jsx52("div", { className: "flex gap-6 overflow-x-auto w-full", children: releaseMedia.slice(0, 5).map((mediaItem, index) => /* @__PURE__ */ jsx52(
         "div",
         {
           className: "shrink-0 w-[240px] h-[200px] rounded-md overflow-hidden border border-ods-border bg-black cursor-pointer hover:opacity-80 transition-opacity",
@@ -6025,12 +5952,12 @@ function ReleaseDetailPage({
               setGalleryOpen(true);
             }
           },
-          children: mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? /* @__PURE__ */ jsx53(Video, { url: mediaItem.media_url, layout: "native" }) : /* @__PURE__ */ jsx53("img", { src: mediaItem.media_url, alt: mediaItem.title || `Media ${index + 1}`, className: "w-full h-full object-cover" })
+          children: mediaItem.media_type === "video" || mediaItem.media_type === "demo" ? /* @__PURE__ */ jsx52(Video, { url: mediaItem.media_url, layout: "native" }) : /* @__PURE__ */ jsx52("img", { src: mediaItem.media_url, alt: mediaItem.title || `Media ${index + 1}`, className: "w-full h-full object-cover" })
         },
         mediaItem.id || index
       )) }),
-      releaseSummary && /* @__PURE__ */ jsx53("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx53("p", { children: releaseSummary }) }),
-      VideoDisplaySection ? /* @__PURE__ */ jsx53(
+      releaseSummary && /* @__PURE__ */ jsx52("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx52("p", { children: releaseSummary }) }),
+      VideoDisplaySection ? /* @__PURE__ */ jsx52(
         VideoDisplaySection,
         {
           mainVideoUrl,
@@ -6044,8 +5971,8 @@ function ReleaseDetailPage({
           srtContent: release?.srt_content,
           captionsUrl: release?.captionsUrl
         }
-      ) : /* @__PURE__ */ jsxs43(Fragment10, { children: [
-        youtubeUrl && /* @__PURE__ */ jsx53(
+      ) : /* @__PURE__ */ jsxs42(Fragment10, { children: [
+        youtubeUrl && /* @__PURE__ */ jsx52(
           Video,
           {
             kind: "youtube",
@@ -6054,7 +5981,7 @@ function ReleaseDetailPage({
             layout: "native"
           }
         ),
-        !youtubeUrl && mainVideoUrl && /* @__PURE__ */ jsx53(
+        !youtubeUrl && mainVideoUrl && /* @__PURE__ */ jsx52(
           Video,
           {
             url: mainVideoUrl,
@@ -6063,7 +5990,7 @@ function ReleaseDetailPage({
             layout: "centered"
           }
         ),
-        highlightVideoUrl && /* @__PURE__ */ jsx53(
+        highlightVideoUrl && /* @__PURE__ */ jsx52(
           Video,
           {
             url: highlightVideoUrl,
@@ -6072,56 +5999,56 @@ function ReleaseDetailPage({
           }
         )
       ] }),
-      releaseContent && /* @__PURE__ */ jsx53("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx53(MarkdownRenderer, { content: releaseContent }) }),
-      hasBreakingChanges && /* @__PURE__ */ jsx53(Card, { className: "border-red-500 bg-red-500/10", children: /* @__PURE__ */ jsx53(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx53(AlertTriangle, { className: "h-6 w-6 text-red-500" }),
-        /* @__PURE__ */ jsxs43("div", { children: [
-          /* @__PURE__ */ jsx53("h3", { className: "font-bold text-red-500 text-lg", children: "Breaking Changes" }),
-          /* @__PURE__ */ jsx53("p", { className: "text-ods-text-secondary", children: "This release contains breaking changes. Review carefully before upgrading." })
+      releaseContent && /* @__PURE__ */ jsx52("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx52(MarkdownRenderer, { content: releaseContent }) }),
+      hasBreakingChanges && /* @__PURE__ */ jsx52(Card, { className: "border-red-500 bg-red-500/10", children: /* @__PURE__ */ jsx52(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx52(AlertTriangle, { className: "h-6 w-6 text-red-500" }),
+        /* @__PURE__ */ jsxs42("div", { children: [
+          /* @__PURE__ */ jsx52("h3", { className: "font-bold text-red-500 text-lg", children: "Breaking Changes" }),
+          /* @__PURE__ */ jsx52("p", { className: "text-ods-text-secondary", children: "This release contains breaking changes. Review carefully before upgrading." })
         ] })
       ] }) }) }),
-      /* @__PURE__ */ jsx53(
+      /* @__PURE__ */ jsx52(
         ReleaseChangelogSection,
         {
           title: "Breaking Changes",
           entries: breakingChanges || [],
           isBreaking: true,
           hideTitle: true,
-          icon: /* @__PURE__ */ jsx53(AlertTriangle, { className: "h-6 w-6" }),
+          icon: /* @__PURE__ */ jsx52(AlertTriangle, { className: "h-6 w-6" }),
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
-      /* @__PURE__ */ jsx53(
+      /* @__PURE__ */ jsx52(
         ReleaseChangelogSection,
         {
           title: "Features Added",
           entries: featuresAdded || [],
-          icon: /* @__PURE__ */ jsx53(Sparkles2, { className: "h-6 w-6" }),
+          icon: /* @__PURE__ */ jsx52(Sparkles2, { className: "h-6 w-6" }),
           previewFirst: true,
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
-      /* @__PURE__ */ jsx53(
+      /* @__PURE__ */ jsx52(
         ReleaseChangelogSection,
         {
           title: "Bugs Fixed",
           entries: bugFixed || [],
-          icon: /* @__PURE__ */ jsx53(Wrench, { className: "h-6 w-6" }),
+          icon: /* @__PURE__ */ jsx52(Wrench, { className: "h-6 w-6" }),
           previewFirst: true,
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
-      /* @__PURE__ */ jsx53(
+      /* @__PURE__ */ jsx52(
         ReleaseChangelogSection,
         {
           title: "Improvements",
           entries: improvements || [],
-          icon: /* @__PURE__ */ jsx53(TrendingUp, { className: "h-6 w-6" }),
+          icon: /* @__PURE__ */ jsx52(TrendingUp, { className: "h-6 w-6" }),
           previewFirst: true,
           SimpleMarkdownRenderer: MarkdownRenderer
         }
       ),
-      !VideoDisplaySection && VideoSection && videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx53(
+      !VideoDisplaySection && VideoSection && videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx52(
         VideoSection,
         {
           bites: videoBites,
@@ -6129,9 +6056,9 @@ function ReleaseDetailPage({
           filterPublished: true
         }
       ),
-      RoadmapSection && (roadmapLoading || roadmapTasks.length > 0) && /* @__PURE__ */ jsxs43("div", { className: "space-y-4 w-full", children: [
-        /* @__PURE__ */ jsx53("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Roadmap Items" }),
-        /* @__PURE__ */ jsx53(
+      RoadmapSection && (roadmapLoading || roadmapTasks.length > 0) && /* @__PURE__ */ jsxs42("div", { className: "space-y-4 w-full", children: [
+        /* @__PURE__ */ jsx52("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Roadmap Items" }),
+        /* @__PURE__ */ jsx52(
           RoadmapSection,
           {
             items: roadmapTasks,
@@ -6146,9 +6073,9 @@ function ReleaseDetailPage({
           }
         )
       ] }),
-      DeliverySection && (deliveryLoading || deliveryData && (deliveryData.completed.length > 0 || deliveryData.inProgress.length > 0)) && /* @__PURE__ */ jsxs43("div", { className: "w-full space-y-4", children: [
-        /* @__PURE__ */ jsx53("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Enhancements and Bug-fixes" }),
-        /* @__PURE__ */ jsx53(
+      DeliverySection && (deliveryLoading || deliveryData && (deliveryData.completed.length > 0 || deliveryData.inProgress.length > 0)) && /* @__PURE__ */ jsxs42("div", { className: "w-full space-y-4", children: [
+        /* @__PURE__ */ jsx52("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Enhancements and Bug-fixes" }),
+        /* @__PURE__ */ jsx52(
           DeliverySection,
           {
             data: deliveryData,
@@ -6156,13 +6083,13 @@ function ReleaseDetailPage({
           }
         )
       ] }),
-      (githubReleases?.length || knowledgeBaseLinks?.length || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ jsxs43("div", { className: "space-y-1 w-full", children: [
-        /* @__PURE__ */ jsx53("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Links" }),
-        /* @__PURE__ */ jsx53(Card, { className: "bg-ods-card border-ods-border p-6", children: /* @__PURE__ */ jsxs43("div", { className: "space-y-4", children: [
-          githubReleases && githubReleases.length > 0 && /* @__PURE__ */ jsx53(Fragment10, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
-            /* @__PURE__ */ jsx53(GitHubIcon, { className: "shrink-0", width: 24, height: 24, color: "var(--color-text-secondary)" }),
-            /* @__PURE__ */ jsx53("span", { className: "text-h4 text-ods-text-primary", children: "Github Release" }),
-            /* @__PURE__ */ jsx53(
+      (githubReleases?.length || knowledgeBaseLinks?.length || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ jsxs42("div", { className: "space-y-1 w-full", children: [
+        /* @__PURE__ */ jsx52("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Links" }),
+        /* @__PURE__ */ jsx52(Card, { className: "bg-ods-card border-ods-border p-6", children: /* @__PURE__ */ jsxs42("div", { className: "space-y-4", children: [
+          githubReleases && githubReleases.length > 0 && /* @__PURE__ */ jsx52(Fragment10, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ jsxs42("div", { className: "flex items-start gap-1", children: [
+            /* @__PURE__ */ jsx52(GitHubIcon, { className: "shrink-0", width: 24, height: 24, color: "var(--color-text-secondary)" }),
+            /* @__PURE__ */ jsx52("span", { className: "text-h4 text-ods-text-primary", children: "Github Release" }),
+            /* @__PURE__ */ jsx52(
               "a",
               {
                 href: ghRelease.github_release_url,
@@ -6172,15 +6099,15 @@ function ReleaseDetailPage({
                 children: ghRelease.github_release_url.split("/").pop()
               }
             ),
-            /* @__PURE__ */ jsx53(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+            /* @__PURE__ */ jsx52(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
           ] }, ghRelease.id)) }),
-          knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ jsx53(Fragment10, { children: knowledgeBaseLinks.map((linkObj) => {
+          knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ jsx52(Fragment10, { children: knowledgeBaseLinks.map((linkObj) => {
             const path = typeof linkObj === "string" ? linkObj : linkObj.kb_article_path;
             const linkId = typeof linkObj === "string" ? path : linkObj.id || path;
-            return /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
-              /* @__PURE__ */ jsx53(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
-              /* @__PURE__ */ jsx53("span", { className: "text-h4 text-ods-text-primary", children: "Knowledge Base" }),
-              /* @__PURE__ */ jsx53(
+            return /* @__PURE__ */ jsxs42("div", { className: "flex items-start gap-1", children: [
+              /* @__PURE__ */ jsx52(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+              /* @__PURE__ */ jsx52("span", { className: "text-h4 text-ods-text-primary", children: "Knowledge Base" }),
+              /* @__PURE__ */ jsx52(
                 next_link_default,
                 {
                   href: path.startsWith("http") ? path : `/knowledge-base${path.startsWith("/") ? "" : "/"}${path}`,
@@ -6188,12 +6115,12 @@ function ReleaseDetailPage({
                   children: path.replace(/^\//, "").split("/").pop()?.replace(/-/g, " ") || "View Article"
                 }
               ),
-              /* @__PURE__ */ jsx53(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+              /* @__PURE__ */ jsx52(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
             ] }, linkId);
           }) }),
-          migrationGuideUrl && /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
-            /* @__PURE__ */ jsx53(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
-            /* @__PURE__ */ jsx53(
+          migrationGuideUrl && /* @__PURE__ */ jsxs42("div", { className: "flex items-start gap-1", children: [
+            /* @__PURE__ */ jsx52(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+            /* @__PURE__ */ jsx52(
               "a",
               {
                 href: migrationGuideUrl,
@@ -6203,11 +6130,11 @@ function ReleaseDetailPage({
                 children: "\u{1F4D6} Migration Guide"
               }
             ),
-            /* @__PURE__ */ jsx53(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+            /* @__PURE__ */ jsx52(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
           ] }),
-          documentationUrl && /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
-            /* @__PURE__ */ jsx53(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
-            /* @__PURE__ */ jsx53(
+          documentationUrl && /* @__PURE__ */ jsxs42("div", { className: "flex items-start gap-1", children: [
+            /* @__PURE__ */ jsx52(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+            /* @__PURE__ */ jsx52(
               "a",
               {
                 href: documentationUrl,
@@ -6217,12 +6144,12 @@ function ReleaseDetailPage({
                 children: "\u{1F4DA} Documentation"
               }
             ),
-            /* @__PURE__ */ jsx53(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+            /* @__PURE__ */ jsx52(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
           ] })
         ] }) })
       ] })
     ] }),
-    releaseMedia && releaseMedia.filter((m) => m.media_type !== "video" && m.media_type !== "demo").length > 0 && /* @__PURE__ */ jsx53(
+    releaseMedia && releaseMedia.filter((m) => m.media_type !== "video" && m.media_type !== "demo").length > 0 && /* @__PURE__ */ jsx52(
       ImageGalleryModal,
       {
         images: releaseMedia.filter((m) => m.media_type !== "video" && m.media_type !== "demo").map((m) => m.media_url),
@@ -6235,24 +6162,24 @@ function ReleaseDetailPage({
 }
 
 // src/components/shared/product-release/release-detail-skeleton.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function ReleaseDetailSkeleton() {
-  return /* @__PURE__ */ jsx54(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
+  return /* @__PURE__ */ jsx53(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
 }
 
 // src/components/shared/roadmap/roadmap-grid.tsx
-import { useEffect as useEffect9, useRef as useRef6, useState as useState10 } from "react";
+import { useEffect as useEffect8, useRef as useRef5, useState as useState9 } from "react";
 
 // src/components/shared/roadmap/use-roadmap-voting.ts
-import { useState as useState9, useEffect as useEffect8, useCallback as useCallback5 } from "react";
+import { useState as useState8, useEffect as useEffect7, useCallback as useCallback4 } from "react";
 var DEFAULT_VOTE_ENDPOINT = "/api/roadmap/vote";
 var DEFAULT_STORAGE_KEY = "roadmap_votes_v1";
 function useRoadmapVoting(options = {}) {
   const voteApiEndpoint = options.voteApiEndpoint ?? DEFAULT_VOTE_ENDPOINT;
   const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;
-  const [votes, setVotes] = useState9({});
-  const [isLoading, setIsLoading] = useState9(true);
-  useEffect8(() => {
+  const [votes, setVotes] = useState8({});
+  const [isLoading, setIsLoading] = useState8(true);
+  useEffect7(() => {
     setIsLoading(true);
     setVotes({});
     try {
@@ -6266,7 +6193,7 @@ function useRoadmapVoting(options = {}) {
       setIsLoading(false);
     }
   }, [storageKey]);
-  useEffect8(() => {
+  useEffect7(() => {
     if (!isLoading) {
       try {
         localStorage.setItem(storageKey, JSON.stringify(votes));
@@ -6275,13 +6202,13 @@ function useRoadmapVoting(options = {}) {
       }
     }
   }, [votes, isLoading, storageKey]);
-  const getVote = useCallback5(
+  const getVote = useCallback4(
     (taskId) => {
       return votes[taskId] || null;
     },
     [votes]
   );
-  const toggleVote = useCallback5(
+  const toggleVote = useCallback4(
     async (taskId, voteType) => {
       const currentVote = votes[taskId];
       let newVote = null;
@@ -6329,7 +6256,7 @@ function useRoadmapVoting(options = {}) {
     },
     [votes, voteApiEndpoint]
   );
-  const clearVotes = useCallback5(() => {
+  const clearVotes = useCallback4(() => {
     setVotes({});
     localStorage.removeItem(storageKey);
   }, [storageKey]);
@@ -6344,7 +6271,7 @@ function useRoadmapVoting(options = {}) {
 
 // src/components/shared/roadmap/roadmap-grid.tsx
 init_cn();
-import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
 var DEFAULT_BUILD_REFRESH_URL = (taskId) => `/api/roadmap/${taskId}`;
 var BACKLOG = "Backlog";
 function getStatusPriority(status) {
@@ -6393,7 +6320,7 @@ function RoadmapGridSingle({
   onVote,
   votingTasks
 }) {
-  return /* @__PURE__ */ jsx55("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: items.map((item) => /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx54("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: items.map((item) => /* @__PURE__ */ jsx54(
     RoadmapCard,
     {
       item,
@@ -6415,7 +6342,7 @@ function RoadmapGrid({
   quartersToKeepClosed = 2
 }) {
   const { getVote, toggleVote } = useRoadmapVoting(votingOptions);
-  const [votingTasks, setVotingTasks] = useState10(/* @__PURE__ */ new Set());
+  const [votingTasks, setVotingTasks] = useState9(/* @__PURE__ */ new Set());
   const handleVote = async (taskId, voteType) => {
     if (votingTasks.has(taskId)) return;
     setVotingTasks((prev) => new Set(prev).add(taskId));
@@ -6452,11 +6379,11 @@ function RoadmapGrid({
     return compareQuarters(aD, bD);
   });
   const sortedQuartersKey = sortedQuarters.join(",");
-  const [expandedQuarters, setExpandedQuarters] = useState10([]);
-  const [isInitialized, setIsInitialized] = useState10(false);
-  const hasSetInitialState = useRef6(false);
-  const prevItemsLength = useRef6(0);
-  useEffect9(() => {
+  const [expandedQuarters, setExpandedQuarters] = useState9([]);
+  const [isInitialized, setIsInitialized] = useState9(false);
+  const hasSetInitialState = useRef5(false);
+  const prevItemsLength = useRef5(0);
+  useEffect8(() => {
     const itemsJustLoaded = prevItemsLength.current === 0 && items.length > 0;
     prevItemsLength.current = items.length;
     if (sortedQuarters.length > 0 && (!hasSetInitialState.current || itemsJustLoaded)) {
@@ -6467,14 +6394,14 @@ function RoadmapGrid({
       setIsInitialized(true);
     }
   }, [sortedQuarters.length, items.length]);
-  useEffect9(() => {
+  useEffect8(() => {
     if (!isInitialized || sortedQuarters.length === 0) return;
     setExpandedQuarters(
       hasActiveFilters ? [...sortedQuarters] : computeDefaultExpandedQuarters(sortedQuarters, quartersToKeepClosed)
     );
   }, [hasActiveFilters, sortedQuartersKey, isInitialized, quartersToKeepClosed]);
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx54(
       EmptyState,
       {
         type: "generic",
@@ -6484,7 +6411,7 @@ function RoadmapGrid({
     );
   }
   if (!groupByQuarter) {
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx54(
       RoadmapGridSingle,
       {
         items,
@@ -6495,7 +6422,7 @@ function RoadmapGrid({
       }
     );
   }
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx54(
     Accordion,
     {
       type: "multiple",
@@ -6505,15 +6432,15 @@ function RoadmapGrid({
       children: sortedQuarters.map((quarter) => {
         const itemCount = itemsByQuarter[quarter]?.length || 0;
         const isExpanded = expandedQuarters.includes(quarter);
-        return /* @__PURE__ */ jsxs44(
+        return /* @__PURE__ */ jsxs43(
           AccordionItem,
           {
             value: quarter,
             id: `quarter-${quarter.replace(/\s+/g, "-").toLowerCase()}`,
             className: "border-0",
             children: [
-              /* @__PURE__ */ jsx55(AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:h-5 [&>svg]:w-5 [&>svg]:text-ods-text-secondary [&>svg]:ml-auto [&>svg]:shrink-0", children: /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsxs44(
+              /* @__PURE__ */ jsx54(AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:h-5 [&>svg]:w-5 [&>svg]:text-ods-text-secondary [&>svg]:ml-auto [&>svg]:shrink-0", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxs43(
                   "h3",
                   {
                     className: cn(
@@ -6522,11 +6449,11 @@ function RoadmapGrid({
                     ),
                     children: [
                       quarter,
-                      /* @__PURE__ */ jsx55("span", { className: "text-ods-accent", children: ":" })
+                      /* @__PURE__ */ jsx54("span", { className: "text-ods-accent", children: ":" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs44(
+                /* @__PURE__ */ jsxs43(
                   "span",
                   {
                     className: cn(
@@ -6537,12 +6464,12 @@ function RoadmapGrid({
                       itemCount,
                       " ",
                       itemCount === 1 ? "item" : "items",
-                      isInitialized && !isExpanded && /* @__PURE__ */ jsx55("span", { className: "ml-2 text-ods-accent", children: "Click to expand" })
+                      isInitialized && !isExpanded && /* @__PURE__ */ jsx54("span", { className: "ml-2 text-ods-accent", children: "Click to expand" })
                     ]
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx55(AccordionContent, { className: "pt-4 pb-0 overflow-hidden data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx54(AccordionContent, { className: "pt-4 pb-0 overflow-hidden data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ jsx54(
                 RoadmapGridSingle,
                 {
                   items: itemsByQuarter[quarter],
@@ -6562,36 +6489,36 @@ function RoadmapGrid({
 }
 
 // src/components/shared/roadmap/roadmap-grid-skeleton.tsx
-import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
 function RoadmapCardSkeleton2() {
-  return /* @__PURE__ */ jsxs45("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[24px] flex flex-col gap-[16px] min-h-[340px] relative", children: [
-    /* @__PURE__ */ jsx56("div", { className: "absolute top-[24px] right-[24px]", children: /* @__PURE__ */ jsx56("div", { className: "h-[20px] w-[80px] bg-ods-border rounded animate-pulse" }) }),
-    /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-[16px] pr-[120px]", children: [
-      /* @__PURE__ */ jsx56("div", { className: "w-[80px] h-[80px] bg-ods-border rounded-lg flex-shrink-0 animate-pulse" }),
-      /* @__PURE__ */ jsxs45("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx56("div", { className: "min-h-[48px] flex items-center", children: /* @__PURE__ */ jsx56("div", { className: "h-[24px] w-full bg-ods-border rounded animate-pulse" }) }),
-        /* @__PURE__ */ jsx56("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx56("div", { className: "h-[14px] w-1/2 bg-ods-border rounded animate-pulse" }) })
+  return /* @__PURE__ */ jsxs44("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[24px] flex flex-col gap-[16px] min-h-[340px] relative", children: [
+    /* @__PURE__ */ jsx55("div", { className: "absolute top-[24px] right-[24px]", children: /* @__PURE__ */ jsx55("div", { className: "h-[20px] w-[80px] bg-ods-border rounded animate-pulse" }) }),
+    /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-[16px] pr-[120px]", children: [
+      /* @__PURE__ */ jsx55("div", { className: "w-[80px] h-[80px] bg-ods-border rounded-lg flex-shrink-0 animate-pulse" }),
+      /* @__PURE__ */ jsxs44("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx55("div", { className: "min-h-[48px] flex items-center", children: /* @__PURE__ */ jsx55("div", { className: "h-[24px] w-full bg-ods-border rounded animate-pulse" }) }),
+        /* @__PURE__ */ jsx55("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx55("div", { className: "h-[14px] w-1/2 bg-ods-border rounded animate-pulse" }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx56("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs45("div", { className: "w-full space-y-2", children: [
-      /* @__PURE__ */ jsx56("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx56("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx56("div", { className: "h-[24px] w-4/5 bg-ods-border rounded animate-pulse" })
+    /* @__PURE__ */ jsx55("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs44("div", { className: "w-full space-y-2", children: [
+      /* @__PURE__ */ jsx55("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx55("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx55("div", { className: "h-[24px] w-4/5 bg-ods-border rounded animate-pulse" })
     ] }) }),
-    /* @__PURE__ */ jsx56("div", { className: "flex-1" }),
-    /* @__PURE__ */ jsxs45("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx56("div", { className: "h-[48px] w-[120px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx56("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" })
+    /* @__PURE__ */ jsx55("div", { className: "flex-1" }),
+    /* @__PURE__ */ jsxs44("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx55("div", { className: "h-[48px] w-[120px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx55("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" })
     ] })
   ] });
 }
 function RoadmapGridSkeleton({ count = 4, showLeftMargin = true }) {
-  return /* @__PURE__ */ jsx56("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx56(RoadmapCardSkeleton2, {}, i)) });
+  return /* @__PURE__ */ jsx55("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx55(RoadmapCardSkeleton2, {}, i)) });
 }
 
 // src/components/shared/roadmap/roadmap-view.tsx
 import { useMemo as useMemo2 } from "react";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var DEFAULT_ENDPOINT2 = "/api/roadmap";
 var DEFAULT_SEARCH_PARAM_KEY2 = DEV_SECTION_PARAM_KEYS.search;
 var DEFAULT_STATUS_PARAM_KEY2 = DEV_SECTION_PARAM_KEYS.status;
@@ -6619,12 +6546,12 @@ function RoadmapView({
   );
   const items = data?.items ?? [];
   if (error) {
-    return /* @__PURE__ */ jsx57(LoadError, { message: "Failed to load roadmap.", onRetry: reload });
+    return /* @__PURE__ */ jsx56(LoadError, { message: "Failed to load roadmap.", onRetry: reload });
   }
   if (isLoading && !data) {
-    return /* @__PURE__ */ jsx57(RoadmapGridSkeleton, { showLeftMargin });
+    return /* @__PURE__ */ jsx56(RoadmapGridSkeleton, { showLeftMargin });
   }
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx56(
     RoadmapGrid,
     {
       items,
@@ -6641,46 +6568,46 @@ function RoadmapView({
 }
 
 // src/components/shared/delivery/delivery-lists.tsx
-import { useEffect as useEffect10, useState as useState11 } from "react";
+import { useEffect as useEffect9, useState as useState10 } from "react";
 
 // src/components/shared/delivery/delivery-table.tsx
-import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
 function SkeletonRow() {
-  return /* @__PURE__ */ jsx58("div", { className: "border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]", children: /* @__PURE__ */ jsxs46("div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
-    /* @__PURE__ */ jsxs46("div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
-      /* @__PURE__ */ jsx58("div", { className: "min-h-[24px] flex items-center", children: /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }) }),
-      /* @__PURE__ */ jsx58("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-1/2" }) }),
-      /* @__PURE__ */ jsx58("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs46("div", { className: "flex-1 space-y-1", children: [
-        /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
-        /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
-        /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-2/3" })
+  return /* @__PURE__ */ jsx57("div", { className: "border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]", children: /* @__PURE__ */ jsxs45("div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
+    /* @__PURE__ */ jsxs45("div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
+      /* @__PURE__ */ jsx57("div", { className: "min-h-[24px] flex items-center", children: /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }) }),
+      /* @__PURE__ */ jsx57("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-1/2" }) }),
+      /* @__PURE__ */ jsx57("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs45("div", { className: "flex-1 space-y-1", children: [
+        /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
+        /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
+        /* @__PURE__ */ jsx57("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-2/3" })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs46("div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx58("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx58("div", { className: "h-[32px] w-[120px] bg-ods-border rounded animate-pulse" })
+    /* @__PURE__ */ jsxs45("div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx57("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx57("div", { className: "h-[32px] w-[120px] bg-ods-border rounded animate-pulse" })
     ] })
   ] }) });
 }
 function DeliveryTable({ items, isLoading = false }) {
   if (isLoading) {
-    return /* @__PURE__ */ jsx58("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx58("div", { className: "w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx58(SkeletonRow, {}, i)) }) });
+    return /* @__PURE__ */ jsx57("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx57("div", { className: "w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx57(SkeletonRow, {}, i)) }) });
   }
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx58("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[40px] text-center w-full", children: /* @__PURE__ */ jsx58("p", { className: "text-ods-text-secondary text-[14px] font-['DM_Sans'] font-medium", children: "No tasks available" }) });
+    return /* @__PURE__ */ jsx57("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[40px] text-center w-full", children: /* @__PURE__ */ jsx57("p", { className: "text-ods-text-secondary text-[14px] font-['DM_Sans'] font-medium", children: "No tasks available" }) });
   }
-  return /* @__PURE__ */ jsx58("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx58("div", { className: "w-full", children: items.map((item) => /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx57("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx57("div", { className: "w-full", children: items.map((item) => /* @__PURE__ */ jsx57(
     "div",
     {
       className: "border-b border-ods-border last:border-b-0",
-      children: /* @__PURE__ */ jsx58(DeliveryRow, { item })
+      children: /* @__PURE__ */ jsx57(DeliveryRow, { item })
     },
     item.id
   )) }) });
 }
 
 // src/components/shared/delivery/delivery-lists.tsx
-import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 var DEFAULT_COMPLETED_ENDPOINT = "/api/delivery/completed";
 var DEFAULT_IN_PROGRESS_ENDPOINT = "/api/delivery/in-progress";
 var DEFAULT_SEARCH_PARAM_KEY3 = DEV_SECTION_PARAM_KEYS.search;
@@ -6694,12 +6621,12 @@ function DeliveryLists({
   const searchParams = useSearchParams();
   const router = useRouter();
   const pathname = usePathname();
-  const [data, setData] = useState11(null);
-  const [isLoading, setIsLoading] = useState11(true);
-  const [error, setError] = useState11(null);
+  const [data, setData] = useState10(null);
+  const [isLoading, setIsLoading] = useState10(true);
+  const [error, setError] = useState10(null);
   const searchQuery = searchParams.get(searchParamKey) || "";
   const taskTypeFilter = searchParams.get(taskTypeParamKey) || "all";
-  useEffect10(() => {
+  useEffect9(() => {
     async function fetchDeliveryData() {
       try {
         setIsLoading(true);
@@ -6744,10 +6671,10 @@ function DeliveryLists({
   const hasActiveFilters = searchQuery !== "" || taskTypeFilter !== "all";
   const hasResults = showCompleted && filteredCompleted.length > 0 || showInProgress && filteredInProgress.length > 0;
   if (error) {
-    return /* @__PURE__ */ jsx59("div", { className: "w-full", children: /* @__PURE__ */ jsx59(LoadError, { message: error, onRetry: () => window.location.reload() }) });
+    return /* @__PURE__ */ jsx58("div", { className: "w-full", children: /* @__PURE__ */ jsx58(LoadError, { message: error, onRetry: () => window.location.reload() }) });
   }
-  return /* @__PURE__ */ jsxs47("div", { className: "w-full flex flex-col gap-[40px]", children: [
-    !isLoading && !hasResults && (hasActiveFilters ? /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsxs46("div", { className: "w-full flex flex-col gap-[40px]", children: [
+    !isLoading && !hasResults && (hasActiveFilters ? /* @__PURE__ */ jsx58(
       EmptyState,
       {
         type: "search",
@@ -6762,7 +6689,7 @@ function DeliveryLists({
           router.replace(`${pathname}?${params.toString()}`, { scroll: false });
         }
       }
-    ) : /* @__PURE__ */ jsx59(
+    ) : /* @__PURE__ */ jsx58(
       EmptyState,
       {
         type: "generic",
@@ -6771,12 +6698,12 @@ function DeliveryLists({
         showCTA: false
       }
     )),
-    showCompleted && (hasResults || isLoading) && /* @__PURE__ */ jsxs47("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxs47("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
+    showCompleted && (hasResults || isLoading) && /* @__PURE__ */ jsxs46("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs46("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
         "Recently Completed",
-        /* @__PURE__ */ jsx59("span", { className: "text-ods-accent", children: ":" })
+        /* @__PURE__ */ jsx58("span", { className: "text-ods-accent", children: ":" })
       ] }),
-      /* @__PURE__ */ jsx59(
+      /* @__PURE__ */ jsx58(
         DeliveryTable,
         {
           items: filteredCompleted,
@@ -6784,12 +6711,12 @@ function DeliveryLists({
         }
       )
     ] }),
-    showInProgress && (hasResults || isLoading) && /* @__PURE__ */ jsxs47("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxs47("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
+    showInProgress && (hasResults || isLoading) && /* @__PURE__ */ jsxs46("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs46("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
         "Active Tasks",
-        /* @__PURE__ */ jsx59("span", { className: "text-ods-accent", children: ":" })
+        /* @__PURE__ */ jsx58("span", { className: "text-ods-accent", children: ":" })
       ] }),
-      /* @__PURE__ */ jsx59(
+      /* @__PURE__ */ jsx58(
         DeliveryTable,
         {
           items: filteredInProgress,
@@ -6804,14 +6731,14 @@ function DeliveryLists({
 init_next_navigation();
 
 // src/components/shared/legal-document/use-legal-docs.ts
-import { useState as useState12, useEffect as useEffect11, useCallback as useCallback6 } from "react";
+import { useState as useState11, useEffect as useEffect10, useCallback as useCallback5 } from "react";
 function useLegalDocs(docType, options = {}) {
   const { initialData = null, apiEndpoint } = options;
   const effectiveEndpoint = apiEndpoint ?? `/api/legal/${docType}`;
-  const [data, setData] = useState12(initialData ?? null);
-  const [isLoading, setIsLoading] = useState12(!initialData);
-  const [error, setError] = useState12(null);
-  const fetchDocument = useCallback6(async () => {
+  const [data, setData] = useState11(initialData ?? null);
+  const [isLoading, setIsLoading] = useState11(!initialData);
+  const [error, setError] = useState11(null);
+  const fetchDocument = useCallback5(async () => {
     try {
       setIsLoading(true);
       setError(null);
@@ -6834,12 +6761,12 @@ function useLegalDocs(docType, options = {}) {
       setIsLoading(false);
     }
   }, [docType, effectiveEndpoint]);
-  useEffect11(() => {
+  useEffect10(() => {
     setData(initialData ?? null);
     setError(null);
     setIsLoading(!initialData);
   }, [docType, initialData]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (initialData) return;
     fetchDocument();
   }, [fetchDocument, initialData]);
@@ -6855,7 +6782,7 @@ function useLegalDocs(docType, options = {}) {
 }
 
 // src/components/shared/legal-document/legal-document-page.tsx
-import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
 function LegalDocumentPage({
   docType,
   title,
@@ -6878,58 +6805,58 @@ function LegalDocumentPage({
   };
   const fallbackLastUpdatedLabel = data?.lastSynced != null ? formatLegalDate(data.lastSynced) : null;
   const effectiveLastUpdatedLabel = initialLastUpdatedLabel ?? fallbackLastUpdatedLabel;
-  const customTitle = /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs48(PageHeading, { children: [
-      /* @__PURE__ */ jsx60("span", { children: title }),
-      /* @__PURE__ */ jsx60("span", { className: "text-ods-accent", children: "." })
+  const customTitle = /* @__PURE__ */ jsxs47("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs47(PageHeading, { children: [
+      /* @__PURE__ */ jsx59("span", { children: title }),
+      /* @__PURE__ */ jsx59("span", { className: "text-ods-accent", children: "." })
     ] }),
-    /* @__PURE__ */ jsxs48("p", { className: "font-['DM_Sans'] text-base md:text-lg text-ods-text-secondary max-w-2xl", children: [
+    /* @__PURE__ */ jsxs47("p", { className: "font-['DM_Sans'] text-base md:text-lg text-ods-text-secondary max-w-2xl", children: [
       effectiveLastUpdatedLabel ? `Last Updated: ${effectiveLastUpdatedLabel}` : fallbackDescription,
-      data?.sourceFile && /* @__PURE__ */ jsxs48("span", { className: "block text-sm mt-1 opacity-75", children: [
+      data?.sourceFile && /* @__PURE__ */ jsxs47("span", { className: "block text-sm mt-1 opacity-75", children: [
         "Source: ",
         data.sourceFile
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ jsx60(PageShell, { children: /* @__PURE__ */ jsxs48(PageLayout, { backButton: backCfg, children: [
-    /* @__PURE__ */ jsx60("div", { className: "flex flex-col gap-4", children: customTitle }),
-    /* @__PURE__ */ jsx60("div", { className: "flex flex-col lg:flex-row gap-6 lg:gap-10 items-start flex-1", children: /* @__PURE__ */ jsx60("div", { className: "flex-1", children: /* @__PURE__ */ jsx60("div", { className: "w-full", children: /* @__PURE__ */ jsx60("article", { className: "space-y-2", children: isLoading ? (
+  return /* @__PURE__ */ jsx59(PageShell, { children: /* @__PURE__ */ jsxs47(PageLayout, { backButton: backCfg, children: [
+    /* @__PURE__ */ jsx59("div", { className: "flex flex-col gap-4", children: customTitle }),
+    /* @__PURE__ */ jsx59("div", { className: "flex flex-col lg:flex-row gap-6 lg:gap-10 items-start flex-1", children: /* @__PURE__ */ jsx59("div", { className: "flex-1", children: /* @__PURE__ */ jsx59("div", { className: "w-full", children: /* @__PURE__ */ jsx59("article", { className: "space-y-2", children: isLoading ? (
       // Loading skeleton matching Knowledge Hub pattern
-      /* @__PURE__ */ jsxs48("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsx60("div", { className: "h-10 bg-ods-skeleton rounded-lg w-3/4 animate-pulse" }),
-        /* @__PURE__ */ jsxs48("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-5/6 animate-pulse" })
+      /* @__PURE__ */ jsxs47("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsx59("div", { className: "h-10 bg-ods-skeleton rounded-lg w-3/4 animate-pulse" }),
+        /* @__PURE__ */ jsxs47("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-5/6 animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsx60("div", { className: "h-32 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-        /* @__PURE__ */ jsxs48("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-4/5 animate-pulse" })
+        /* @__PURE__ */ jsx59("div", { className: "h-32 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+        /* @__PURE__ */ jsxs47("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx59("div", { className: "h-4 bg-ods-skeleton rounded w-4/5 animate-pulse" })
         ] })
       ] })
-    ) : error ? /* @__PURE__ */ jsxs48("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ jsxs48("div", { className: "bg-red-900/20 border border-red-700 rounded-lg p-6", children: [
-        /* @__PURE__ */ jsx60("p", { className: "text-red-400 mb-2", children: errorTitle }),
-        /* @__PURE__ */ jsx60("p", { className: "text-red-300 text-sm", children: error })
+    ) : error ? /* @__PURE__ */ jsxs47("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ jsxs47("div", { className: "bg-red-900/20 border border-red-700 rounded-lg p-6", children: [
+        /* @__PURE__ */ jsx59("p", { className: "text-red-400 mb-2", children: errorTitle }),
+        /* @__PURE__ */ jsx59("p", { className: "text-red-300 text-sm", children: error })
       ] }),
-      /* @__PURE__ */ jsxs48("div", { className: "text-ods-text-secondary", children: [
-        /* @__PURE__ */ jsx60("p", { children: errorContactPrompt }),
-        /* @__PURE__ */ jsx60("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail })
+      /* @__PURE__ */ jsxs47("div", { className: "text-ods-text-secondary", children: [
+        /* @__PURE__ */ jsx59("p", { children: errorContactPrompt }),
+        /* @__PURE__ */ jsx59("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail })
       ] })
-    ] }) : data ? /* @__PURE__ */ jsx60(
+    ] }) : data ? /* @__PURE__ */ jsx59(
       MarkdownRenderer,
       {
         content: data.content,
         sectionIds: data.sections || [],
         demoteMarkdownH1ToH2: true
       }
-    ) : /* @__PURE__ */ jsxs48("div", { className: "text-center text-ods-text-secondary py-16", children: [
-      /* @__PURE__ */ jsx60("p", { className: "text-xl", children: emptyStateMessage }),
-      /* @__PURE__ */ jsxs48("p", { className: "mt-2", children: [
+    ) : /* @__PURE__ */ jsxs47("div", { className: "text-center text-ods-text-secondary py-16", children: [
+      /* @__PURE__ */ jsx59("p", { className: "text-xl", children: emptyStateMessage }),
+      /* @__PURE__ */ jsxs47("p", { className: "mt-2", children: [
         "Please contact",
         " ",
-        /* @__PURE__ */ jsx60("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
+        /* @__PURE__ */ jsx59("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
         " ",
         "for more information."
       ] })
@@ -7255,6 +7182,7 @@ export {
   FLAMINGO_LOGO_VIEWBOX,
   FacebookIcon,
   FaqAccordion,
+  FaqSection,
   FeatureCardGrid,
   FeatureList,
   FeatureListSkeleton,
@@ -7735,12 +7663,14 @@ export {
   alignJustify,
   applyProxyAuth,
   badgeVariants,
+  baseFaqSchema,
   blogFilterConfig,
   buildAnchorProps,
   buildAutoContinuationDirective,
   buildChatAttachmentViewUrl,
   buildChatRefKey,
   buildDiscussAddendum,
+  buildFaqJsonLdFromFaqs,
   buildNatsWsUrl,
   buildProductReleaseCardProps,
   buttonVariants,