@flamingo-stack/openframe-frontend-core 0.0.315 → 0.0.316

package/dist/components/index.js

@@ -1,5 +1,27 @@
 "use client";
 "use client";
+import "../chunk-GZ4C3XW6.js";
+import {
+  GROUP_PAGE_SIZE,
+  RelatedContentSection
+} from "../chunk-OKGZK6TT.js";
+import {
+  DeliveryLists,
+  DeliveryTable,
+  LegalDocumentPage,
+  MediaGalleryStrip,
+  PersistentPagination,
+  PersistentPaginationWrapper,
+  ProductReleasesView,
+  ReleaseDetailPage,
+  ReleaseDetailSkeleton,
+  RoadmapGrid,
+  RoadmapGridSkeleton,
+  RoadmapView,
+  useLegalDocs,
+  usePaginationLoading,
+  useRoadmapVoting
+} from "../chunk-CSLMCBZV.js";
 import {
   AnnouncementBarSkeleton,
   ArticleLayoutSkeleton,
@@ -32,22 +54,17 @@ import {
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-4D37W55K.js";
-import "../chunk-GZ4C3XW6.js";
+} from "../chunk-GHVVOST5.js";
 import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "../chunk-6W54MBU2.js";
+} from "../chunk-64DZ2J7Q.js";
 import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-TK6OABYF.js";
-import {
-  GROUP_PAGE_SIZE,
-  RelatedContentSection
-} from "../chunk-MOOV4ORG.js";
+} from "../chunk-JEBL5PQK.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -57,13 +74,12 @@ import {
   DevSectionView,
   EmptyState,
   UnifiedPagination,
-  init_unified_pagination,
-  unified_pagination_exports
-} from "../chunk-VY5YF4B7.js";
+  init_unified_pagination
+} from "../chunk-4NVA6W3J.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "../chunk-VFIWQGJZ.js";
+} from "../chunk-Z3YORGG4.js";
 import {
   DocSearchBar,
   DocSearchResultRow,
@@ -71,10 +87,8 @@ import {
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-47JZOP7Y.js";
-import {
-  useSelfFetch
-} from "../chunk-TRSDXD23.js";
+} from "../chunk-6KERXOFE.js";
+import "../chunk-JAZM3A7E.js";
 import "../chunk-4XLJWX2N.js";
 import {
   ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE,
@@ -258,7 +272,6 @@ import {
   DEFAULT_CUSTOM_STATUS_COLOR,
   DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID,
   DEFAULT_THEME,
-  DEV_SECTION_PARAM_KEYS,
   DashboardInfoCard,
   DataRoomDocCard,
   DataRoomDocCardSkeleton,
@@ -670,7 +683,6 @@ import {
   defaultTableIdForDocumentType,
   deriveColumns,
   detectAspectRatio,
-  devSectionAnchorId,
   escapeMarkdownInline,
   executeNavigation,
   executeNavigationImperative,
@@ -688,9 +700,7 @@ import {
   formatBioText,
   formatChatAttachmentMarkdownForBubble,
   formatInvestorUpdatePeriod,
-  formatLegalDate,
   formatRelativeTime,
-  formatReleaseDate,
   formatSingularLookupInvocation,
   getApprovalMeta,
   getCaptionsUrl,
@@ -748,7 +758,6 @@ import {
   remarkMentionChips,
   renderChatInlineEntityCard,
   resolutionToStatus,
-  resolveContentHref,
   resolveExternalNavigation,
   resolveOnboardingIcon,
   resolveSourceIcon,
@@ -780,7 +789,6 @@ import {
   useDataTableContext,
   useDynamicTheme,
   useEmptyStateConfig,
-  useEntityCardLink,
   useFiltersDropdown,
   useJetStreamDialogSubscription,
   useLoading,
@@ -806,15 +814,13 @@ import {
   useVideoOriginPreconnect,
   useVideoWarmup,
   usesCanonicalStatusStyle
-} from "../chunk-7U4YFQX2.js";
+} from "../chunk-2Y4DLBFO.js";
 import {
   CommandApprovalToast,
-  STICKY_HEADER_OFFSET_PX,
   ToastCard,
   Toaster,
   applyProxyAuth,
   clearEmbedProxyAuth,
-  contentFetch,
   dotColorByVariant,
   embedAuthedFetch,
   getAppType,
@@ -825,9 +831,9 @@ import {
   showCommandApprovalToast,
   showToast,
   useOnboardingState,
-  useScrollToHash,
   useToast
-} from "../chunk-E4CQ4RUG.js";
+} from "../chunk-Q4AMYLKX.js";
+import "../chunk-J7AV6H63.js";
 import {
   useChatRuntime,
   useEndpointsRuntime
@@ -835,7 +841,6 @@ import {
 import "../chunk-EL5YVPD5.js";
 import {
   init_next_navigation,
-  usePathname,
   useRouter,
   useSearchParams
 } from "../chunk-PLJLE4A4.js";
@@ -873,7 +878,8 @@ import {
   SplitButton,
   buttonVariants,
   init_button2 as init_button
-} from "../chunk-JALO4TAZ.js";
+} from "../chunk-AI5X5JTD.js";
+import "../chunk-6U3IUD57.js";
 import {
   init_next_link,
   next_link_default
@@ -1029,19 +1035,15 @@ import {
   YouTubeIcon,
   getDeviceTypeIcon,
   renderSvgIcon
-} from "../chunk-V4IIBNTA.js";
+} from "../chunk-LQHMXPOJ.js";
+import "../chunk-W72U7OU7.js";
 import {
   cn,
   getBaseUrl,
   init_cn
 } from "../chunk-XTCBRQN2.js";
-import "../chunk-J7AV6H63.js";
-import "../chunk-6U3IUD57.js";
-import "../chunk-W72U7OU7.js";
 import "../chunk-PHWQLKVE.js";
-import {
-  __toCommonJS
-} from "../chunk-GGWZFCYS.js";
+import "../chunk-GGWZFCYS.js";
 
 // src/components/announcement-bar.tsx
 import { useState, useEffect } from "react";
@@ -3206,164 +3208,8 @@ import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 // src/components/index.ts
 init_pagination();
 
-// src/components/persistent-pagination.tsx
-init_cn();
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
-function PersistentPagination({
-  isLoading,
-  children,
-  currentPage,
-  totalPages,
-  className,
-  disabledOpacity = 0.5,
-  transitionDuration = 300,
-  showLoadingState = true
-}) {
-  return /* @__PURE__ */ jsxs18(
-    "div",
-    {
-      className: cn(
-        "relative transition-all ease-in-out",
-        "flex justify-center items-center",
-        isLoading && "pointer-events-none",
-        className
-      ),
-      style: {
-        opacity: isLoading ? disabledOpacity : 1,
-        transitionDuration: `${transitionDuration}ms`
-      },
-      role: "navigation",
-      "aria-label": "Pagination",
-      "aria-busy": isLoading,
-      "data-loading": isLoading,
-      children: [
-        isLoading && /* @__PURE__ */ jsxs18(
-          "div",
-          {
-            className: "sr-only",
-            role: "status",
-            "aria-live": "polite",
-            children: [
-              "Pagination temporarily disabled while loading page ",
-              currentPage,
-              " of ",
-              totalPages
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx24(
-          "div",
-          {
-            className: cn(
-              "relative transition-all ease-in-out",
-              isLoading && "cursor-not-allowed"
-            ),
-            style: {
-              transitionDuration: `${transitionDuration}ms`
-            },
-            "aria-hidden": isLoading,
-            children
-          }
-        )
-      ]
-    }
-  );
-}
-function usePaginationLoading(isLoading, currentPage, totalPages) {
-  const shouldShowPagination = totalPages > 1 || isLoading;
-  const paginationProps = {
-    "aria-busy": isLoading,
-    "data-loading": isLoading,
-    "data-current-page": currentPage,
-    "data-total-pages": totalPages
-  };
-  const getLoadingMessage = () => {
-    if (isLoading) {
-      return `Loading page ${currentPage} of ${totalPages}`;
-    }
-    return `Page ${currentPage} of ${totalPages}`;
-  };
-  return {
-    shouldShowPagination,
-    paginationProps,
-    getLoadingMessage
-  };
-}
-function PersistentPaginationWrapper({
-  isLoading,
-  currentPage,
-  totalPages,
-  onPageChange,
-  className,
-  variant = "vendor"
-}) {
-  const { getLoadingMessage } = usePaginationLoading(
-    isLoading,
-    currentPage,
-    totalPages
-  );
-  const hasResults = totalPages > 0;
-  const displayTotalPages = hasResults ? totalPages : 1;
-  const displayCurrentPage = hasResults ? currentPage : 1;
-  const isPaginationDisabled = isLoading;
-  const hasNoResults = !hasResults && !isLoading;
-  const PaginationComponent = (init_unified_pagination(), __toCommonJS(unified_pagination_exports)).UnifiedPagination;
-  return /* @__PURE__ */ jsxs18(
-    "div",
-    {
-      className: cn(
-        "relative transition-all ease-in-out flex justify-center items-center",
-        (isPaginationDisabled || hasNoResults) && "pointer-events-none",
-        className
-      ),
-      style: {
-        opacity: isPaginationDisabled ? 0.3 : hasNoResults ? 0.5 : 1,
-        transitionDuration: "300ms"
-      },
-      role: "navigation",
-      "aria-label": "Pagination",
-      "aria-busy": isLoading,
-      "data-loading": isLoading,
-      "data-has-results": hasResults,
-      children: [
-        (isLoading || !hasResults) && /* @__PURE__ */ jsx24(
-          "div",
-          {
-            className: "sr-only",
-            role: "status",
-            "aria-live": "polite",
-            children: isLoading ? `Pagination temporarily disabled while loading page ${displayCurrentPage} of ${displayTotalPages}` : `No results available - pagination disabled`
-          }
-        ),
-        /* @__PURE__ */ jsx24(
-          "div",
-          {
-            className: cn(
-              "relative transition-all ease-in-out",
-              isPaginationDisabled && "cursor-not-allowed"
-            ),
-            style: {
-              transitionDuration: "300ms"
-            },
-            "aria-hidden": isPaginationDisabled,
-            children: /* @__PURE__ */ jsx24(
-              PaginationComponent,
-              {
-                currentPage: displayCurrentPage,
-                totalPages: displayTotalPages,
-                onPageChange: hasResults ? onPageChange : () => {
-                }
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-
 // src/components/pricing-display.tsx
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var PRICING_STYLES = {
   // Comparison table style (current default)
   comparison: {
@@ -3399,19 +3245,19 @@ function PricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (typeof pricing === "string") {
-    return /* @__PURE__ */ jsx25(LegacyPricingDisplay, { pricing, className, styleConfig });
+    return /* @__PURE__ */ jsx24(LegacyPricingDisplay, { pricing, className, styleConfig });
   }
   const pricingArray = Array.isArray(pricing) ? pricing : [pricing];
   if (!pricingArray || pricingArray.length === 0) {
-    return /* @__PURE__ */ jsx25("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: "No pricing data" });
+    return /* @__PURE__ */ jsx24("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__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-      /* @__PURE__ */ jsx25("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
-      unit && /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+    return /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+      /* @__PURE__ */ jsx24("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
+      unit && /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
         "/",
         unit
       ] })
@@ -3419,9 +3265,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__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-    /* @__PURE__ */ jsx25("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
-    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+  return /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    /* @__PURE__ */ jsx24("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
+    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
       "/",
       itemWithUnit.ranges[0].unit
     ] })
@@ -3442,7 +3288,7 @@ function LegacyPricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (pricing === "Free" || pricing === "No pricing data") {
-    return /* @__PURE__ */ jsx25("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: pricing });
+    return /* @__PURE__ */ jsx24("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: pricing });
   }
   const parsePricing = (pricingStr) => {
     if (pricingStr.includes(", ")) {
@@ -3498,9 +3344,9 @@ function LegacyPricingDisplay({
     };
   };
   const { mainValue, secondaryInfo } = parsePricing(pricing);
-  return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-    /* @__PURE__ */ jsx25("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
-    secondaryInfo && /* @__PURE__ */ jsx25("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: secondaryInfo })
+  return /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    /* @__PURE__ */ jsx24("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
+    secondaryInfo && /* @__PURE__ */ jsx24("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: secondaryInfo })
   ] });
 }
 function formatPricingForDisplay(pricing) {
@@ -3508,7 +3354,7 @@ function formatPricingForDisplay(pricing) {
 }
 
 // src/components/results-count.tsx
-import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 function ResultsCount({
   currentPage,
   pageSize,
@@ -3524,7 +3370,7 @@ function ResultsCount({
   const plural = resultType === "vendors" ? "vendors" : "posts";
   const singular = resultType === "vendors" ? "vendor" : "post";
   const displayType = totalResults === 1 ? singular : plural;
-  return /* @__PURE__ */ jsx26("div", { className: "mb-6", children: /* @__PURE__ */ jsx26("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: totalResults > 0 && /* @__PURE__ */ jsxs20(Fragment5, { children: [
+  return /* @__PURE__ */ jsx25("div", { className: "mb-6", children: /* @__PURE__ */ jsx25("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: totalResults > 0 && /* @__PURE__ */ jsxs19(Fragment5, { children: [
     "Showing ",
     startIndex,
     "-",
@@ -3533,7 +3379,7 @@ function ResultsCount({
     totalResults,
     " ",
     displayType,
-    sortingMessage && /* @__PURE__ */ jsxs20("span", { className: "ml-2 text-ods-accent", children: [
+    sortingMessage && /* @__PURE__ */ jsxs19("span", { className: "ml-2 text-ods-accent", children: [
       "\u2022 ",
       sortingMessage
     ] })
@@ -3543,7 +3389,7 @@ function ResultsCount({
 // src/components/vendor-tag.tsx
 init_cn();
 import { Hand, Sparkles } from "lucide-react";
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 function VendorTag({
   type,
   text,
@@ -3562,89 +3408,89 @@ function VendorTag({
         return {
           text: "Placeholder",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "ai":
         return {
           text: "AI Selected",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "manual":
         return {
           text: "Manually Selected",
           textColor: "text-ods-text-secondary",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "open-source":
         return {
           text: text || "Open Source",
-          icon: /* @__PURE__ */ jsx27(
+          icon: /* @__PURE__ */ jsx26(
             "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__ */ jsx27(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" })
+              children: /* @__PURE__ */ jsx26(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" })
             }
           )
         };
       case "commercial":
         return {
           text: text || "Commercial Vendor",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "free":
         return {
           text: text || "Free",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
         };
       case "freemium":
         return {
           text: text || "Freemium",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
         };
       case "paid":
         return {
           text: text || "Paid",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "enterprise":
         return {
           text: text || "Enterprise",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "E" }) })
+          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "E" }) })
         };
       case "recommended":
         return {
           text: text || "Recommended",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "\u2605" }) })
+          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26("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__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" }) })
+            icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" }) })
           };
         } else if (classificationType === "commercial") {
           return {
             text: "Commercial Vendor",
-            icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+            icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
           };
         } else if (classificationType === "openframe_selected") {
           return {
             text: "OpenFrame Selected",
-            icon: /* @__PURE__ */ jsx27(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+            icon: /* @__PURE__ */ jsx26(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
           };
         } else {
           return {
             text: text || "Classification",
-            icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "C" }) })
+            icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "C" }) })
           };
         }
       case "openframe_selected":
         return {
           text: text || "OpenFrame Selected",
-          icon: /* @__PURE__ */ jsx27(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+          icon: /* @__PURE__ */ jsx26(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
         };
       default:
         return {
@@ -3654,9 +3500,9 @@ function VendorTag({
     }
   };
   const { text: displayText, icon, textColor } = getTagContent();
-  return /* @__PURE__ */ jsxs21("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
+  return /* @__PURE__ */ jsxs20("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
     icon,
-    /* @__PURE__ */ jsx27("span", { className: cn(
+    /* @__PURE__ */ jsx26("span", { className: cn(
       "font-mono font-semibold uppercase",
       textColor ? textColor : "text-ods-text-primary",
       size === "sm" ? "text-[10px]" : "text-xs"
@@ -3665,12 +3511,12 @@ function VendorTag({
 }
 
 // src/components/selection-source-badge.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function SelectionSourceBadge({ source, hidden = false }) {
   if (!source) {
     return null;
   }
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     VendorTag,
     {
       type: source?.toLowerCase(),
@@ -3683,26 +3529,26 @@ function SelectionSourceBadge({ source, hidden = false }) {
 
 // src/components/user-display.tsx
 init_cn();
-import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 function UserDisplay({ name, avatarUrl, subtitle, size = 32, className }) {
-  return /* @__PURE__ */ jsxs22("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
-    /* @__PURE__ */ jsx29(SquareAvatar2, { src: avatarUrl ?? void 0, fallbackName: name, size }),
-    /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx29("p", { className: "font-['DM_Sans'] text-lg leading-[22px] text-ods-text-primary truncate", children: name }),
-      subtitle && /* @__PURE__ */ jsx29("span", { className: "font-['DM_Sans'] text-md leading-[16px] text-ods-text-secondary truncate", children: subtitle })
+  return /* @__PURE__ */ jsxs21("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
+    /* @__PURE__ */ jsx28(SquareAvatar2, { src: avatarUrl ?? void 0, fallbackName: name, size }),
+    /* @__PURE__ */ jsxs21("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx28("p", { className: "font-['DM_Sans'] text-lg leading-[22px] text-ods-text-primary truncate", children: name }),
+      subtitle && /* @__PURE__ */ jsx28("span", { className: "font-['DM_Sans'] text-md leading-[16px] text-ods-text-secondary truncate", children: subtitle })
     ] })
   ] });
 }
 
 // src/components/loading/content-skeleton.tsx
 init_cn();
-import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs22 } 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__ */ jsx30("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx29(
     TextSkeleton.Body,
     {
       className: lineWidths[index % lineWidths.length]
@@ -3716,14 +3562,14 @@ function ListSkeleton({
   showIcons = false,
   showActions = false
 }) {
-  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-      showIcons && /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-32 md:w-48" })
+  return /* @__PURE__ */ jsx29("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+      showIcons && /* @__PURE__ */ jsx29(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-32 md:w-48" })
     ] }),
-    showActions && /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-8" }),
-      /* @__PURE__ */ jsx30(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
+    showActions && /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-8" }),
+      /* @__PURE__ */ jsx29(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
     ] })
   ] }, index)) });
 }
@@ -3732,14 +3578,14 @@ function TableSkeleton({
   rows = 5,
   columns = 4
 }) {
-  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsx30("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
-    /* @__PURE__ */ jsx30("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsx29("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
+    /* @__PURE__ */ jsx29("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx29(
       "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__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
+        children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
       },
       rowIndex
     )) })
@@ -3749,15 +3595,15 @@ function FormSkeleton({
   className,
   fields = 4
 }) {
-  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-6", className), children: [
-    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-24" }),
-      /* @__PURE__ */ jsx30(InteractiveSkeleton.Input, {}),
-      index % 3 === 0 && /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-48" })
+  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-6", className), children: [
+    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-24" }),
+      /* @__PURE__ */ jsx29(InteractiveSkeleton.Input, {}),
+      index % 3 === 0 && /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-48" })
     ] }, index)),
-    /* @__PURE__ */ jsxs23("div", { className: "flex gap-4 pt-4", children: [
-      /* @__PURE__ */ jsx30(InteractiveSkeleton.Button, {}),
-      /* @__PURE__ */ jsx30(InteractiveSkeleton.Button, { className: "bg-ods-border" })
+    /* @__PURE__ */ jsxs22("div", { className: "flex gap-4 pt-4", children: [
+      /* @__PURE__ */ jsx29(InteractiveSkeleton.Button, {}),
+      /* @__PURE__ */ jsx29(InteractiveSkeleton.Button, { className: "bg-ods-border" })
     ] })
   ] });
 }
@@ -3766,7 +3612,7 @@ function NavigationSkeleton({
   items = 6,
   horizontal = true
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     "nav",
     {
       className: cn(
@@ -3776,7 +3622,7 @@ function NavigationSkeleton({
       ),
       role: "status",
       "aria-label": "Loading navigation",
-      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
+      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
     }
   );
 }
@@ -3785,32 +3631,32 @@ function ProfileSkeleton({
   showBio = true,
   showStats = true
 }) {
-  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-start gap-4", children: [
-      /* @__PURE__ */ jsx30(MediaSkeleton.Avatar, { size: "lg" }),
-      /* @__PURE__ */ jsxs23("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/2" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
+  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ jsx29(MediaSkeleton.Avatar, { size: "lg" }),
+      /* @__PURE__ */ jsxs22("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-1/2" }),
+        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }),
-    showBio && /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-4/5" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
+    showBio && /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-4/5" }),
+      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-3/4" })
     ] }),
-    showStats && /* @__PURE__ */ jsxs23("div", { className: "flex gap-6", children: [
-      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-12 mx-auto" })
+    showStats && /* @__PURE__ */ jsxs22("div", { className: "flex gap-6", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-12 mx-auto" })
       ] }),
-      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16 mx-auto" })
+      /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-16 mx-auto" })
       ] }),
-      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-14 mx-auto" })
+      /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-14 mx-auto" })
       ] })
     ] })
   ] });
@@ -3820,34 +3666,34 @@ function CommentSkeleton({
   showRating = false,
   showReplies = false
 }) {
-  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx30(MediaSkeleton.Avatar, { size: "sm" }),
-      /* @__PURE__ */ jsxs23("div", { className: "flex-1 flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-24" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16" }),
-        showRating && /* @__PURE__ */ jsx30("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }, i)) })
+  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx29(MediaSkeleton.Avatar, { size: "sm" }),
+      /* @__PURE__ */ jsxs22("div", { className: "flex-1 flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-24" }),
+        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-16" }),
+        showRating && /* @__PURE__ */ jsx29("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx29(MediaSkeleton.Icon, { size: "sm" }, i)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs23("div", { className: "ml-11 space-y-2", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-1/2" })
+    /* @__PURE__ */ jsxs22("div", { className: "ml-11 space-y-2", children: [
+      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-3/4" }),
+      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__PURE__ */ jsxs23("div", { className: "ml-11 flex gap-4", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-12" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-8" })
+    /* @__PURE__ */ jsxs22("div", { className: "ml-11 flex gap-4", children: [
+      /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-12" }),
+      /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-16" }),
+      /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-8" })
     ] }),
-    showReplies && /* @__PURE__ */ jsx30("div", { className: "ml-11 pl-4 border-l border-ods-divider space-y-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx30(MediaSkeleton.Avatar, { size: "sm" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-20" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-12" })
+    showReplies && /* @__PURE__ */ jsx29("div", { className: "ml-11 pl-4 border-l border-ods-divider space-y-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx29(MediaSkeleton.Avatar, { size: "sm" }),
+        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-20" }),
+        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-12" })
       ] }),
-      /* @__PURE__ */ jsxs23("div", { className: "ml-11", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
+      /* @__PURE__ */ jsxs22("div", { className: "ml-11", children: [
+        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }, index)) })
   ] });
@@ -3859,35 +3705,35 @@ function FeatureListSkeleton({
   grouped = false
 }) {
   if (grouped) {
-    return /* @__PURE__ */ jsx30("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs23("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx30("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-        showIcons && /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
+    return /* @__PURE__ */ jsx29("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs22("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx29("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+        showIcons && /* @__PURE__ */ jsx29(MediaSkeleton.Icon, { size: "sm" }),
+        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-2/3" })
       ] }, featureIndex)) })
     ] }, groupIndex)) });
   }
-  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-    showIcons && /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
-    /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
+  return /* @__PURE__ */ jsx29("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+    showIcons && /* @__PURE__ */ jsx29(MediaSkeleton.Icon, { size: "sm" }),
+    /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-2/3" })
   ] }, index)) });
 }
 function TimelineSkeleton({
   className,
   items = 5
 }) {
-  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex gap-4", children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
-      index < items - 1 && /* @__PURE__ */ jsx30("div", { className: "w-px h-12 bg-ods-border mt-2" })
+  return /* @__PURE__ */ jsx29("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx29(MediaSkeleton.Icon, { size: "sm" }),
+      index < items - 1 && /* @__PURE__ */ jsx29("div", { className: "w-px h-12 bg-ods-border mt-2" })
     ] }),
-    /* @__PURE__ */ jsxs23("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16" })
+    /* @__PURE__ */ jsxs22("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-16" })
       ] }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
+      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-3/4" })
     ] })
   ] }, index)) });
 }
@@ -3895,54 +3741,54 @@ function PricingSkeleton({
   className,
   plans = 3
 }) {
-  return /* @__PURE__ */ jsx30("div", { className: cn(
+  return /* @__PURE__ */ jsx29("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__ */ jsx30("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/2" }),
-    /* @__PURE__ */ jsxs23("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Heading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-1/4" })
+  ), children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ jsx29("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-1/2" }),
+    /* @__PURE__ */ jsxs22("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx29(TextSkeleton.Heading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-1/4" })
     ] }),
-    /* @__PURE__ */ jsx30("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
+    /* @__PURE__ */ jsx29("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx29(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-3/4" })
     ] }, featureIndex)) }),
-    /* @__PURE__ */ jsx30(InteractiveSkeleton.Button, { className: "w-full" })
+    /* @__PURE__ */ jsx29(InteractiveSkeleton.Button, { className: "w-full" })
   ] }) }, index)) });
 }
 
 // src/components/profile/ProfileLoadingSkeleton.tsx
 init_cn();
-import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
 function ProfileLoadingSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs24("div", { className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsxs24("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ jsx31("div", { className: "h-16 w-16 bg-gray-200 rounded-full animate-pulse" }),
-      /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx31("div", { className: "h-4 w-32 bg-gray-200 rounded animate-pulse" }),
-        /* @__PURE__ */ jsx31("div", { className: "h-3 w-24 bg-gray-200 rounded animate-pulse" })
+  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-center space-x-4", children: [
+      /* @__PURE__ */ jsx30("div", { className: "h-16 w-16 bg-gray-200 rounded-full animate-pulse" }),
+      /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx30("div", { className: "h-4 w-32 bg-gray-200 rounded animate-pulse" }),
+        /* @__PURE__ */ jsx30("div", { className: "h-3 w-24 bg-gray-200 rounded animate-pulse" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs24("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx31("div", { className: "h-4 w-full bg-gray-200 rounded animate-pulse" }),
-      /* @__PURE__ */ jsx31("div", { className: "h-4 w-3/4 bg-gray-200 rounded animate-pulse" }),
-      /* @__PURE__ */ jsx31("div", { className: "h-4 w-1/2 bg-gray-200 rounded animate-pulse" })
+    /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx30("div", { className: "h-4 w-full bg-gray-200 rounded animate-pulse" }),
+      /* @__PURE__ */ jsx30("div", { className: "h-4 w-3/4 bg-gray-200 rounded animate-pulse" }),
+      /* @__PURE__ */ jsx30("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 jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
 function MspProfileFormSkeleton({
   className,
   fields = 4
 }) {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       className: cn(
@@ -3952,13 +3798,13 @@ function MspProfileFormSkeleton({
       role: "status",
       "aria-label": "Loading MSP profile form",
       children: [
-        /* @__PURE__ */ jsxs25("div", { className: "flex flex-col space-y-2 h-full", children: [
-          /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-28" }),
-          /* @__PURE__ */ jsx32("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx32(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
+        /* @__PURE__ */ jsxs24("div", { className: "flex flex-col space-y-2 h-full", children: [
+          /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-28" }),
+          /* @__PURE__ */ jsx31("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx31(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
         ] }),
-        /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs25("div", { className: "space-y-2 flex flex-col", children: [
-          /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-40" }),
-          /* @__PURE__ */ jsx32(InteractiveSkeleton.Input, {})
+        /* @__PURE__ */ jsx31("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs24("div", { className: "space-y-2 flex flex-col", children: [
+          /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-40" }),
+          /* @__PURE__ */ jsx31(InteractiveSkeleton.Input, {})
         ] }, idx)) })
       ]
     }
@@ -3967,9 +3813,9 @@ function MspProfileFormSkeleton({
 
 // src/components/loading/category-card-skeleton.tsx
 init_cn();
-import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 function CategoryCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs25(
     "article",
     {
       className: cn(
@@ -3979,7 +3825,7 @@ function CategoryCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading category card",
       children: [
-        /* @__PURE__ */ jsx33("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx32("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx32(
           UnifiedSkeleton,
           {
             variant: "circular",
@@ -3988,12 +3834,12 @@ function CategoryCardSkeleton({ className }) {
           },
           i
         )) }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex-1 flex flex-col space-y-3", children: [
-          /* @__PURE__ */ jsx33(TextSkeleton.Heading, { className: "w-3/4" }),
-          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-full" })
+        /* @__PURE__ */ jsxs25("div", { className: "flex-1 flex flex-col space-y-3", children: [
+          /* @__PURE__ */ jsx32(TextSkeleton.Heading, { className: "w-3/4" }),
+          /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-full" })
         ] }),
-        /* @__PURE__ */ jsx33("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx33(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
+        /* @__PURE__ */ jsx32("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx32(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
       ]
     }
   );
@@ -4001,22 +3847,22 @@ function CategoryCardSkeleton({ className }) {
 
 // src/components/loading/category-vendor-selector-skeleton.tsx
 init_cn();
-import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: cn("bg-ods-card border border-ods-border rounded-lg p-6", className),
       role: "status",
       "aria-label": "Loading category section",
       children: [
-        /* @__PURE__ */ jsxs27("div", { className: "mb-6 space-y-2 max-w-xl", children: [
-          /* @__PURE__ */ jsx34(TextSkeleton.Heading, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-3/4" })
+        /* @__PURE__ */ jsxs26("div", { className: "mb-6 space-y-2 max-w-xl", children: [
+          /* @__PURE__ */ jsx33(TextSkeleton.Heading, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-3/4" })
         ] }),
-        /* @__PURE__ */ jsx34("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-1/3" }),
-          /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
+        /* @__PURE__ */ jsx33("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx33(TextSkeleton.Subheading, { className: "w-1/3" }),
+          /* @__PURE__ */ jsx33("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx33(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
         ] }, idx)) })
       ]
     }
@@ -4025,90 +3871,90 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
 
 // src/components/loading/wizard-layout-skeleton.tsx
 init_cn();
-import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 function WizardLayoutSkeleton({ steps = 6, className }) {
-  return /* @__PURE__ */ jsxs28("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
-    /* @__PURE__ */ jsx35("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
-    /* @__PURE__ */ jsxs28("div", { className: "space-y-2 max-w-2xl", children: [
-      /* @__PURE__ */ jsx35(TextSkeleton.Heading, { className: "w-2/3" }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-1/2" })
+  return /* @__PURE__ */ jsxs27("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
+    /* @__PURE__ */ jsx34("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
+    /* @__PURE__ */ jsxs27("div", { className: "space-y-2 max-w-2xl", children: [
+      /* @__PURE__ */ jsx34(TextSkeleton.Heading, { className: "w-2/3" }),
+      /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "flex justify-between mt-10", children: [
-      /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
-      /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
+    /* @__PURE__ */ jsxs27("div", { className: "flex justify-between mt-10", children: [
+      /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
+      /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
     ] })
   ] });
 }
 
 // src/components/loading/margin-report-skeleton.tsx
-import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 function MarginReportSkeleton({ animate = true, description, overlayContent }) {
-  return /* @__PURE__ */ jsxs29("main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
-    /* @__PURE__ */ jsxs29("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
-      /* @__PURE__ */ jsxs29("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx36("div", { className: "h-10 w-72 bg-[#2A2A2A] rounded" }),
-        /* @__PURE__ */ jsx36("div", { className: "h-4 w-80 bg-[#2A2A2A] rounded" })
+  return /* @__PURE__ */ jsxs28("main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
+    /* @__PURE__ */ jsxs28("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
+      /* @__PURE__ */ jsxs28("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx35("div", { className: "h-10 w-72 bg-[#2A2A2A] rounded" }),
+        /* @__PURE__ */ jsx35("div", { className: "h-4 w-80 bg-[#2A2A2A] rounded" })
       ] }),
-      /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx36("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) }),
-      /* @__PURE__ */ jsxs29("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-        /* @__PURE__ */ jsxs29("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex items-center gap-4 animate-pulse", children: [
-          /* @__PURE__ */ jsx36("div", { className: "w-14 h-14 rounded-lg bg-[#2A2A2A]" }),
-          /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2", children: [
-            /* @__PURE__ */ jsx36("div", { className: "h-4 bg-[#2A2A2A] rounded w-3/4" }),
-            /* @__PURE__ */ jsx36("div", { className: "h-3 bg-[#2A2A2A] rounded w-1/2" })
+      /* @__PURE__ */ jsx35("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx35("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsxs28("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+        /* @__PURE__ */ jsxs28("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex items-center gap-4 animate-pulse", children: [
+          /* @__PURE__ */ jsx35("div", { className: "w-14 h-14 rounded-lg bg-[#2A2A2A]" }),
+          /* @__PURE__ */ jsxs28("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded w-3/4" }),
+            /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-1/2" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs29("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex flex-col gap-4 animate-pulse", children: [
-          /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx36("div", { className: "w-10 h-10 rounded-lg bg-[#2A2A2A]" }),
-              /* @__PURE__ */ jsxs29("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx36("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
-                /* @__PURE__ */ jsx36("div", { className: "h-3 w-20 bg-[#2A2A2A] rounded" })
+        /* @__PURE__ */ jsxs28("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex flex-col gap-4 animate-pulse", children: [
+          /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx35("div", { className: "w-10 h-10 rounded-lg bg-[#2A2A2A]" }),
+              /* @__PURE__ */ jsxs28("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx35("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
+                /* @__PURE__ */ jsx35("div", { className: "h-3 w-20 bg-[#2A2A2A] rounded" })
               ] })
             ] }),
-            /* @__PURE__ */ jsx36("div", { className: "h-6 w-36 bg-[#2A2A2A] rounded" })
+            /* @__PURE__ */ jsx35("div", { className: "h-6 w-36 bg-[#2A2A2A] rounded" })
           ] }),
-          /* @__PURE__ */ jsx36("div", { className: "h-4 w-40 bg-[#2A2A2A] rounded mt-4" })
+          /* @__PURE__ */ jsx35("div", { className: "h-4 w-40 bg-[#2A2A2A] rounded mt-4" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs29("div", { className: "bg-ods-card border border-ods-border rounded-lg overflow-hidden flex flex-col animate-pulse", children: [
-        /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ jsx36("div", { className: "h-6 w-40 bg-[#2A2A2A] rounded" }),
-          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx36("div", { className: "h-5 w-20 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx36("div", { className: "h-4 w-10 bg-[#2A2A2A] rounded" })
+      /* @__PURE__ */ jsx35("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs28("div", { className: "bg-ods-card border border-ods-border rounded-lg overflow-hidden flex flex-col animate-pulse", children: [
+        /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsx35("div", { className: "h-6 w-40 bg-[#2A2A2A] rounded" }),
+          /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx35("div", { className: "h-5 w-20 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx35("div", { className: "h-4 w-10 bg-[#2A2A2A] rounded" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx36("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs29("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-3 min-w-0", children: [
-            /* @__PURE__ */ jsx36("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
-            /* @__PURE__ */ jsxs29("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsx36("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
-              /* @__PURE__ */ jsx36("div", { className: "hidden md:block h-3 w-24 bg-[#2A2A2A] rounded mt-1" })
+        /* @__PURE__ */ jsx35("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs28("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsx35("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
+            /* @__PURE__ */ jsxs28("div", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ jsx35("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
+              /* @__PURE__ */ jsx35("div", { className: "hidden md:block h-3 w-24 bg-[#2A2A2A] rounded mt-1" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-            /* @__PURE__ */ jsx36("div", { className: "h-4 w-16 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx36("div", { className: "h-3 w-8 bg-[#2A2A2A] rounded" })
+          /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+            /* @__PURE__ */ jsx35("div", { className: "h-4 w-16 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx35("div", { className: "h-3 w-8 bg-[#2A2A2A] rounded" })
           ] })
         ] }, j)) })
       ] }, idx)) }),
-      /* @__PURE__ */ jsx36("div", { className: "h-6 w-60 bg-[#2A2A2A] rounded" }),
-      /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx36("div", { className: "h-48 bg-ods-card border border-ods-border rounded" }, i)) }),
-      /* @__PURE__ */ jsxs29("div", { className: "border border-ods-border rounded-3xl p-8 space-y-6", children: [
-        /* @__PURE__ */ jsxs29("div", { className: "flex items-start gap-6", children: [
-          /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2 min-w-0", children: [
-            /* @__PURE__ */ jsx36("div", { className: "h-8 w-72 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx36("div", { className: "h-4 w-3/4 bg-[#2A2A2A] rounded" })
+      /* @__PURE__ */ jsx35("div", { className: "h-6 w-60 bg-[#2A2A2A] rounded" }),
+      /* @__PURE__ */ jsx35("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx35("div", { className: "h-48 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsxs28("div", { className: "border border-ods-border rounded-3xl p-8 space-y-6", children: [
+        /* @__PURE__ */ jsxs28("div", { className: "flex items-start gap-6", children: [
+          /* @__PURE__ */ jsxs28("div", { className: "flex-1 space-y-2 min-w-0", children: [
+            /* @__PURE__ */ jsx35("div", { className: "h-8 w-72 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx35("div", { className: "h-4 w-3/4 bg-[#2A2A2A] rounded" })
           ] }),
-          /* @__PURE__ */ jsx36("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-md shrink-0" })
+          /* @__PURE__ */ jsx35("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-md shrink-0" })
         ] }),
-        /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx36("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
+        /* @__PURE__ */ jsx35("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx35("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
       ] })
     ] }),
-    overlayContent && /* @__PURE__ */ jsx36("div", { className: "absolute inset-0 bg-ods-card/80 z-10 rounded-lg pointer-events-none", children: /* @__PURE__ */ jsxs29("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__ */ jsx36("h3", { children: description }),
+    overlayContent && /* @__PURE__ */ jsx35("div", { className: "absolute inset-0 bg-ods-card/80 z-10 rounded-lg pointer-events-none", children: /* @__PURE__ */ jsxs28("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__ */ jsx35("h3", { children: description }),
       overlayContent
     ] }) })
   ] });
@@ -4116,18 +3962,18 @@ function MarginReportSkeleton({ animate = true, description, overlayContent }) {
 
 // src/components/loading/users-grid-skeleton.tsx
 init_cn();
-import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
 function UsersGridSkeleton({ rows = 10, className }) {
   const skeletonRows = Array.from({ length: rows });
-  return /* @__PURE__ */ jsx37("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs30("table", { className: "min-w-full divide-y divide-ods-border", children: [
-    /* @__PURE__ */ jsx37("thead", { className: "bg-[#2A2A2A]", children: /* @__PURE__ */ jsx37("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx37("th", { className: "px-4 py-3 text-left text-[12px] font-medium text-ods-text-primary font-['DM_Sans']", children: h }, h)) }) }),
-    /* @__PURE__ */ jsx37("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx37("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx37("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx37("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
+  return /* @__PURE__ */ jsx36("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs29("table", { className: "min-w-full divide-y divide-ods-border", children: [
+    /* @__PURE__ */ jsx36("thead", { className: "bg-[#2A2A2A]", children: /* @__PURE__ */ jsx36("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx36("th", { className: "px-4 py-3 text-left text-[12px] font-medium text-ods-text-primary font-['DM_Sans']", children: h }, h)) }) }),
+    /* @__PURE__ */ jsx36("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx36("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx36("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx36("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
   ] }) });
 }
 
 // src/components/loading/organization-icon-skeleton.tsx
 init_cn();
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var sizeClasses2 = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
@@ -4154,27 +4000,27 @@ function OrganizationIconSkeleton({
     !showBackground && "overflow-hidden",
     className
   );
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       className: containerClasses,
       role: "status",
       "aria-label": "Loading organization icon",
-      children: /* @__PURE__ */ jsx38("div", { className: "w-1/2 h-1/2 bg-ods-border rounded-sm animate-pulse" })
+      children: /* @__PURE__ */ jsx37("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 jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
 function OrganizationCardSkeleton({
   className,
   containerClassName,
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: cn(
@@ -4184,9 +4030,9 @@ function OrganizationCardSkeleton({
       ),
       role: "status",
       "aria-label": "Loading organization card",
-      children: /* @__PURE__ */ jsxs31("div", { className: "p-4 gap-3 flex flex-col", children: [
-        /* @__PURE__ */ jsxs31("div", { className: "flex items-start gap-3 w-full", children: [
-          /* @__PURE__ */ jsx39(
+      children: /* @__PURE__ */ jsxs30("div", { className: "p-4 gap-3 flex flex-col", children: [
+        /* @__PURE__ */ jsxs30("div", { className: "flex items-start gap-3 w-full", children: [
+          /* @__PURE__ */ jsx38(
             OrganizationIconSkeleton,
             {
               size: "xl",
@@ -4195,29 +4041,29 @@ function OrganizationCardSkeleton({
               className: "w-[60px] h-[60px]"
             }
           ),
-          /* @__PURE__ */ jsxs31("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
-            /* @__PURE__ */ jsx39(TextSkeleton.Subheading, { className: "w-3/4" }),
-            /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-1/2" })
+          /* @__PURE__ */ jsxs30("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
+            /* @__PURE__ */ jsx38(TextSkeleton.Subheading, { className: "w-3/4" }),
+            /* @__PURE__ */ jsx38(TextSkeleton.Caption, { className: "w-1/2" })
           ] })
         ] }),
-        showDescription && /* @__PURE__ */ jsx39("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs31("div", { className: "space-y-1 w-full", children: [
-          /* @__PURE__ */ jsx39(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx39(TextSkeleton.Body, { className: "w-2/3" })
+        showDescription && /* @__PURE__ */ jsx38("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs30("div", { className: "space-y-1 w-full", children: [
+          /* @__PURE__ */ jsx38(TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ jsx38(TextSkeleton.Body, { className: "w-2/3" })
         ] }) }),
-        showFooter && /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
-          /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
-            /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx39(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-8" })
+        showFooter && /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
+          /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
+            /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx38(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx38(TextSkeleton.Caption, { className: "w-8" })
             ] }),
-            /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx39(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-10" })
+            /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx38(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx38(TextSkeleton.Caption, { className: "w-10" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx39("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
-            /* @__PURE__ */ jsx39("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx39(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
-            /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-16" })
+          /* @__PURE__ */ jsx38("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
+            /* @__PURE__ */ jsx38("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx38(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
+            /* @__PURE__ */ jsx38(TextSkeleton.Caption, { className: "w-16" })
           ] }) })
         ] })
       ] })
@@ -4231,7 +4077,7 @@ function OrganizationCardSkeletonGrid({
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: cn(
@@ -4240,7 +4086,7 @@ function OrganizationCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} organization cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx39(
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx38(
         OrganizationCardSkeleton,
         {
           containerClassName,
@@ -4255,9 +4101,9 @@ function OrganizationCardSkeletonGrid({
 
 // src/components/loading/device-card-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 DeviceCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
       className: cn(
@@ -4267,19 +4113,19 @@ function DeviceCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading device card",
       children: [
-        /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-3", children: [
-          /* @__PURE__ */ jsx40("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__ */ jsx40("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx40("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx40("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx40("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
+        /* @__PURE__ */ jsxs31("div", { className: "flex gap-4 items-center px-4 py-3", children: [
+          /* @__PURE__ */ jsx39("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__ */ jsx39("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx39("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx39("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx39("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-2", children: [
-          /* @__PURE__ */ jsx40("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx40(OrganizationIconSkeleton, { size: "sm" }),
-          /* @__PURE__ */ jsx40("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx40("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
+        /* @__PURE__ */ jsxs31("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx39("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx39(OrganizationIconSkeleton, { size: "sm" }),
+          /* @__PURE__ */ jsx39("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx39("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
         ] }),
-        /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-2", children: [
-          /* @__PURE__ */ jsx40("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx40("div", { className: "flex-1", children: /* @__PURE__ */ jsx40("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
+        /* @__PURE__ */ jsxs31("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx39("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx39("div", { className: "flex-1", children: /* @__PURE__ */ jsx39("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
         ] })
       ]
     }
@@ -4289,7 +4135,7 @@ function DeviceCardSkeletonGrid({
   count = 12,
   className
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
@@ -4298,22 +4144,22 @@ function DeviceCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} device cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx40(DeviceCardSkeleton, {}, index))
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx39(DeviceCardSkeleton, {}, index))
     }
   );
 }
 
 // src/components/vendor-page-skeleton.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function VendorPageSkeleton() {
-  return /* @__PURE__ */ jsx41(VendorDetailLayoutSkeleton, {});
+  return /* @__PURE__ */ jsx40(VendorDetailLayoutSkeleton, {});
 }
 
 // src/components/why-it-matters.tsx
-import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
 
 // src/components/yes-no-display.tsx
-import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
 function YesNoDisplay({
   value,
   yesText = "Yes",
@@ -4322,20 +4168,20 @@ function YesNoDisplay({
   className = ""
 }) {
   if (customText) {
-    return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx43(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx43("span", { className: "text-ods-text-primary text-[16px]", children: customText })
+    return /* @__PURE__ */ jsxs33("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx42(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx42("span", { className: "text-ods-text-primary text-[16px]", children: customText })
     ] });
   }
   if (value) {
-    return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx43(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx43("span", { className: "text-ods-text-primary text-[16px]", children: yesText })
+    return /* @__PURE__ */ jsxs33("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx42(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx42("span", { className: "text-ods-text-primary text-[16px]", children: yesText })
     ] });
   }
-  return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
-    /* @__PURE__ */ jsx43(XCircleIcon, { className: "h-6 w-6" }),
-    /* @__PURE__ */ jsx43("span", { className: "text-ods-text-secondary text-[16px]", children: noText })
+  return /* @__PURE__ */ jsxs33("div", { className: `flex items-center gap-2 ${className}`, children: [
+    /* @__PURE__ */ jsx42(XCircleIcon, { className: "h-6 w-6" }),
+    /* @__PURE__ */ jsx42("span", { className: "text-ods-text-secondary text-[16px]", children: noText })
   ] });
 }
 function evaluateFeatureValue(value, dataType) {
@@ -4370,7 +4216,7 @@ function evaluateFeatureValue(value, dataType) {
 
 // src/components/made-with-love.tsx
 import { useState as useState5, useEffect as useEffect4 } from "react";
-import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
 function MadeWithLove({
   className = "",
   size = "md",
@@ -4444,14 +4290,14 @@ function MadeWithLove({
     marginLeft: "4px",
     textDecoration: "none"
   };
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       style: containerStyle,
       className,
       children: [
         "Made with love by",
-        /* @__PURE__ */ jsxs35(
+        /* @__PURE__ */ jsxs34(
           "a",
           {
             href: flamingoUrl,
@@ -4461,14 +4307,14 @@ function MadeWithLove({
             onMouseEnter: () => setIsHovered(true),
             onMouseLeave: () => setIsHovered(false),
             children: [
-              /* @__PURE__ */ jsx44("div", { style: logoStyle, children: /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx43("div", { style: logoStyle, children: /* @__PURE__ */ jsx43(
                 FlamingoLogo2,
                 {
                   size: config.logoSize,
                   color: "#f357bb"
                 }
               ) }),
-              /* @__PURE__ */ jsx44("span", { style: textStyle, children: "Flamingo" })
+              /* @__PURE__ */ jsx43("span", { style: textStyle, children: "Flamingo" })
             ]
           }
         )
@@ -4480,7 +4326,7 @@ function MadeWithLove({
 // src/components/date-time-picker.tsx
 init_cn();
 import DatePicker2 from "react-datepicker";
-import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs35 } 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",
@@ -4504,9 +4350,9 @@ function DateTimePicker({
   timeIntervals = 15,
   dateFormat = "MMMM d, yyyy h:mm aa"
 }) {
-  return /* @__PURE__ */ jsxs36("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsx45(Label, { className: "font-['Azeret_Mono'] text-[12px] font-semibold leading-[1em] tracking-[-0.02em] text-ods-text-secondary uppercase", children: label }),
-    /* @__PURE__ */ jsx45("div", { className: "w-full", children: /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsxs35("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsx44(Label, { className: "font-['Azeret_Mono'] text-[12px] font-semibold leading-[1em] tracking-[-0.02em] text-ods-text-secondary uppercase", children: label }),
+    /* @__PURE__ */ jsx44("div", { className: "w-full", children: /* @__PURE__ */ jsx44(
       DatePicker2,
       {
         selected: value,
@@ -4521,7 +4367,7 @@ function DateTimePicker({
         className: inputClassName
       }
     ) }),
-    /* @__PURE__ */ jsx45("style", { dangerouslySetInnerHTML: { __html: `
+    /* @__PURE__ */ jsx44("style", { dangerouslySetInnerHTML: { __html: `
         .react-datepicker-wrapper {
           width: 100% !important;
           display: block !important;
@@ -4624,1233 +4470,9 @@ function DateTimePicker({
   ] });
 }
 
-// src/components/shared/product-release/product-releases-view.tsx
-init_cn();
-import { Fragment as Fragment6, jsx as jsx46, jsxs as jsxs37 } 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;
-var DEFAULT_PAGE_PARAM_KEY = "page";
-function ReleaseRow({
-  release,
-  basePath,
-  buildCardProps
-}) {
-  const runtime = useChatRuntime();
-  const router = useRouter();
-  const cta = resolveContentHref(runtime?.composeContentUrl, {
-    type: "product_release",
-    slug: release.slug,
-    basePath,
-    platforms: release.product_release_platforms
-  });
-  const { target, rel } = useEntityCardLink({ href: cta.href, targetPlatform: cta.targetPlatform });
-  const onClick = (e) => {
-    if (e.defaultPrevented || isModifierClick(e) || target === "_blank") return;
-    e.preventDefault();
-    executeNavigationImperative({
-      runtime,
-      href: cta.href,
-      targetPlatform: cta.targetPlatform,
-      fallbackNavigate: router.push
-    });
-  };
-  return /* @__PURE__ */ jsx46(
-    ProductReleaseCard,
-    {
-      size: "lg",
-      title: release.title,
-      summary: release.summary,
-      version: release.version,
-      ...buildCardProps(release),
-      anchorProps: { href: cta.href, target, rel, onClick }
-    }
-  );
-}
-function ProductReleasesView({
-  endpoint = DEFAULT_ENDPOINT,
-  initialData,
-  itemsPerPage = 5,
-  basePath = "/releases",
-  buildCardProps = buildProductReleaseCardProps,
-  searchParamKey = DEFAULT_SEARCH_PARAM_KEY,
-  statusParamKey = DEFAULT_STATUS_PARAM_KEY,
-  pageParamKey = DEFAULT_PAGE_PARAM_KEY,
-  className
-} = {}) {
-  const searchParams = useSearchParams();
-  const router = useRouter();
-  const pathname = usePathname();
-  const search = searchParams.get(searchParamKey) || "";
-  const status = searchParams.get(statusParamKey) || "all";
-  const currentPage = Math.max(1, parseInt(searchParams.get(pageParamKey) || "1", 10) || 1);
-  const offset = (currentPage - 1) * itemsPerPage;
-  const listParams = new URLSearchParams({ limit: String(itemsPerPage), offset: String(offset) });
-  if (search) listParams.set(searchParamKey, search);
-  if (status && status !== "all") listParams.set(statusParamKey, status);
-  const { data, isLoading, error, reload } = useSelfFetch(
-    `${endpoint}?${listParams.toString()}`,
-    { initialData }
-  );
-  const releases = data?.data ?? [];
-  const totalCount = data?.count ?? 0;
-  const totalPages = Math.ceil(totalCount / itemsPerPage);
-  const hasActiveFilters = search !== "" || status !== "all";
-  const showEmpty = !isLoading && !error && releases.length === 0;
-  const goToPage = (page) => {
-    const params = new URLSearchParams(searchParams.toString());
-    params.set(pageParamKey, String(page));
-    router.replace(`${pathname}?${params.toString()}`, { scroll: false });
-  };
-  const resetFilters = () => {
-    const params = new URLSearchParams(searchParams.toString());
-    params.delete(searchParamKey);
-    params.delete(statusParamKey);
-    params.delete(pageParamKey);
-    router.replace(`${pathname}?${params.toString()}`, { scroll: false });
-  };
-  if (error) {
-    return /* @__PURE__ */ jsx46("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx46(LoadError, { message: "Failed to load releases.", onRetry: reload }) });
-  }
-  return /* @__PURE__ */ jsx46("div", { className: cn("w-full flex flex-col gap-[40px]", className), children: /* @__PURE__ */ jsx46("div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ jsx46("div", { className: "h-[600px] flex items-center justify-center", children: hasActiveFilters ? /* @__PURE__ */ jsx46(
-    EmptyState,
-    {
-      type: "search",
-      title: "No releases found",
-      description: "No releases match your current filters. Try adjusting your search or status filter.",
-      showCTA: true,
-      ctaText: "Reset Filters",
-      onCtaClick: resetFilters
-    }
-  ) : /* @__PURE__ */ jsx46(
-    EmptyState,
-    {
-      type: "generic",
-      title: "No releases available",
-      description: "Check back soon for product updates!",
-      showCTA: false
-    }
-  ) }) : /* @__PURE__ */ jsxs37(Fragment6, { children: [
-    /* @__PURE__ */ jsx46("div", { className: "flex flex-col gap-6", children: Array.from({ length: itemsPerPage }).map((_, i) => {
-      const release = releases[i];
-      const hasData = !!release;
-      return /* @__PURE__ */ jsx46(
-        "div",
-        {
-          style: { visibility: isLoading || hasData ? "visible" : "hidden" },
-          children: isLoading ? /* @__PURE__ */ jsx46(ProductReleaseCardSkeleton, { size: "lg" }) : release ? /* @__PURE__ */ jsx46(ReleaseRow, { release, basePath, buildCardProps }) : /* @__PURE__ */ jsx46(ProductReleaseCardSkeleton, { size: "lg" })
-        },
-        release?.id ?? `slot-${i}`
-      );
-    }) }),
-    /* @__PURE__ */ jsx46("div", { className: "mt-6 md:mt-8 flex justify-center", children: isLoading ? /* @__PURE__ */ jsx46("div", { className: "h-12 m-3 w-64" }) : releases.length > 0 && totalPages > 1 ? /* @__PURE__ */ jsx46(
-      PersistentPaginationWrapper,
-      {
-        isLoading: false,
-        currentPage,
-        totalPages,
-        onPageChange: goToPage,
-        variant: "blog"
-      }
-    ) : /* @__PURE__ */ jsx46("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 useState7, useEffect as useEffect5 } from "react";
-
-// src/components/shared/media-gallery-strip.tsx
-import { useState as useState6 } from "react";
-import { Fragment as Fragment7, jsx as jsx47, jsxs as jsxs38 } from "react/jsx-runtime";
-function isGalleryImage(mediaType) {
-  return mediaType !== "video" && mediaType !== "demo";
-}
-function MediaGalleryStrip({ items, maxDisplay, className }) {
-  const [galleryOpen, setGalleryOpen] = useState6(false);
-  const [galleryIndex, setGalleryIndex] = useState6(0);
-  if (!items || items.length === 0) return null;
-  const display = typeof maxDisplay === "number" ? items.slice(0, Math.max(0, maxDisplay)) : items;
-  const galleryImages = display.filter((m) => isGalleryImage(m.media_type)).map((m) => m.media_url);
-  const tileClass = "shrink-0 w-[240px] h-[200px] rounded-md overflow-hidden border border-ods-border bg-black transition-opacity";
-  return /* @__PURE__ */ jsxs38(Fragment7, { children: [
-    /* @__PURE__ */ jsx47("div", { className: `flex gap-6 overflow-x-auto w-full ${className ?? ""}`, children: display.map((mediaItem, index) => {
-      if (isGalleryImage(mediaItem.media_type)) {
-        return /* @__PURE__ */ jsx47(
-          "button",
-          {
-            type: "button",
-            className: `${tileClass} cursor-pointer hover:opacity-80`,
-            "aria-label": `Open ${mediaItem.title || `media ${index + 1}`} in gallery`,
-            onClick: () => {
-              setGalleryIndex(display.slice(0, index).filter((m) => isGalleryImage(m.media_type)).length);
-              setGalleryOpen(true);
-            },
-            children: /* @__PURE__ */ jsx47("img", { src: mediaItem.media_url, alt: mediaItem.title || `Media ${index + 1}`, className: "w-full h-full object-cover" })
-          },
-          mediaItem.id || index
-        );
-      }
-      return /* @__PURE__ */ jsx47("div", { className: tileClass, children: /* @__PURE__ */ jsx47(Video, { url: mediaItem.media_url, layout: "native" }) }, mediaItem.id || index);
-    }) }),
-    galleryImages.length > 0 && /* @__PURE__ */ jsx47(
-      ImageGalleryModal,
-      {
-        images: galleryImages,
-        isOpen: galleryOpen,
-        onClose: () => setGalleryOpen(false),
-        initialIndex: galleryIndex
-      }
-    )
-  ] });
-}
-
-// src/components/shared/product-release/release-detail-page.tsx
-import { AlertTriangle, ExternalLink, BookMarked, Sparkles as Sparkles2, TrendingUp, Wrench } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
-var DefaultMarkdownRenderer = RichMarkdownRenderer;
-function ReleaseDetailPage({
-  authorHref,
-  slug,
-  initialData,
-  useRelease,
-  MarkdownRenderer = DefaultMarkdownRenderer,
-  RoadmapSection,
-  DeliverySection,
-  VideoSection,
-  VideoDisplaySection,
-  roadmapApiEndpoint = "/api/roadmap",
-  deliveryApiEndpoint = "/api/delivery",
-  backButton
-}) {
-  const router = useRouter();
-  const { data: fetchedRelease, error, isLoading } = useRelease(initialData ? void 0 : slug);
-  const release = initialData || fetchedRelease;
-  const showBackButton = backButton !== false;
-  const backLabel = (backButton ? backButton.label : void 0) ?? "Back to home";
-  const backHref = (backButton ? backButton.href : void 0) ?? "/";
-  const [roadmapTasks, setRoadmapTasks] = useState7([]);
-  const [deliveryData, setDeliveryData] = useState7(null);
-  const [roadmapLoading, setRoadmapLoading] = useState7(false);
-  const [deliveryLoading, setDeliveryLoading] = useState7(false);
-  useEffect5(() => {
-    async function fetchLinkedTasks() {
-      if (!release) return;
-      try {
-        const roadmapTasksData = release.clickup_roadmap_tasks;
-        if (roadmapTasksData && roadmapTasksData.length > 0 && RoadmapSection) {
-          setRoadmapLoading(true);
-          const roadmapIds = roadmapTasksData.map((t) => t.clickup_task_id).join(",");
-          const roadmapResponse = await contentFetch(`${roadmapApiEndpoint}?task_ids=${roadmapIds}`);
-          const roadmapData = await roadmapResponse.json();
-          setRoadmapTasks(roadmapData.items || []);
-          setRoadmapLoading(false);
-        }
-        const deliveryTasksData = release.clickup_delivery_tasks;
-        if (deliveryTasksData && deliveryTasksData.length > 0 && DeliverySection) {
-          setDeliveryLoading(true);
-          const deliveryIds = deliveryTasksData.map((t) => t.clickup_task_id).join(",");
-          const deliveryResponse = await contentFetch(`${deliveryApiEndpoint}?task_ids=${deliveryIds}`);
-          const deliveryResponseData = await deliveryResponse.json();
-          setDeliveryData(deliveryResponseData);
-          setDeliveryLoading(false);
-        }
-      } catch (err) {
-        console.error("Error fetching linked tasks:", err);
-        setRoadmapLoading(false);
-        setDeliveryLoading(false);
-      }
-    }
-    fetchLinkedTasks();
-  }, [release, RoadmapSection, DeliverySection, roadmapApiEndpoint, deliveryApiEndpoint]);
-  if (!initialData && isLoading) {
-    return /* @__PURE__ */ jsx48(PageShell, { children: /* @__PURE__ */ jsx48("div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ jsx48(DetailPageSkeleton, { bare: true, metadataColumns: 4, showImageGallery: true }) }) });
-  }
-  if (error || !release) {
-    return /* @__PURE__ */ jsx48(PageShell, { children: /* @__PURE__ */ jsxs39("div", { className: "text-center py-16", children: [
-      /* @__PURE__ */ jsx48("h1", { className: "text-4xl font-bold text-ods-text-primary mb-4", children: "Release Not Found" }),
-      /* @__PURE__ */ jsx48("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;
-  const releaseTitle = release.title;
-  const releaseVersion = release.version;
-  const releaseSummary = release.summary;
-  const releaseContent = release.content;
-  const releaseDate = release.release_date;
-  const releaseType = release.release_type;
-  const releaseStatus = release.release_status;
-  const releaseMedia = release.release_media;
-  const author = release.author;
-  const githubReleases = release.github_releases;
-  const knowledgeBaseLinks = release.knowledge_base_links;
-  const migrationGuideUrl = release.migration_guide_url;
-  const documentationUrl = release.documentation_url;
-  const youtubeUrl = release.youtube_url;
-  const mainVideoUrl = release.main_video_url;
-  const videoBites = release.video_bites;
-  const highlightVideoUrl = release.highlight_video_url;
-  const highlightVideoThumbnail = release.highlight_video_thumbnail;
-  const breakingChanges = release.breaking_changes;
-  const featuresAdded = release.features_added;
-  const bugFixed = release.bugs_fixed;
-  const improvements = release.improvements;
-  return /* @__PURE__ */ jsx48(PageShell, { children: /* @__PURE__ */ jsx48(
-    PageLayout,
-    {
-      backButton: showBackButton ? { label: backLabel, onClick: () => router.push(backHref) } : void 0,
-      children: /* @__PURE__ */ jsxs39("div", { className: "space-y-6 md:space-y-8", children: [
-        /* @__PURE__ */ jsx48("div", { className: "flex flex-col md:flex-row md:items-end gap-4 w-full", children: /* @__PURE__ */ jsxs39("div", { className: "flex-1 flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx48("h1", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary", children: releaseTitle }),
-          /* @__PURE__ */ jsxs39("p", { className: "text-h4 text-ods-text-secondary", children: [
-            "Version: ",
-            releaseVersion
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsx48(EntityTagBadges, { tags: release.product_release_tags }),
-        /* @__PURE__ */ jsxs39("div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
-          /* @__PURE__ */ jsx48("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__ */ jsxs39("div", { className: "flex flex-col gap-0", children: [
-            /* @__PURE__ */ jsx48("p", { className: "text-h4 text-ods-text-primary", children: releaseType.toLocaleUpperCase() }),
-            /* @__PURE__ */ jsx48("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Type" })
-          ] }) }),
-          /* @__PURE__ */ jsx48("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__ */ jsxs39("div", { className: "flex flex-col gap-0", children: [
-            /* @__PURE__ */ jsx48("p", { className: "text-h4 text-ods-text-primary", children: releaseStatus.toLocaleUpperCase() }),
-            /* @__PURE__ */ jsx48("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Status" })
-          ] }) }),
-          /* @__PURE__ */ jsx48("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__ */ jsxs39("div", { className: "flex flex-col gap-0", children: [
-            /* @__PURE__ */ jsx48("p", { className: "text-h4 text-ods-text-primary", children: formatReleaseDate(releaseDate) }),
-            /* @__PURE__ */ jsx48("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Date" })
-          ] }) }),
-          /* @__PURE__ */ jsx48(
-            EntityMetadataAuthorCell,
-            {
-              author: author ?? { full_name: null, avatar_url: null },
-              authorHref: author?.full_name ? authorHref : void 0
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx48(MediaGalleryStrip, { items: releaseMedia ?? [], maxDisplay: 5 }),
-        releaseSummary && /* @__PURE__ */ jsx48("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx48("p", { children: releaseSummary }) }),
-        VideoDisplaySection ? /* @__PURE__ */ jsx48(
-          VideoDisplaySection,
-          {
-            mainVideoUrl,
-            youtubeUrl,
-            highlightVideoUrl,
-            highlightVideoThumbnail,
-            title: releaseTitle,
-            videoBites,
-            bitesTitle: "Video Clips",
-            filterPublishedBites: true,
-            srtContent: release?.srt_content,
-            captionsUrl: release?.captionsUrl
-          }
-        ) : /* @__PURE__ */ jsxs39(Fragment8, { children: [
-          youtubeUrl && /* @__PURE__ */ jsx48(
-            Video,
-            {
-              kind: "youtube",
-              url: youtubeUrl,
-              title: `${releaseTitle} - Video`,
-              layout: "native"
-            }
-          ),
-          !youtubeUrl && mainVideoUrl && /* @__PURE__ */ jsx48(
-            Video,
-            {
-              url: mainVideoUrl,
-              srtContent: release?.srt_content,
-              captionsUrl: release?.captionsUrl,
-              layout: "centered"
-            }
-          ),
-          highlightVideoUrl && /* @__PURE__ */ jsx48(
-            Video,
-            {
-              url: highlightVideoUrl,
-              poster: highlightVideoThumbnail,
-              layout: "centered"
-            }
-          )
-        ] }),
-        releaseContent && /* @__PURE__ */ jsx48("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx48(MarkdownRenderer, { content: releaseContent }) }),
-        hasBreakingChanges && /* @__PURE__ */ jsx48(Card, { className: "border-red-500 bg-red-500/10", children: /* @__PURE__ */ jsx48(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx48(AlertTriangle, { className: "h-6 w-6 text-red-500" }),
-          /* @__PURE__ */ jsxs39("div", { children: [
-            /* @__PURE__ */ jsx48("h3", { className: "font-bold text-red-500 text-lg", children: "Breaking Changes" }),
-            /* @__PURE__ */ jsx48("p", { className: "text-ods-text-secondary", children: "This release contains breaking changes. Review carefully before upgrading." })
-          ] })
-        ] }) }) }),
-        /* @__PURE__ */ jsx48(
-          ReleaseChangelogSection,
-          {
-            title: "Breaking Changes",
-            entries: breakingChanges || [],
-            isBreaking: true,
-            hideTitle: true,
-            icon: /* @__PURE__ */ jsx48(AlertTriangle, { className: "h-6 w-6" }),
-            SimpleMarkdownRenderer: MarkdownRenderer
-          }
-        ),
-        /* @__PURE__ */ jsx48(
-          ReleaseChangelogSection,
-          {
-            title: "Features Added",
-            entries: featuresAdded || [],
-            icon: /* @__PURE__ */ jsx48(Sparkles2, { className: "h-6 w-6" }),
-            previewFirst: true,
-            SimpleMarkdownRenderer: MarkdownRenderer
-          }
-        ),
-        /* @__PURE__ */ jsx48(
-          ReleaseChangelogSection,
-          {
-            title: "Bugs Fixed",
-            entries: bugFixed || [],
-            icon: /* @__PURE__ */ jsx48(Wrench, { className: "h-6 w-6" }),
-            previewFirst: true,
-            SimpleMarkdownRenderer: MarkdownRenderer
-          }
-        ),
-        /* @__PURE__ */ jsx48(
-          ReleaseChangelogSection,
-          {
-            title: "Improvements",
-            entries: improvements || [],
-            icon: /* @__PURE__ */ jsx48(TrendingUp, { className: "h-6 w-6" }),
-            previewFirst: true,
-            SimpleMarkdownRenderer: MarkdownRenderer
-          }
-        ),
-        !VideoDisplaySection && VideoSection && videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx48(
-          VideoSection,
-          {
-            bites: videoBites,
-            title: "Video Clips",
-            filterPublished: true
-          }
-        ),
-        RoadmapSection && (roadmapLoading || roadmapTasks.length > 0) && /* @__PURE__ */ jsxs39("div", { className: "space-y-4 w-full", children: [
-          /* @__PURE__ */ jsx48("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Roadmap Items" }),
-          /* @__PURE__ */ jsx48(
-            RoadmapSection,
-            {
-              items: roadmapTasks,
-              isLoading: roadmapLoading,
-              onItemUpdate: (updatedItem) => {
-                setRoadmapTasks(
-                  (prevTasks) => prevTasks.map(
-                    (task) => task.id === updatedItem.id ? updatedItem : task
-                  )
-                );
-              }
-            }
-          )
-        ] }),
-        DeliverySection && (deliveryLoading || deliveryData && (deliveryData.completed.length > 0 || deliveryData.inProgress.length > 0)) && /* @__PURE__ */ jsxs39("div", { className: "w-full space-y-4", children: [
-          /* @__PURE__ */ jsx48("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Enhancements and Bug-fixes" }),
-          /* @__PURE__ */ jsx48(
-            DeliverySection,
-            {
-              data: deliveryData,
-              isLoading: deliveryLoading
-            }
-          )
-        ] }),
-        (githubReleases?.length || knowledgeBaseLinks?.length || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ jsxs39("div", { className: "space-y-1 w-full", children: [
-          /* @__PURE__ */ jsx48("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Links" }),
-          /* @__PURE__ */ jsx48(Card, { className: "bg-ods-card border-ods-border p-6", children: /* @__PURE__ */ jsxs39("div", { className: "space-y-4", children: [
-            githubReleases && githubReleases.length > 0 && /* @__PURE__ */ jsx48(Fragment8, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ jsxs39("div", { className: "flex items-start gap-1", children: [
-              /* @__PURE__ */ jsx48(GitHubIcon, { className: "shrink-0", width: 24, height: 24, color: "var(--color-text-secondary)" }),
-              /* @__PURE__ */ jsx48("span", { className: "text-h4 text-ods-text-primary", children: "Github Release" }),
-              /* @__PURE__ */ jsx48(
-                "a",
-                {
-                  href: ghRelease.github_release_url,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: "text-h4 text-[#ffc008] hover:underline",
-                  children: ghRelease.github_release_url.split("/").pop()
-                }
-              ),
-              /* @__PURE__ */ jsx48(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
-            ] }, ghRelease.id)) }),
-            knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ jsx48(Fragment8, { 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__ */ jsxs39("div", { className: "flex items-start gap-1", children: [
-                /* @__PURE__ */ jsx48(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
-                /* @__PURE__ */ jsx48("span", { className: "text-h4 text-ods-text-primary", children: "Knowledge Base" }),
-                /* @__PURE__ */ jsx48(
-                  next_link_default,
-                  {
-                    href: path.startsWith("http") ? path : `/knowledge-base${path.startsWith("/") ? "" : "/"}${path}`,
-                    className: "text-h4 text-[#ffc008] hover:underline",
-                    children: path.replace(/^\//, "").split("/").pop()?.replace(/-/g, " ") || "View Article"
-                  }
-                ),
-                /* @__PURE__ */ jsx48(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
-              ] }, linkId);
-            }) }),
-            migrationGuideUrl && /* @__PURE__ */ jsxs39("div", { className: "flex items-start gap-1", children: [
-              /* @__PURE__ */ jsx48(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
-              /* @__PURE__ */ jsx48(
-                "a",
-                {
-                  href: migrationGuideUrl,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: "text-h4 text-[#ffc008] hover:underline",
-                  children: "\u{1F4D6} Migration Guide"
-                }
-              ),
-              /* @__PURE__ */ jsx48(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
-            ] }),
-            documentationUrl && /* @__PURE__ */ jsxs39("div", { className: "flex items-start gap-1", children: [
-              /* @__PURE__ */ jsx48(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
-              /* @__PURE__ */ jsx48(
-                "a",
-                {
-                  href: documentationUrl,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: "text-h4 text-[#ffc008] hover:underline",
-                  children: "\u{1F4DA} Documentation"
-                }
-              ),
-              /* @__PURE__ */ jsx48(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
-            ] })
-          ] }) })
-        ] })
-      ] })
-    }
-  ) });
-}
-
-// src/components/shared/product-release/release-detail-skeleton.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
-function ReleaseDetailSkeleton() {
-  return /* @__PURE__ */ jsx49(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
-}
-
-// src/components/shared/roadmap/roadmap-grid.tsx
-import { useEffect as useEffect7, useRef as useRef4, useState as useState9 } from "react";
-
-// src/components/shared/roadmap/use-roadmap-voting.ts
-import { useState as useState8, useEffect as useEffect6, useCallback as useCallback3 } 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] = useState8({});
-  const [isLoading, setIsLoading] = useState8(true);
-  useEffect6(() => {
-    setIsLoading(true);
-    setVotes({});
-    try {
-      const stored = localStorage.getItem(storageKey);
-      if (stored) {
-        setVotes(JSON.parse(stored));
-      }
-    } catch (error) {
-      console.error("[Voting] Error loading votes from localStorage:", error);
-    } finally {
-      setIsLoading(false);
-    }
-  }, [storageKey]);
-  useEffect6(() => {
-    if (!isLoading) {
-      try {
-        localStorage.setItem(storageKey, JSON.stringify(votes));
-      } catch (error) {
-        console.error("[Voting] Error saving votes to localStorage:", error);
-      }
-    }
-  }, [votes, isLoading, storageKey]);
-  const getVote = useCallback3(
-    (taskId) => {
-      return votes[taskId] || null;
-    },
-    [votes]
-  );
-  const toggleVote = useCallback3(
-    async (taskId, voteType) => {
-      const currentVote = votes[taskId];
-      let newVote = null;
-      let action = "add";
-      if (currentVote === voteType) {
-        newVote = null;
-        action = "remove";
-      } else {
-        if (currentVote) {
-          await contentFetch(voteApiEndpoint, {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({
-              taskId,
-              voteType: currentVote,
-              action: "remove"
-            })
-          }).catch((err) => console.error("[Voting] Error removing opposite vote:", err));
-        }
-        newVote = voteType;
-        action = "add";
-      }
-      setVotes((prev) => ({
-        ...prev,
-        [taskId]: newVote
-      }));
-      try {
-        const response = await contentFetch(voteApiEndpoint, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ taskId, voteType, action })
-        });
-        if (!response.ok) {
-          throw new Error("Vote API request failed");
-        }
-        return { success: true, newVote, action };
-      } catch (error) {
-        console.error("[Voting] API error:", error);
-        setVotes((prev) => ({
-          ...prev,
-          [taskId]: currentVote
-        }));
-        return { success: false, newVote: currentVote, action };
-      }
-    },
-    [votes, voteApiEndpoint]
-  );
-  const clearVotes = useCallback3(() => {
-    setVotes({});
-    localStorage.removeItem(storageKey);
-  }, [storageKey]);
-  return {
-    votes,
-    isLoading,
-    getVote,
-    toggleVote,
-    clearVotes
-  };
-}
-
-// src/components/shared/roadmap/roadmap-grid.tsx
-init_cn();
-import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
-var DEFAULT_BUILD_REFRESH_URL = (taskId) => `/api/roadmap/${taskId}`;
-var BACKLOG = "Backlog";
-function getStatusPriority(status) {
-  const s = (status || "").toLowerCase();
-  if (s.includes("complete") || s.includes("done")) return 1;
-  if (s.includes("working") || s.includes("progress")) return 2;
-  if (s.includes("review")) return 3;
-  if (s.includes("to do") || s.includes("plan")) return 4;
-  return 5;
-}
-function parseQuarterString(q) {
-  const match = q.match(/Q(\d+)\s+(\d+)/);
-  if (!match) return null;
-  return { quarter: parseInt(match[1], 10), year: parseInt(match[2], 10) };
-}
-function compareQuarters(a, b) {
-  if (a.year !== b.year) return a.year - b.year;
-  return a.quarter - b.quarter;
-}
-function getCurrentQuarter() {
-  const now = /* @__PURE__ */ new Date();
-  return { quarter: Math.floor(now.getMonth() / 3) + 1, year: now.getFullYear() };
-}
-function computeDefaultExpandedQuarters(quarters, quartersToKeepClosed) {
-  const currentQ = getCurrentQuarter();
-  const out = [];
-  for (const q of quarters) {
-    if (q === BACKLOG) continue;
-    const parsed = parseQuarterString(q);
-    if (!parsed) continue;
-    const diff = compareQuarters(parsed, currentQ);
-    if (diff >= 0) {
-      out.push(q);
-    } else {
-      const quartersAgo = currentQ.year * 4 + currentQ.quarter - (parsed.year * 4 + parsed.quarter);
-      if (quartersAgo < quartersToKeepClosed) out.push(q);
-    }
-  }
-  if (quarters.includes(BACKLOG)) out.push(BACKLOG);
-  return out;
-}
-function RoadmapGridSingle({
-  items,
-  showLeftMargin,
-  getVote,
-  onVote,
-  votingTasks
-}) {
-  return /* @__PURE__ */ jsx50("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: items.map((item) => (
-    // DOM id + sticky-header scroll offset live ON RoadmapCard's own
-    // outer element (no wrapper div). Anchor mirrors
-    // `buildDevSectionUrl('roadmap', <id>)` → `#roadmap-<external_id>`;
-    // `useScrollToHash` in `roadmap-view.tsx` finds the card by id
-    // and scrolls.
-    /* @__PURE__ */ jsx50(
-      RoadmapCard,
-      {
-        item,
-        id: devSectionAnchorId("roadmap", item.id),
-        userVote: getVote(item.id),
-        onVote: (voteType) => onVote(item.id, voteType),
-        isVoting: votingTasks.has(item.id)
-      },
-      item.id
-    )
-  )) });
-}
-function RoadmapGrid({
-  items,
-  onItemUpdate,
-  showLeftMargin = true,
-  buildRefreshUrl = DEFAULT_BUILD_REFRESH_URL,
-  votingOptions,
-  groupByQuarter = false,
-  hasActiveFilters = false,
-  quartersToKeepClosed = 2
-}) {
-  const { getVote, toggleVote } = useRoadmapVoting(votingOptions);
-  const [votingTasks, setVotingTasks] = useState9(/* @__PURE__ */ new Set());
-  const handleVote = async (taskId, voteType) => {
-    if (votingTasks.has(taskId)) return;
-    setVotingTasks((prev) => new Set(prev).add(taskId));
-    try {
-      const result = await toggleVote(taskId, voteType);
-      if (result.success) {
-        const response = await contentFetch(buildRefreshUrl(taskId));
-        if (response.ok) {
-          const data = await response.json();
-          if (data.item && onItemUpdate) onItemUpdate(data.item);
-        }
-      }
-    } finally {
-      setVotingTasks((prev) => {
-        const next = new Set(prev);
-        next.delete(taskId);
-        return next;
-      });
-    }
-  };
-  const itemsByQuarter = items.reduce((acc, item) => {
-    const q = item.quarter || BACKLOG;
-    (acc[q] || (acc[q] = [])).push(item);
-    return acc;
-  }, {});
-  for (const q of Object.keys(itemsByQuarter)) {
-    itemsByQuarter[q].sort((a, b) => getStatusPriority(a.status) - getStatusPriority(b.status));
-  }
-  const sortedQuarters = Object.keys(itemsByQuarter).sort((a, b) => {
-    if (a === BACKLOG) return 1;
-    if (b === BACKLOG) return -1;
-    const aD = parseQuarterString(a) ?? { quarter: 0, year: 0 };
-    const bD = parseQuarterString(b) ?? { quarter: 0, year: 0 };
-    return compareQuarters(aD, bD);
-  });
-  const sortedQuartersKey = sortedQuarters.join(",");
-  const [expandedQuarters, setExpandedQuarters] = useState9([]);
-  const [isInitialized, setIsInitialized] = useState9(false);
-  const hasSetInitialState = useRef4(false);
-  const prevItemsLength = useRef4(0);
-  useEffect7(() => {
-    const itemsJustLoaded = prevItemsLength.current === 0 && items.length > 0;
-    prevItemsLength.current = items.length;
-    if (sortedQuarters.length > 0 && (!hasSetInitialState.current || itemsJustLoaded)) {
-      hasSetInitialState.current = true;
-      setExpandedQuarters(
-        hasActiveFilters ? [...sortedQuarters] : computeDefaultExpandedQuarters(sortedQuarters, quartersToKeepClosed)
-      );
-      setIsInitialized(true);
-    }
-  }, [sortedQuarters.length, items.length]);
-  useEffect7(() => {
-    if (!isInitialized || sortedQuarters.length === 0) return;
-    setExpandedQuarters(
-      hasActiveFilters ? [...sortedQuarters] : computeDefaultExpandedQuarters(sortedQuarters, quartersToKeepClosed)
-    );
-  }, [hasActiveFilters, sortedQuartersKey, isInitialized, quartersToKeepClosed]);
-  if (items.length === 0) {
-    return /* @__PURE__ */ jsx50(
-      EmptyState,
-      {
-        type: "generic",
-        title: "No roadmap items",
-        description: "Check back soon for upcoming features and improvements!"
-      }
-    );
-  }
-  if (!groupByQuarter) {
-    return /* @__PURE__ */ jsx50(
-      RoadmapGridSingle,
-      {
-        items,
-        showLeftMargin,
-        getVote,
-        onVote: handleVote,
-        votingTasks
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx50(
-    Accordion,
-    {
-      type: "multiple",
-      value: expandedQuarters,
-      onValueChange: setExpandedQuarters,
-      className: "flex flex-col gap-10",
-      children: sortedQuarters.map((quarter) => {
-        const itemCount = itemsByQuarter[quarter]?.length || 0;
-        const isExpanded = expandedQuarters.includes(quarter);
-        return /* @__PURE__ */ jsxs40(
-          AccordionItem,
-          {
-            value: quarter,
-            id: `quarter-${quarter.replace(/\s+/g, "-").toLowerCase()}`,
-            className: "border-0",
-            children: [
-              /* @__PURE__ */ jsx50(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__ */ jsxs40("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsxs40(
-                  "h3",
-                  {
-                    className: cn(
-                      "font-['Azeret_Mono'] font-semibold text-[24px] md:text-[28px] lg:text-[32px] leading-[32px] md:leading-[36px] lg:leading-[40px] text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] transition-opacity",
-                      isExpanded ? "opacity-100" : "opacity-60"
-                    ),
-                    children: [
-                      quarter,
-                      /* @__PURE__ */ jsx50("span", { className: "text-ods-accent", children: ":" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxs40(
-                  "span",
-                  {
-                    className: cn(
-                      "text-sm font-medium transition-opacity",
-                      isExpanded ? "text-ods-text-secondary opacity-100" : "text-ods-text-tertiary opacity-60"
-                    ),
-                    children: [
-                      itemCount,
-                      " ",
-                      itemCount === 1 ? "item" : "items",
-                      isInitialized && !isExpanded && /* @__PURE__ */ jsx50("span", { className: "ml-2 text-ods-accent", children: "Click to expand" })
-                    ]
-                  }
-                )
-              ] }) }),
-              /* @__PURE__ */ jsx50(AccordionContent, { className: "pt-4 pb-0 overflow-hidden data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ jsx50(
-                RoadmapGridSingle,
-                {
-                  items: itemsByQuarter[quarter],
-                  showLeftMargin,
-                  getVote,
-                  onVote: handleVote,
-                  votingTasks
-                }
-              ) })
-            ]
-          },
-          quarter
-        );
-      })
-    }
-  );
-}
-
-// src/components/shared/roadmap/roadmap-grid-skeleton.tsx
-import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
-function RoadmapCardSkeleton2() {
-  return /* @__PURE__ */ jsxs41("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[24px] flex flex-col gap-[16px] min-h-[340px] relative", children: [
-    /* @__PURE__ */ jsx51("div", { className: "absolute top-[24px] right-[24px]", children: /* @__PURE__ */ jsx51("div", { className: "h-[20px] w-[80px] bg-ods-border rounded animate-pulse" }) }),
-    /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-[16px] pr-[120px]", children: [
-      /* @__PURE__ */ jsx51("div", { className: "w-[80px] h-[80px] bg-ods-border rounded-lg flex-shrink-0 animate-pulse" }),
-      /* @__PURE__ */ jsxs41("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx51("div", { className: "min-h-[48px] flex items-center", children: /* @__PURE__ */ jsx51("div", { className: "h-[24px] w-full bg-ods-border rounded animate-pulse" }) }),
-        /* @__PURE__ */ jsx51("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx51("div", { className: "h-[14px] w-1/2 bg-ods-border rounded animate-pulse" }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx51("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs41("div", { className: "w-full space-y-2", children: [
-      /* @__PURE__ */ jsx51("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx51("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx51("div", { className: "h-[24px] w-4/5 bg-ods-border rounded animate-pulse" })
-    ] }) }),
-    /* @__PURE__ */ jsx51("div", { className: "flex-1" }),
-    /* @__PURE__ */ jsxs41("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx51("div", { className: "h-[48px] w-[120px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx51("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" })
-    ] })
-  ] });
-}
-function RoadmapGridSkeleton({ count = 4, showLeftMargin = true }) {
-  return /* @__PURE__ */ jsx51("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx51(RoadmapCardSkeleton2, {}, i)) });
-}
-
-// src/components/shared/roadmap/roadmap-view.tsx
-import { useMemo as useMemo2 } from "react";
-import { jsx as jsx52 } 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;
-function RoadmapView({
-  endpoint = DEFAULT_ENDPOINT2,
-  initialItems,
-  showLeftMargin,
-  buildRefreshUrl,
-  votingOptions,
-  searchParamKey = DEFAULT_SEARCH_PARAM_KEY2,
-  statusParamKey = DEFAULT_STATUS_PARAM_KEY2
-} = {}) {
-  const searchParams = useSearchParams();
-  const search = searchParams.get(searchParamKey) || "";
-  const status = searchParams.get(statusParamKey) || "all";
-  const listParams = new URLSearchParams();
-  if (search) listParams.set(searchParamKey, search);
-  if (status && status !== "all") listParams.set(statusParamKey, status);
-  const qs = listParams.toString();
-  const url = qs ? `${endpoint}?${qs}` : endpoint;
-  const initialData = useMemo2(() => initialItems ? { items: initialItems } : void 0, [initialItems]);
-  const { data, setData, isLoading, error, reload } = useSelfFetch(
-    url,
-    { initialData }
-  );
-  const items = data?.items ?? [];
-  useScrollToHash(data, { headerOffset: STICKY_HEADER_OFFSET_PX });
-  if (error) {
-    return /* @__PURE__ */ jsx52(LoadError, { message: "Failed to load roadmap.", onRetry: reload });
-  }
-  if (isLoading && !data) {
-    return /* @__PURE__ */ jsx52(RoadmapGridSkeleton, { showLeftMargin });
-  }
-  return /* @__PURE__ */ jsx52(
-    RoadmapGrid,
-    {
-      items,
-      showLeftMargin,
-      buildRefreshUrl,
-      votingOptions,
-      groupByQuarter: true,
-      hasActiveFilters: search !== "" || status !== "all",
-      onItemUpdate: (updated) => setData(
-        (prev) => prev ? { ...prev, items: (prev.items ?? []).map((it) => it.id === updated.id ? updated : it) } : prev
-      )
-    }
-  );
-}
-
-// src/components/shared/delivery/delivery-lists.tsx
-import { useEffect as useEffect8, useState as useState10 } from "react";
-
-// src/components/shared/delivery/delivery-table.tsx
-import { jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
-function SkeletonRow() {
-  return /* @__PURE__ */ jsx53("div", { className: "border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]", children: /* @__PURE__ */ jsxs42("div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
-    /* @__PURE__ */ jsxs42("div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
-      /* @__PURE__ */ jsx53("div", { className: "min-h-[24px] flex items-center", children: /* @__PURE__ */ jsx53("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }) }),
-      /* @__PURE__ */ jsx53("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx53("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-1/2" }) }),
-      /* @__PURE__ */ jsx53("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs42("div", { className: "flex-1 space-y-1", children: [
-        /* @__PURE__ */ jsx53("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
-        /* @__PURE__ */ jsx53("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
-        /* @__PURE__ */ jsx53("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-2/3" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs42("div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx53("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx53("div", { className: "h-[32px] w-[120px] bg-ods-border rounded animate-pulse" })
-    ] })
-  ] }) });
-}
-function DeliveryTable({ items, isLoading = false }) {
-  if (isLoading) {
-    return /* @__PURE__ */ jsx53("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx53("div", { className: "w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx53(SkeletonRow, {}, i)) }) });
-  }
-  if (items.length === 0) {
-    return /* @__PURE__ */ jsx53("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[40px] text-center w-full", children: /* @__PURE__ */ jsx53("p", { className: "text-ods-text-secondary text-[14px] font-['DM_Sans'] font-medium", children: "No tasks available" }) });
-  }
-  return /* @__PURE__ */ jsx53("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx53("div", { className: "w-full", children: items.map((item) => (
-    // DOM id lives on DeliveryRow's own outer element (no wrapper
-    // div). Anchor mirrors `buildDevSectionUrl('delivery', <id>)`
-    // → `#delivery-<external_id>`; `useScrollToHash` in
-    // `delivery-lists.tsx` finds the row by id and scrolls. The
-    // outer wrapper here ONLY exists for the row separators.
-    /* @__PURE__ */ jsx53(
-      "div",
-      {
-        className: "border-b border-ods-border last:border-b-0",
-        children: /* @__PURE__ */ jsx53(DeliveryRow, { item, id: devSectionAnchorId("delivery", item.id) })
-      },
-      item.id
-    )
-  )) }) });
-}
-
-// src/components/shared/delivery/delivery-lists.tsx
-import { jsx as jsx54, jsxs as jsxs43 } 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;
-var DEFAULT_TASK_TYPE_PARAM_KEY = DEV_SECTION_PARAM_KEYS.deliveryTaskType;
-function DeliveryLists({
-  completedApiEndpoint = DEFAULT_COMPLETED_ENDPOINT,
-  inProgressApiEndpoint = DEFAULT_IN_PROGRESS_ENDPOINT,
-  searchParamKey = DEFAULT_SEARCH_PARAM_KEY3,
-  taskTypeParamKey = DEFAULT_TASK_TYPE_PARAM_KEY
-} = {}) {
-  const searchParams = useSearchParams();
-  const router = useRouter();
-  const pathname = usePathname();
-  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";
-  useEffect8(() => {
-    async function fetchDeliveryData() {
-      try {
-        setIsLoading(true);
-        setError(null);
-        const params = new URLSearchParams();
-        if (searchQuery) {
-          params.set(searchParamKey, searchQuery);
-        }
-        if (taskTypeFilter && taskTypeFilter !== "all") {
-          params.set(taskTypeParamKey, taskTypeFilter);
-        }
-        const queryString = params.toString();
-        const queryParam = queryString ? `?${queryString}` : "";
-        const [completedResponse, inProgressResponse] = await Promise.all([
-          contentFetch(`${completedApiEndpoint}${queryParam}`),
-          contentFetch(`${inProgressApiEndpoint}${queryParam}`)
-        ]);
-        if (!completedResponse.ok || !inProgressResponse.ok) {
-          throw new Error("Failed to fetch delivery items");
-        }
-        const [completedResult, inProgressResult] = await Promise.all([
-          completedResponse.json(),
-          inProgressResponse.json()
-        ]);
-        setData({
-          completed: completedResult.items || [],
-          inProgress: inProgressResult.items || []
-        });
-      } catch (err) {
-        console.error("Error fetching delivery items:", err);
-        setError("Failed to load delivery items. Please try again later.");
-      } finally {
-        setIsLoading(false);
-      }
-    }
-    fetchDeliveryData();
-  }, [searchQuery, taskTypeFilter, completedApiEndpoint, inProgressApiEndpoint, searchParamKey, taskTypeParamKey]);
-  const filteredCompleted = data?.completed || [];
-  const filteredInProgress = data?.inProgress || [];
-  useScrollToHash(data, { headerOffset: STICKY_HEADER_OFFSET_PX });
-  const showCompleted = true;
-  const showInProgress = true;
-  const hasActiveFilters = searchQuery !== "" || taskTypeFilter !== "all";
-  const hasResults = showCompleted && filteredCompleted.length > 0 || showInProgress && filteredInProgress.length > 0;
-  if (error) {
-    return /* @__PURE__ */ jsx54("div", { className: "w-full", children: /* @__PURE__ */ jsx54(LoadError, { message: error, onRetry: () => window.location.reload() }) });
-  }
-  return /* @__PURE__ */ jsxs43("div", { className: "w-full flex flex-col gap-[40px]", children: [
-    !isLoading && !hasResults && (hasActiveFilters ? /* @__PURE__ */ jsx54(
-      EmptyState,
-      {
-        type: "search",
-        title: "No tasks found",
-        description: "No tasks match your current filters. Try adjusting your search or status filter.",
-        showCTA: true,
-        ctaText: "Reset Filters",
-        onCtaClick: () => {
-          const params = new URLSearchParams(searchParams.toString());
-          params.delete(searchParamKey);
-          params.delete(taskTypeParamKey);
-          router.replace(`${pathname}?${params.toString()}`, { scroll: false });
-        }
-      }
-    ) : /* @__PURE__ */ jsx54(
-      EmptyState,
-      {
-        type: "generic",
-        title: "No tasks available",
-        description: "Check back soon for upcoming tasks!",
-        showCTA: false
-      }
-    )),
-    showCompleted && (hasResults || isLoading) && /* @__PURE__ */ jsxs43("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxs43("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__ */ jsx54("span", { className: "text-ods-accent", children: ":" })
-      ] }),
-      /* @__PURE__ */ jsx54(
-        DeliveryTable,
-        {
-          items: filteredCompleted,
-          isLoading
-        }
-      )
-    ] }),
-    showInProgress && (hasResults || isLoading) && /* @__PURE__ */ jsxs43("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxs43("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__ */ jsx54("span", { className: "text-ods-accent", children: ":" })
-      ] }),
-      /* @__PURE__ */ jsx54(
-        DeliveryTable,
-        {
-          items: filteredInProgress,
-          isLoading
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/shared/legal-document/legal-document-page.tsx
-init_next_navigation();
-
-// src/components/shared/legal-document/use-legal-docs.ts
-import { useState as useState11, useEffect as useEffect9, useCallback as useCallback4 } from "react";
-function useLegalDocs(docType, options = {}) {
-  const { initialData = null, apiEndpoint } = options;
-  const effectiveEndpoint = apiEndpoint ?? `/api/legal/${docType}`;
-  const [data, setData] = useState11(initialData ?? null);
-  const [isLoading, setIsLoading] = useState11(!initialData);
-  const [error, setError] = useState11(null);
-  const fetchDocument = useCallback4(async () => {
-    try {
-      setIsLoading(true);
-      setError(null);
-      const response = await contentFetch(effectiveEndpoint);
-      if (!response.ok) {
-        throw new Error(
-          `Failed to fetch ${docType} document: ${response.status} ${response.statusText}`
-        );
-      }
-      const result = await response.json();
-      if (!result.content) {
-        throw new Error(`${docType} document content is empty`);
-      }
-      setData(result);
-    } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Unknown error occurred";
-      console.error("Error fetching legal document:", docType, err);
-      setError(errorMessage);
-    } finally {
-      setIsLoading(false);
-    }
-  }, [docType, effectiveEndpoint]);
-  useEffect9(() => {
-    setData(initialData ?? null);
-    setError(null);
-    setIsLoading(!initialData);
-  }, [docType, initialData]);
-  useEffect9(() => {
-    if (initialData) return;
-    fetchDocument();
-  }, [fetchDocument, initialData]);
-  const refetch = () => {
-    fetchDocument();
-  };
-  return {
-    data,
-    isLoading,
-    error,
-    refetch
-  };
-}
-
-// src/components/shared/legal-document/legal-document-page.tsx
-import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
-function LegalDocumentPage({
-  docType,
-  title,
-  fallbackDescription,
-  contactEmail,
-  errorContactPrompt,
-  errorTitle,
-  emptyStateMessage,
-  initialData = null,
-  initialLastUpdatedLabel = null,
-  apiEndpoint,
-  MarkdownRenderer = RichMarkdownRenderer,
-  backButton
-}) {
-  const router = useRouter();
-  const { data, isLoading, error } = useLegalDocs(docType, { initialData, apiEndpoint });
-  const backCfg = backButton === false ? void 0 : {
-    label: backButton?.label ?? "Back to home",
-    onClick: () => router.push(backButton?.href ?? "/")
-  };
-  const fallbackLastUpdatedLabel = data?.lastSynced != null ? formatLegalDate(data.lastSynced) : null;
-  const effectiveLastUpdatedLabel = initialLastUpdatedLabel ?? fallbackLastUpdatedLabel;
-  const customTitle = /* @__PURE__ */ jsxs44("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs44(PageHeading, { children: [
-      /* @__PURE__ */ jsx55("span", { children: title }),
-      /* @__PURE__ */ jsx55("span", { className: "text-ods-accent", children: "." })
-    ] }),
-    /* @__PURE__ */ jsxs44("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__ */ jsxs44("span", { className: "block text-sm mt-1 opacity-75", children: [
-        "Source: ",
-        data.sourceFile
-      ] })
-    ] })
-  ] });
-  return /* @__PURE__ */ jsx55(PageShell, { children: /* @__PURE__ */ jsxs44(PageLayout, { backButton: backCfg, children: [
-    /* @__PURE__ */ jsx55("div", { className: "flex flex-col gap-4", children: customTitle }),
-    /* @__PURE__ */ jsx55("div", { className: "flex flex-col lg:flex-row gap-6 lg:gap-10 items-start flex-1", children: /* @__PURE__ */ jsx55("div", { className: "flex-1", children: /* @__PURE__ */ jsx55("div", { className: "w-full", children: /* @__PURE__ */ jsx55("article", { className: "space-y-2", children: isLoading ? (
-      // Loading skeleton matching Knowledge Hub pattern
-      /* @__PURE__ */ jsxs44("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsx55("div", { className: "h-10 bg-ods-skeleton rounded-lg w-3/4 animate-pulse" }),
-        /* @__PURE__ */ jsxs44("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx55("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx55("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx55("div", { className: "h-4 bg-ods-skeleton rounded w-5/6 animate-pulse" })
-        ] }),
-        /* @__PURE__ */ jsx55("div", { className: "h-32 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-        /* @__PURE__ */ jsxs44("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx55("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx55("div", { className: "h-4 bg-ods-skeleton rounded w-4/5 animate-pulse" })
-        ] })
-      ] })
-    ) : error ? /* @__PURE__ */ jsxs44("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ jsxs44("div", { className: "bg-red-900/20 border border-red-700 rounded-lg p-6", children: [
-        /* @__PURE__ */ jsx55("p", { className: "text-red-400 mb-2", children: errorTitle }),
-        /* @__PURE__ */ jsx55("p", { className: "text-red-300 text-sm", children: error })
-      ] }),
-      /* @__PURE__ */ jsxs44("div", { className: "text-ods-text-secondary", children: [
-        /* @__PURE__ */ jsx55("p", { children: errorContactPrompt }),
-        /* @__PURE__ */ jsx55("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail })
-      ] })
-    ] }) : data ? /* @__PURE__ */ jsx55(
-      MarkdownRenderer,
-      {
-        content: data.content,
-        sectionIds: data.sections || [],
-        demoteMarkdownH1ToH2: true
-      }
-    ) : /* @__PURE__ */ jsxs44("div", { className: "text-center text-ods-text-secondary py-16", children: [
-      /* @__PURE__ */ jsx55("p", { className: "text-xl", children: emptyStateMessage }),
-      /* @__PURE__ */ jsxs44("p", { className: "mt-2", children: [
-        "Please contact",
-        " ",
-        /* @__PURE__ */ jsx55("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
-        " ",
-        "for more information."
-      ] })
-    ] }) }) }) }) })
-  ] }) });
-}
-
 // src/components/authors/author-detail-view.tsx
 init_cn();
-import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
 function AuthorDetailView({
   author,
   proxyImageUrl,
@@ -5865,9 +4487,9 @@ function AuthorDetailView({
   }) ?? author.avatarUrl : null;
   const subtitle = [author.jobTitle, author.company].filter(Boolean).join(" @ ");
   const bioText = formatBioText(author.about);
-  return /* @__PURE__ */ jsxs45("div", { className: cn("flex flex-col gap-5 md:gap-6", className), children: [
-    /* @__PURE__ */ jsxs45("div", { className: "flex gap-6 w-full items-start", children: [
-      /* @__PURE__ */ jsx56("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx56("div", { className: "rounded-full overflow-hidden bg-ods-bg-secondary border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsxs36("div", { className: cn("flex flex-col gap-5 md:gap-6", className), children: [
+    /* @__PURE__ */ jsxs36("div", { className: "flex gap-6 w-full items-start", children: [
+      /* @__PURE__ */ jsx45("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx45("div", { className: "rounded-full overflow-hidden bg-ods-bg-secondary border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx45(
         next_image_default,
         {
           src: proxiedAvatar,
@@ -5876,12 +4498,12 @@ function AuthorDetailView({
           className: "object-cover",
           unoptimized: true
         }
-      ) : /* @__PURE__ */ jsx56("div", { className: "flex items-center justify-center h-full w-full text-3xl text-ods-text-secondary font-['Azeret_Mono']", children: author.fullName.charAt(0).toUpperCase() }) }) }),
-      /* @__PURE__ */ jsxs45("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
-        /* @__PURE__ */ jsx56("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
-        subtitle && /* @__PURE__ */ jsx56("p", { className: "font-body text-lg text-ods-text-secondary leading-none truncate", children: subtitle }),
+      ) : /* @__PURE__ */ jsx45("div", { className: "flex items-center justify-center h-full w-full text-3xl text-ods-text-secondary font-['Azeret_Mono']", children: author.fullName.charAt(0).toUpperCase() }) }) }),
+      /* @__PURE__ */ jsxs36("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ jsx45("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
+        subtitle && /* @__PURE__ */ jsx45("p", { className: "font-body text-lg text-ods-text-secondary leading-none truncate", children: subtitle }),
         author.socialLinks.length > 0 && // Ghost compact row (transparent 32px) — metadata, not CTAs.
-        /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx45(
           SocialIconRow,
           {
             compact: true,
@@ -5894,8 +4516,8 @@ function AuthorDetailView({
         )
       ] })
     ] }),
-    bioText && /* @__PURE__ */ jsx56("p", { className: "font-body text-base leading-relaxed text-ods-text-secondary", children: bioText }),
-    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx56("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx56(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
+    bioText && /* @__PURE__ */ jsx45("p", { className: "font-body text-base leading-relaxed text-ods-text-secondary", children: bioText }),
+    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx45("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx45(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
     children
   ] });
 }