@flamingo-stack/openframe-frontend-core 0.0.284 → 0.0.285-snapshot.20260618135145

package/dist/components/index.js

@@ -1,14 +1,50 @@
 "use client";
 "use client";
+import {
+  AnnouncementBarSkeleton,
+  ArticleLayoutSkeleton,
+  BlogCardGridSkeleton,
+  BreadcrumbSkeleton,
+  CardSkeleton,
+  CardSkeletonGrid,
+  CategorySidebarSkeleton,
+  DocNavigationProvider,
+  DocViewer,
+  HeroSkeleton,
+  InteractiveSkeleton,
+  MediaSkeleton,
+  PersistentFilterControls,
+  PersistentMobileDropdown,
+  PersistentSearchContainer,
+  PersistentSidebar,
+  ResultsHeaderSkeleton,
+  SearchContainerSkeleton,
+  SlackCommunitySkeleton,
+  StatsSectionSkeleton,
+  TextSkeleton,
+  TwoColumnLayoutSkeleton,
+  UnifiedSkeleton,
+  VendorDetailLayoutSkeleton,
+  VendorGridSkeleton,
+  useDocNavigation,
+  useDocumentTree,
+  useScrollSpy
+} from "../chunk-YVB3VDIQ.js";
+import {
+  EmbedIframe,
+  FigmaEmbed,
+  GoogleSheetsViewer,
+  PdfViewer
+} from "../chunk-C6SCWXDP.js";
 import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-VKDJXB7L.js";
+} from "../chunk-QF2X6PTD.js";
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../chunk-33RLTUN2.js";
+} from "../chunk-VCQ3CTYK.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -20,20 +56,22 @@ import {
   UnifiedPagination,
   init_unified_pagination,
   unified_pagination_exports
-} from "../chunk-OUI2MBU7.js";
+} from "../chunk-XQL4WDML.js";
 import {
   ArticleAuthorByline,
-  DetailPageSkeleton,
+  DetailPageSkeleton
+} from "../chunk-ZLN6SM2U.js";
+import {
   DocSearchBar,
   DocSearchResultRow,
   formatRelativePath,
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-XX7P4IL2.js";
+} from "../chunk-7NM7DEUK.js";
 import {
   useSelfFetch
-} from "../chunk-IMNGGLKL.js";
+} from "../chunk-3ZXUQQL4.js";
 import "../chunk-4XLJWX2N.js";
 import {
   ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE,
@@ -42,11 +80,9 @@ import {
   AIRequiredBadge,
   AIStatusIndicator,
   AIWarningsSection,
-  ANTHROPIC_SUPPORTED_IMAGE_MIME,
   APPROVAL_STATUS,
   ASSISTANT_TYPE,
   AUTHOR_TYPE,
-  AUTO_CONTINUATION_DIRECTIVE_PREFIX,
   Accordion,
   AccordionContent,
   AccordionItem,
@@ -97,6 +133,7 @@ import {
   Board,
   BoardColumn,
   BoardColumnHeader,
+  BoardTicketApproval,
   BrandAssociationCard,
   BrandAssociationGrid,
   Breadcrumb,
@@ -108,11 +145,7 @@ import {
   BreadcrumbSeparator,
   BulletList,
   CHAT_ATTACHMENT_CONCURRENT_UPLOADS_PER_USER,
-  CHAT_ATTACHMENT_MARKDOWN_PATTERN,
   CHAT_ATTACHMENT_MIME_TYPES,
-  CHAT_ATTACHMENT_VIEW_TOKEN_QUERY_PARAM,
-  CHAT_ATTACHMENT_VIEW_URL_PREFIX,
-  CHAT_ATTACHMENT_VIEW_URL_PREFIX_REGEX_ESCAPED,
   CHAT_CONTEXT_ITEMS_DEFAULT_MAX,
   CHAT_TYPE,
   CHIP_ACTION_BUTTON_CLASS,
@@ -123,7 +156,6 @@ import {
   CONTEXT_LABEL_CLASS,
   CONTEXT_ROW_CLASS,
   CONTEXT_STATE_CLASS,
-  CUSTOM_ITEM_ID,
   CUSTOM_PRESET_KEY,
   CampaignCardAdmin,
   CampaignCardAdminSkeleton,
@@ -190,7 +222,6 @@ import {
   CveLink,
   DEFAULT_CUSTOM_STATUS_COLOR,
   DEFAULT_THEME,
-  DEV_SECTION_PARAM_KEYS,
   DashboardInfoCard,
   DataRoomDocCard,
   DataRoomDocCardSkeleton,
@@ -296,7 +327,6 @@ import {
   ListPageLayout,
   LoadingProvider,
   MESSAGE_ROLE,
-  MESSAGE_TYPE,
   MarkdownEditor,
   MediaGalleryManager,
   MediaTypeSelector,
@@ -411,8 +441,6 @@ import {
   RoadmapCard,
   RoadmapCardSkeleton,
   RoadmapVoteButton,
-  SCROLL_ANCHOR,
-  SCROLL_ANCHOR_WIRE_KEY,
   SEOEditorPreview,
   SYNTHETIC_REALTIME_ID_PREFIXES,
   ScriptArguments,
@@ -454,7 +482,6 @@ import {
   StartWithOpenFrameButton,
   StatusFilterComponent,
   StatusIndicator,
-  StickySectionNav,
   Switch,
   THEME_ATTRIBUTE,
   THEME_STORAGE_KEY,
@@ -518,38 +545,27 @@ import {
   alignJustify,
   approvalMetaToBatchData,
   badgeVariants,
-  buildAutoContinuationDirective,
-  buildChatAttachmentViewUrl,
   buildChatRefKey,
-  buildDiscussAddendum,
   buildNatsWsUrl,
   buildProductReleaseCardProps,
   chatChipClass,
-  clickupTaskUrl,
   columnFromTicketStatus,
   computeHistoryPrepend,
   createColumnHelper,
   createMessageSegmentAccumulator,
   defaultBuildProductReleaseCardProps,
   deriveColumns,
-  escapeMarkdownInline,
   executeNavigation,
   executeNavigationImperative,
   exportToCSV,
-  extractEntityIdFilter,
   extractErrorMessages,
   extractIncompleteMessageState,
   extractTextFromChunk,
   fetchEmptyStateConfig,
   fetchSlashCommands,
-  flattenAssistantContent,
   flattenMessagePagesChronological,
   flexRender,
-  formatChatAttachmentMarkdownForBubble,
   formatInvestorUpdatePeriod,
-  formatRelativeTime,
-  formatReleaseDate,
-  formatSingularLookupInvocation,
   getApprovalMeta,
   getCommandText,
   getCoreRowModel,
@@ -563,10 +579,8 @@ import {
   getPaginationRowModel,
   getProxiedImageUrl as getProxiedImageUrl2,
   getSortedRowModel,
-  getStatusColorScheme,
   getTabById,
   getTabComponent,
-  getTaskTypeLabel,
   getTicketStatusConfig,
   getTicketStatusTag,
   groupTicketsByStatus,
@@ -586,8 +600,6 @@ import {
   noDataIconClasses,
   normalizeContent,
   parseChunkToAction,
-  parseScrollAnchor,
-  parseWireCommandOverride,
   processHistoricalMessages,
   processHistoricalMessagesWithErrors,
   remarkCardLinks,
@@ -596,8 +608,6 @@ import {
   resolveOnboardingIcon,
   resolveStatusTagProps,
   resolveTicketStatus,
-  sanitizeTitleForChat,
-  stripChatAttachmentMarkdown,
   tintOnDark,
   toggleVariants,
   transformEventToProgram,
@@ -628,7 +638,6 @@ import {
   useProxiedImageUrl,
   useRealtimeChunkProcessor,
   useSSE,
-  useSectionNavigation,
   useSlashCommandRegistry,
   useSlashCommands,
   useSseChatAdapter,
@@ -638,7 +647,41 @@ import {
   useTrackerClock,
   useUnifiedChat,
   usesCanonicalStatusStyle
-} from "../chunk-RGXDDOQR.js";
+} from "../chunk-FSBDVT6R.js";
+import {
+  ANTHROPIC_SUPPORTED_IMAGE_MIME,
+  AUTO_CONTINUATION_DIRECTIVE_PREFIX,
+  CHAT_ATTACHMENT_MARKDOWN_PATTERN,
+  CHAT_ATTACHMENT_VIEW_TOKEN_QUERY_PARAM,
+  CHAT_ATTACHMENT_VIEW_URL_PREFIX,
+  CHAT_ATTACHMENT_VIEW_URL_PREFIX_REGEX_ESCAPED,
+  CUSTOM_ITEM_ID,
+  DEV_SECTION_PARAM_KEYS,
+  MESSAGE_TYPE,
+  MobileNavigationDropdown,
+  MultiLevelNavigation,
+  SCROLL_ANCHOR,
+  SCROLL_ANCHOR_WIRE_KEY,
+  StickySectionNav,
+  buildAutoContinuationDirective,
+  buildChatAttachmentViewUrl,
+  buildDiscussAddendum,
+  clickupTaskUrl,
+  escapeMarkdownInline,
+  extractEntityIdFilter,
+  flattenAssistantContent,
+  formatChatAttachmentMarkdownForBubble,
+  formatRelativeTime,
+  formatReleaseDate,
+  formatSingularLookupInvocation,
+  getStatusColorScheme,
+  getTaskTypeLabel,
+  parseScrollAnchor,
+  parseWireCommandOverride,
+  sanitizeTitleForChat,
+  stripChatAttachmentMarkdown,
+  useSectionNavigation
+} from "../chunk-DDAT4RKX.js";
 import {
   CommandApprovalToast,
   ToastCard,
@@ -649,7 +692,8 @@ import {
   showToast,
   useOnboardingState,
   useToast
-} from "../chunk-USPATRSC.js";
+} from "../chunk-N6ZM5PYZ.js";
+import "../chunk-TYZEMPPH.js";
 import {
   useEndpointsRuntime
 } from "../chunk-MJNXIEV2.js";
@@ -672,20 +716,6 @@ import {
   ActionsMenuDropdown,
   ArticleDetailLayout,
   BlogImagePlaceholder,
-  COMPACT_CARD_ICON_SLOT,
-  COMPACT_CARD_IMAGE_SLOT,
-  COMPACT_CARD_META_ROW,
-  COMPACT_CARD_META_ROW_BOX,
-  COMPACT_CARD_OUTER,
-  COMPACT_CARD_OUTER_STATIC,
-  COMPACT_CARD_ROW_FILLER,
-  COMPACT_CARD_SKELETON_IMAGE_SLOT,
-  COMPACT_CARD_SKELETON_OUTER,
-  COMPACT_CARD_SUBTITLE,
-  COMPACT_CARD_SUMMARY,
-  COMPACT_CARD_TEXT_COL,
-  COMPACT_CARD_TITLE,
-  COMPACT_CARD_TITLE_ROW,
   Card,
   CardContent,
   CardDescription,
@@ -693,7 +723,6 @@ import {
   CardHeader,
   CardHorizontal,
   CardTitle,
-  DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID,
   EMPTY_AUTHOR_PLACEHOLDER,
   EntityAuthorCard,
   EntityImage,
@@ -703,28 +732,19 @@ import {
   EntityVideoSection,
   ErrorState,
   FilterPillRow,
-  HiddenTagsPopup,
-  ICON_REGISTRY,
   LoadError,
   MUX_IMAGE_ORIGIN,
   MUX_STREAM_ORIGIN,
-  NEW_TAB_FEATURES,
   NotFoundError,
   OnboardingGuideCard,
   OnboardingGuideCardSkeleton,
-  PAGE_HEADING_CLASS,
   PageActions,
   PageError,
-  PageHeading,
   PageLayout,
   PageShell,
   RATIO_DISPLAY_GRID_CLASS,
   RATIO_GRID_CLASS,
   RatioTabs,
-  SECTION_HEADING_CLASS,
-  SOURCE_ICON_NAMES,
-  SOURCE_LABELS_BY_TABLE,
-  SearchInput,
   SimpleMarkdownRenderer,
   SquareAvatar,
   StatusBadge,
@@ -733,67 +753,95 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger,
-  Tag,
   TitleBlock,
   Video,
   VideoBiteCard,
   VideoBitesDisplay,
   buildAnchorProps,
   computeIsNewTab,
-  decideNewTab,
-  defaultTableIdForDocumentType,
   detectAspectRatio,
   extractYouTubeId,
+  getCaptionsUrl,
+  groupByAspectRatio,
+  newTabAnchorAttrs,
+  ratioToCategory,
+  statusBadgeVariants,
+  useEntityCardLink,
+  usePageActionsBottomPadding,
+  useVideoOriginPreconnect,
+  useVideoWarmup
+} from "../chunk-R2KT5GDD.js";
+import {
+  COMPACT_CARD_ICON_SLOT,
+  COMPACT_CARD_IMAGE_SLOT,
+  COMPACT_CARD_META_ROW,
+  COMPACT_CARD_META_ROW_BOX,
+  COMPACT_CARD_OUTER,
+  COMPACT_CARD_OUTER_STATIC,
+  COMPACT_CARD_ROW_FILLER,
+  COMPACT_CARD_SKELETON_IMAGE_SLOT,
+  COMPACT_CARD_SKELETON_OUTER,
+  COMPACT_CARD_SUBTITLE,
+  COMPACT_CARD_SUMMARY,
+  COMPACT_CARD_TEXT_COL,
+  COMPACT_CARD_TITLE,
+  COMPACT_CARD_TITLE_ROW,
+  DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID,
+  HiddenTagsPopup,
+  ICON_REGISTRY,
+  NEW_TAB_FEATURES,
+  PAGE_HEADING_CLASS,
+  PageHeading,
+  SECTION_HEADING_CLASS,
+  SOURCE_ICON_NAMES,
+  SOURCE_LABELS_BY_TABLE,
+  SearchInput,
+  Tag,
+  decideNewTab,
+  defaultTableIdForDocumentType,
   formatBioText,
   formatLegalDate,
-  getCaptionsUrl,
   getDynamicIcon,
   getIconComponent,
   getProxiedImageUrl,
   getSourceIconName,
   getSourceLabel,
-  groupByAspectRatio,
   isCrossOriginUrl,
   isModifierClick,
-  newTabAnchorAttrs,
   normalizeIconKey,
-  ratioToCategory,
   resolveContentHref,
   resolveExternalNavigation,
   resolveSourceIcon,
   resolveSourceRowCTA,
   safeHref,
-  statusBadgeVariants,
   stripSameOriginToPath,
-  tagVariants,
-  useEntityCardLink,
-  usePageActionsBottomPadding,
-  useVideoOriginPreconnect,
-  useVideoWarmup
-} from "../chunk-Z3V2SGQZ.js";
+  tagVariants
+} from "../chunk-VRSXJ5QJ.js";
+import {
+  contentFetch
+} from "../chunk-3MCHAFHB.js";
 import {
   applyProxyAuth,
   clearEmbedProxyAuth,
-  contentFetch,
   embedAuthedFetch,
   getAppType,
   getEmbedProxyAuth,
   getPersistedProxyEmail,
   setEmbedProxyAuth
-} from "../chunk-RGALV4UX.js";
+} from "../chunk-POKKCWKF.js";
 import {
   useChatRuntime
 } from "../chunk-LCNMR277.js";
-import {
-  next_image_default
-} from "../chunk-LXC6P2EO.js";
-import "../chunk-EL5YVPD5.js";
 import {
   init_next_navigation,
   usePathname,
   useRouter,
   useSearchParams
 } from "../chunk-PLJLE4A4.js";
+import {
+  next_image_default
+} from "../chunk-LXC6P2EO.js";
+import "../chunk-EL5YVPD5.js";
 import {
   Button,
   DropdownMenu,
@@ -3369,118 +3417,9 @@ import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 // src/components/index.ts
 init_pagination();
 
-// src/components/persistent-filter-controls.tsx
-init_cn();
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
-function PersistentFilterControls({
-  isLoading,
-  children,
-  className,
-  disabledOpacity = 0.6,
-  transitionDuration = 300,
-  preventInteraction = true
-}) {
-  return /* @__PURE__ */ jsxs19(
-    "div",
-    {
-      className: cn(
-        "relative transition-all ease-in-out",
-        isLoading && preventInteraction && "pointer-events-none",
-        className
-      ),
-      style: {
-        opacity: isLoading ? disabledOpacity : 1,
-        transitionDuration: `${transitionDuration}ms`
-      },
-      role: "region",
-      "aria-label": "Filter controls",
-      "aria-busy": isLoading,
-      "data-loading": isLoading,
-      children: [
-        isLoading && /* @__PURE__ */ jsx25(
-          "div",
-          {
-            className: "sr-only",
-            role: "status",
-            "aria-live": "polite",
-            children: "Filters temporarily disabled while loading content"
-          }
-        ),
-        /* @__PURE__ */ jsx25(
-          "div",
-          {
-            className: cn(
-              "transition-all ease-in-out",
-              isLoading && "cursor-not-allowed"
-            ),
-            style: {
-              transitionDuration: `${transitionDuration}ms`
-            },
-            children
-          }
-        ),
-        isLoading && /* @__PURE__ */ jsx25(
-          "div",
-          {
-            className: "absolute top-2 right-2 z-10",
-            role: "status",
-            "aria-label": "Loading filters",
-            children: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 border-2 border-ods-border border-t-[#FFC008] rounded-full animate-spin" })
-          }
-        )
-      ]
-    }
-  );
-}
-function PersistentSearchContainer({
-  isLoading,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx25(
-    PersistentFilterControls,
-    {
-      isLoading,
-      preventInteraction: false,
-      className,
-      children
-    }
-  );
-}
-function PersistentSidebar({
-  isLoading,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx25(
-    PersistentFilterControls,
-    {
-      isLoading,
-      disabledOpacity: 0.5,
-      className: cn("lg:sticky lg:top-20", className),
-      children
-    }
-  );
-}
-function PersistentMobileDropdown({
-  isLoading,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx25(
-    PersistentFilterControls,
-    {
-      isLoading,
-      disabledOpacity: 0.7,
-      className: cn("lg:hidden", className),
-      children
-    }
-  );
-}
-
 // src/components/persistent-pagination.tsx
 init_cn();
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 function PersistentPagination({
   isLoading,
   children,
@@ -3491,7 +3430,7 @@ function PersistentPagination({
   transitionDuration = 300,
   showLoadingState = true
 }) {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: cn(
@@ -3509,7 +3448,7 @@ function PersistentPagination({
       "aria-busy": isLoading,
       "data-loading": isLoading,
       children: [
-        isLoading && /* @__PURE__ */ jsxs20(
+        isLoading && /* @__PURE__ */ jsxs19(
           "div",
           {
             className: "sr-only",
@@ -3523,7 +3462,7 @@ function PersistentPagination({
             ]
           }
         ),
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx25(
           "div",
           {
             className: cn(
@@ -3580,7 +3519,7 @@ function PersistentPaginationWrapper({
   const isPaginationDisabled = isLoading;
   const hasNoResults = !hasResults && !isLoading;
   const PaginationComponent = (init_unified_pagination(), __toCommonJS(unified_pagination_exports)).UnifiedPagination;
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: cn(
@@ -3598,7 +3537,7 @@ function PersistentPaginationWrapper({
       "data-loading": isLoading,
       "data-has-results": hasResults,
       children: [
-        (isLoading || !hasResults) && /* @__PURE__ */ jsx26(
+        (isLoading || !hasResults) && /* @__PURE__ */ jsx25(
           "div",
           {
             className: "sr-only",
@@ -3607,7 +3546,7 @@ function PersistentPaginationWrapper({
             children: isLoading ? `Pagination temporarily disabled while loading page ${displayCurrentPage} of ${displayTotalPages}` : `No results available - pagination disabled`
           }
         ),
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx25(
           "div",
           {
             className: cn(
@@ -3618,7 +3557,7 @@ function PersistentPaginationWrapper({
               transitionDuration: "300ms"
             },
             "aria-hidden": isPaginationDisabled,
-            children: /* @__PURE__ */ jsx26(
+            children: /* @__PURE__ */ jsx25(
               PaginationComponent,
               {
                 currentPage: displayCurrentPage,
@@ -3635,7 +3574,7 @@ function PersistentPaginationWrapper({
 }
 
 // src/components/pricing-display.tsx
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 var PRICING_STYLES = {
   // Comparison table style (current default)
   comparison: {
@@ -3671,19 +3610,19 @@ function PricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (typeof pricing === "string") {
-    return /* @__PURE__ */ jsx27(LegacyPricingDisplay, { pricing, className, styleConfig });
+    return /* @__PURE__ */ jsx26(LegacyPricingDisplay, { pricing, className, styleConfig });
   }
   const pricingArray = Array.isArray(pricing) ? pricing : [pricing];
   if (!pricingArray || pricingArray.length === 0) {
-    return /* @__PURE__ */ jsx27("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: "No pricing data" });
+    return /* @__PURE__ */ jsx26("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__ */ jsxs21("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-      /* @__PURE__ */ jsx27("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
-      unit && /* @__PURE__ */ jsxs21("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+    return /* @__PURE__ */ jsxs20("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+      /* @__PURE__ */ jsx26("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
+      unit && /* @__PURE__ */ jsxs20("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
         "/",
         unit
       ] })
@@ -3691,9 +3630,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__ */ jsxs21("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-    /* @__PURE__ */ jsx27("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
-    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs21("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+  return /* @__PURE__ */ jsxs20("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    /* @__PURE__ */ jsx26("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
+    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs20("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
       "/",
       itemWithUnit.ranges[0].unit
     ] })
@@ -3714,7 +3653,7 @@ function LegacyPricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (pricing === "Free" || pricing === "No pricing data") {
-    return /* @__PURE__ */ jsx27("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: pricing });
+    return /* @__PURE__ */ jsx26("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: pricing });
   }
   const parsePricing = (pricingStr) => {
     if (pricingStr.includes(", ")) {
@@ -3770,9 +3709,9 @@ function LegacyPricingDisplay({
     };
   };
   const { mainValue, secondaryInfo } = parsePricing(pricing);
-  return /* @__PURE__ */ jsxs21("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-    /* @__PURE__ */ jsx27("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
-    secondaryInfo && /* @__PURE__ */ jsx27("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: secondaryInfo })
+  return /* @__PURE__ */ jsxs20("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    /* @__PURE__ */ jsx26("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
+    secondaryInfo && /* @__PURE__ */ jsx26("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: secondaryInfo })
   ] });
 }
 function formatPricingForDisplay(pricing) {
@@ -3780,7 +3719,7 @@ function formatPricingForDisplay(pricing) {
 }
 
 // src/components/results-count.tsx
-import { Fragment as Fragment6, jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 function ResultsCount({
   currentPage,
   pageSize,
@@ -3796,7 +3735,7 @@ function ResultsCount({
   const plural = resultType === "vendors" ? "vendors" : "posts";
   const singular = resultType === "vendors" ? "vendor" : "post";
   const displayType = totalResults === 1 ? singular : plural;
-  return /* @__PURE__ */ jsx28("div", { className: "mb-6", children: /* @__PURE__ */ jsx28("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: totalResults > 0 && /* @__PURE__ */ jsxs22(Fragment6, { children: [
+  return /* @__PURE__ */ jsx27("div", { className: "mb-6", children: /* @__PURE__ */ jsx27("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: totalResults > 0 && /* @__PURE__ */ jsxs21(Fragment6, { children: [
     "Showing ",
     startIndex,
     "-",
@@ -3805,7 +3744,7 @@ function ResultsCount({
     totalResults,
     " ",
     displayType,
-    sortingMessage && /* @__PURE__ */ jsxs22("span", { className: "ml-2 text-ods-accent", children: [
+    sortingMessage && /* @__PURE__ */ jsxs21("span", { className: "ml-2 text-ods-accent", children: [
       "\u2022 ",
       sortingMessage
     ] })
@@ -3815,7 +3754,7 @@ function ResultsCount({
 // src/components/vendor-tag.tsx
 init_cn();
 import { Hand, Sparkles } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 function VendorTag({
   type,
   text,
@@ -3834,89 +3773,89 @@ function VendorTag({
         return {
           text: "Placeholder",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx28("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx28(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "ai":
         return {
           text: "AI Selected",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx28("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx28(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "manual":
         return {
           text: "Manually Selected",
           textColor: "text-ods-text-secondary",
-          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx28("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx28(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "open-source":
         return {
           text: text || "Open Source",
-          icon: /* @__PURE__ */ jsx29(
+          icon: /* @__PURE__ */ jsx28(
             "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__ */ jsx29(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" })
+              children: /* @__PURE__ */ jsx28(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" })
             }
           )
         };
       case "commercial":
         return {
           text: text || "Commercial Vendor",
-          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx28("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx28(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "free":
         return {
           text: text || "Free",
-          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx28("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx28("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
         };
       case "freemium":
         return {
           text: text || "Freemium",
-          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx28("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx28("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
         };
       case "paid":
         return {
           text: text || "Paid",
-          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx28("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx28(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "enterprise":
         return {
           text: text || "Enterprise",
-          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "E" }) })
+          icon: /* @__PURE__ */ jsx28("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx28("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "E" }) })
         };
       case "recommended":
         return {
           text: text || "Recommended",
-          icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "\u2605" }) })
+          icon: /* @__PURE__ */ jsx28("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx28("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__ */ jsx29("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" }) })
+            icon: /* @__PURE__ */ jsx28("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx28(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" }) })
           };
         } else if (classificationType === "commercial") {
           return {
             text: "Commercial Vendor",
-            icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+            icon: /* @__PURE__ */ jsx28("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx28(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
           };
         } else if (classificationType === "openframe_selected") {
           return {
             text: "OpenFrame Selected",
-            icon: /* @__PURE__ */ jsx29(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+            icon: /* @__PURE__ */ jsx28(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
           };
         } else {
           return {
             text: text || "Classification",
-            icon: /* @__PURE__ */ jsx29("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx29("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "C" }) })
+            icon: /* @__PURE__ */ jsx28("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx28("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "C" }) })
           };
         }
       case "openframe_selected":
         return {
           text: text || "OpenFrame Selected",
-          icon: /* @__PURE__ */ jsx29(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+          icon: /* @__PURE__ */ jsx28(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
         };
       default:
         return {
@@ -3926,9 +3865,9 @@ function VendorTag({
     }
   };
   const { text: displayText, icon, textColor } = getTagContent();
-  return /* @__PURE__ */ jsxs23("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
+  return /* @__PURE__ */ jsxs22("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
     icon,
-    /* @__PURE__ */ jsx29("span", { className: cn(
+    /* @__PURE__ */ jsx28("span", { className: cn(
       "font-mono font-semibold uppercase",
       textColor ? textColor : "text-ods-text-primary",
       size === "sm" ? "text-[10px]" : "text-xs"
@@ -3937,12 +3876,12 @@ function VendorTag({
 }
 
 // src/components/selection-source-badge.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function SelectionSourceBadge({ source, hidden = false }) {
   if (!source) {
     return null;
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     VendorTag,
     {
       type: source?.toLowerCase(),
@@ -3955,848 +3894,26 @@ function SelectionSourceBadge({ source, hidden = false }) {
 
 // src/components/user-display.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 UserDisplay({ name, avatarUrl, subtitle, size = 32, className }) {
-  return /* @__PURE__ */ jsxs24("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
-    /* @__PURE__ */ jsx31(SquareAvatar2, { src: avatarUrl ?? void 0, fallbackName: name, size }),
-    /* @__PURE__ */ jsxs24("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx31("p", { className: "font-['DM_Sans'] text-lg leading-[22px] text-ods-text-primary truncate", children: name }),
-      subtitle && /* @__PURE__ */ jsx31("span", { className: "font-['DM_Sans'] text-md leading-[16px] text-ods-text-secondary truncate", children: subtitle })
-    ] })
-  ] });
-}
-
-// src/components/loading/page-layout-skeleton.tsx
-init_cn();
-
-// src/components/loading/unified-skeleton.tsx
-init_cn();
-import { jsx as jsx32 } from "react/jsx-runtime";
-function UnifiedSkeleton({
-  className,
-  variant = "default",
-  width,
-  height,
-  animate = true,
-  "aria-label": ariaLabel,
-  ...props
-}) {
-  const baseClasses = "bg-[#2A2A2A]";
-  const variantClasses = {
-    default: "rounded-md",
-    text: "rounded-sm",
-    circular: "rounded-full",
-    rectangular: "rounded-none"
-  };
-  const defaultHeights = {
-    default: "h-4",
-    text: "h-4",
-    circular: "h-12 w-12",
-    rectangular: "h-4"
-  };
-  const animationClasses = animate ? "animate-pulse motion-reduce:animate-none" : "";
-  const style = {
-    width,
-    height
-  };
-  return /* @__PURE__ */ jsx32(
-    "div",
-    {
-      className: cn(
-        baseClasses,
-        variantClasses[variant],
-        !height && !style.height && defaultHeights[variant],
-        !width && !style.width && variant !== "circular" && "w-full",
-        animationClasses,
-        className
-      ),
-      style,
-      role: "status",
-      "aria-label": ariaLabel || "Loading content",
-      ...props
-    }
-  );
-}
-var TextSkeleton = {
-  /**
-   * Large heading skeleton (h1, h2)
-   */
-  Heading: ({ className, ...props }) => /* @__PURE__ */ jsx32(
-    UnifiedSkeleton,
-    {
-      variant: "text",
-      className: cn("h-8 md:h-10 lg:h-12", className),
-      "aria-label": "Loading heading",
-      ...props
-    }
-  ),
-  /**
-   * Medium heading skeleton (h3, h4)
-   */
-  Subheading: ({ className, ...props }) => /* @__PURE__ */ jsx32(
-    UnifiedSkeleton,
-    {
-      variant: "text",
-      className: cn("h-6 md:h-7 lg:h-8", className),
-      "aria-label": "Loading subheading",
-      ...props
-    }
-  ),
-  /**
-   * Body text skeleton
-   */
-  Body: ({ className, ...props }) => /* @__PURE__ */ jsx32(
-    UnifiedSkeleton,
-    {
-      variant: "text",
-      className: cn("h-4 md:h-5", className),
-      "aria-label": "Loading text",
-      ...props
-    }
-  ),
-  /**
-   * Small text skeleton (captions, metadata)
-   */
-  Caption: ({ className, ...props }) => /* @__PURE__ */ jsx32(
-    UnifiedSkeleton,
-    {
-      variant: "text",
-      className: cn("h-3 md:h-4", className),
-      "aria-label": "Loading caption",
-      ...props
-    }
-  )
-};
-var InteractiveSkeleton = {
-  /**
-   * Button skeleton with proper touch targets
-   */
-  Button: ({ className, ...props }) => /* @__PURE__ */ jsx32(
-    UnifiedSkeleton,
-    {
-      variant: "default",
-      className: cn("h-10 md:h-12 w-32 md:w-40", className),
-      "aria-label": "Loading button",
-      ...props
-    }
-  ),
-  /**
-   * Input field skeleton
-   */
-  Input: ({ className, ...props }) => /* @__PURE__ */ jsx32(
-    UnifiedSkeleton,
-    {
-      variant: "default",
-      className: cn("h-10 md:h-12 w-full", className),
-      "aria-label": "Loading input field",
-      ...props
-    }
-  ),
-  /**
-   * Filter chip skeleton
-   */
-  Chip: ({ className, ...props }) => /* @__PURE__ */ jsx32(
-    UnifiedSkeleton,
-    {
-      variant: "default",
-      className: cn("h-8 w-20 rounded-full", className),
-      "aria-label": "Loading filter",
-      ...props
-    }
-  )
-};
-var MediaSkeleton = {
-  /**
-   * Avatar/profile image skeleton
-   */
-  Avatar: ({ size = "md", className, ...props }) => {
-    const sizeClasses3 = {
-      sm: "h-8 w-8",
-      md: "h-12 w-12",
-      lg: "h-16 w-16"
-    };
-    return /* @__PURE__ */ jsx32(
-      UnifiedSkeleton,
-      {
-        variant: "circular",
-        className: cn(sizeClasses3[size], className),
-        "aria-label": "Loading profile image",
-        ...props
-      }
-    );
-  },
-  /**
-   * Card image skeleton (1200×630 OG aspect — matches entity-cards default
-   * so loading state never causes a height shift when card data arrives)
-   */
-  CardImage: ({ className, ...props }) => /* @__PURE__ */ jsx32(
-    UnifiedSkeleton,
-    {
-      variant: "default",
-      className: cn("aspect-[1200/630] w-full", className),
-      "aria-label": "Loading image",
-      ...props
-    }
-  ),
-  /**
-   * Icon skeleton
-   */
-  Icon: ({ size = "md", className, ...props }) => {
-    const sizeClasses3 = {
-      sm: "h-4 w-4",
-      md: "h-6 w-6",
-      lg: "h-8 w-8"
-    };
-    return /* @__PURE__ */ jsx32(
-      UnifiedSkeleton,
-      {
-        variant: "default",
-        className: cn(sizeClasses3[size], className),
-        "aria-label": "Loading icon",
-        ...props
-      }
-    );
-  }
-};
-
-// src/components/loading/card-skeleton.tsx
-init_cn();
-import { Fragment as Fragment7, jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
-function CardSkeleton({
-  className,
-  containerClassName,
-  variant = "vendor",
-  showActions = true,
-  showMetadata = true,
-  ...props
-}) {
-  const cardContent = {
-    vendor: /* @__PURE__ */ jsx33(VendorCardContent, { showActions, showMetadata }),
-    blog: /* @__PURE__ */ jsx33(BlogCardContent, { showActions, showMetadata }),
-    category: /* @__PURE__ */ jsx33(CategoryCardContent, {}),
-    alternative: /* @__PURE__ */ jsx33(AlternativeCardContent, { showActions })
-  };
-  return /* @__PURE__ */ jsx33(
-    "div",
-    {
-      className: cn(
-        containerClassName || "bg-ods-card border border-ods-border",
-        "rounded-lg overflow-hidden",
-        // Flex layouts for certain variants
-        variant === "blog" && "h-full flex flex-col",
-        variant === "vendor" && "h-full flex flex-col",
-        className
-      ),
-      role: "status",
-      "aria-label": `Loading ${variant} card`,
-      ...props,
-      children: cardContent[variant]
-    }
-  );
-}
-function VendorCardContent({ showActions, showMetadata }) {
-  return /* @__PURE__ */ jsxs25("div", { className: "p-4 gap-3 flex flex-col", children: [
-    /* @__PURE__ */ jsxs25("div", { className: "flex items-start gap-3 w-full", children: [
-      /* @__PURE__ */ jsx33("div", { className: "w-[60px] h-[60px] bg-ods-bg border border-ods-border rounded-lg p-2 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx33(MediaSkeleton.Avatar, { size: "sm", className: "w-11 h-11" }) }),
-      /* @__PURE__ */ jsxs25("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
-        /* @__PURE__ */ jsx33(TextSkeleton.Subheading, { className: "w-3/4" }),
-        /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-1/2" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx33("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs25("div", { className: "space-y-1 w-full", children: [
-      /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-2/3" })
-    ] }) }),
-    /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
-      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
-        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-          /* @__PURE__ */ jsx33(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-          /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-8" })
-        ] }),
-        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-          /* @__PURE__ */ jsx33(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-          /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-10" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx33("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
-        /* @__PURE__ */ jsx33("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx33(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
-        /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-16" })
-      ] }) })
-    ] })
-  ] });
-}
-function BlogCardContent({ showActions, showMetadata }) {
-  return /* @__PURE__ */ jsxs25(Fragment7, { children: [
-    /* @__PURE__ */ jsx33("div", { className: "blog-card-image-container relative w-full aspect-[1200/630] overflow-hidden bg-ods-bg", children: /* @__PURE__ */ jsx33(MediaSkeleton.CardImage, {}) }),
-    /* @__PURE__ */ jsxs25("div", { className: "p-4 flex flex-col flex-grow", children: [
-      /* @__PURE__ */ jsx33("div", { className: "mb-3 flex items-center min-h-[50.4px] md:min-h-[56px] lg:min-h-[61.6px]", children: /* @__PURE__ */ jsxs25("div", { className: "space-y-1 w-full", children: [
-        /* @__PURE__ */ jsx33(TextSkeleton.Subheading, { className: "w-full" }),
-        /* @__PURE__ */ jsx33(TextSkeleton.Subheading, { className: "w-3/4" })
-      ] }) }),
-      /* @__PURE__ */ jsxs25("div", { className: "mb-3 flex gap-2 h-[28px] items-center", children: [
-        /* @__PURE__ */ jsx33(InteractiveSkeleton.Chip, { className: "w-16" }),
-        /* @__PURE__ */ jsx33(InteractiveSkeleton.Chip, { className: "w-12" })
-      ] }),
-      /* @__PURE__ */ jsx33("div", { className: "mb-3 flex items-center min-h-[42px] md:min-h-[45px] lg:min-h-[48px]", children: /* @__PURE__ */ jsxs25("div", { className: "space-y-1 w-full", children: [
-        /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-1/2" })
-      ] }) }),
-      showActions && /* @__PURE__ */ jsx33("div", { className: "pt-2", children: /* @__PURE__ */ jsx33(InteractiveSkeleton.Button, { className: "w-24 h-8" }) }),
-      showMetadata && /* @__PURE__ */ jsx33("div", { className: "mt-auto", children: /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-4 pt-4 border-t border-ods-border", children: [
-        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx33(MediaSkeleton.Avatar, { size: "sm" }),
-          /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-16" })
-        ] }),
-        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3 text-[#767676] shrink-0", children: [
-          /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-12" }),
-          /* @__PURE__ */ jsx33("div", { className: "w-1 h-1 bg-[#767676] rounded-full" }),
-          /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-16" })
-        ] })
-      ] }) })
-    ] })
-  ] });
-}
-function CategoryCardContent() {
-  return /* @__PURE__ */ jsxs25("div", { className: "p-4 md:p-6 space-y-4", children: [
-    /* @__PURE__ */ jsx33("div", { className: "flex gap-2 md:gap-3", children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsx33(
-      MediaSkeleton.Icon,
-      {
-        size: "lg",
-        className: "flex-shrink-0"
-      },
-      index
-    )) }),
-    /* @__PURE__ */ jsxs25("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs25("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx33(TextSkeleton.Subheading, { className: "w-3/4" }),
-        /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-1/2" })
-      ] }),
-      /* @__PURE__ */ jsxs25("div", { className: "flex items-start md:items-end justify-between gap-4 md:gap-6", children: [
-        /* @__PURE__ */ jsxs25("div", { className: "flex-1 space-y-2", children: [
-          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-2/3" })
-        ] }),
-        /* @__PURE__ */ jsx33(InteractiveSkeleton.Button, { className: "w-10 h-10 md:w-12 md:h-12 flex-shrink-0" })
-      ] })
-    ] })
-  ] });
-}
-function AlternativeCardContent({ showActions }) {
-  return /* @__PURE__ */ jsxs25("div", { className: "flex items-start gap-4 p-4", children: [
-    /* @__PURE__ */ jsx33(MediaSkeleton.Avatar, { size: "md", className: "flex-shrink-0" }),
-    /* @__PURE__ */ jsxs25("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx33(TextSkeleton.Subheading, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx33(TextSkeleton.Caption, { className: "w-16" })
-      ] }),
-      /* @__PURE__ */ jsxs25("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-5/6" })
-      ] }),
-      showActions && /* @__PURE__ */ jsx33("div", { className: "pt-2", children: /* @__PURE__ */ jsx33(InteractiveSkeleton.Button, { className: "w-20 h-8" }) })
-    ] })
-  ] });
-}
-function CardSkeletonGrid({
-  count = 6,
-  variant = "vendor",
-  className,
-  containerClassName,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx33(
-    "div",
-    {
-      className: cn(
-        "grid gap-4 md:gap-6",
-        // Responsive grid based on card type
-        variant === "vendor" && "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-        variant === "blog" && "grid-cols-1 md:grid-cols-2",
-        variant === "category" && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
-        variant === "alternative" && "grid-cols-1",
-        className
-      ),
-      role: "status",
-      "aria-label": `Loading ${count} ${variant} cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx33(
-        CardSkeleton,
-        {
-          variant,
-          containerClassName,
-          ...props
-        },
-        index
-      ))
-    }
-  );
-}
-
-// src/components/loading/page-layout-skeleton.tsx
-import { Fragment as Fragment8, jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
-function AnnouncementBarSkeleton() {
-  return /* @__PURE__ */ jsx34("div", { className: "bg-[#2A2A2A] relative w-full animate-pulse", children: /* @__PURE__ */ jsx34("div", { className: "flex flex-row items-center relative w-full", children: /* @__PURE__ */ jsxs26("div", { className: "box-border flex flex-row gap-4 md:gap-6 items-center justify-start pl-4 md:pl-6 pr-12 md:pr-16 py-3 md:py-4 relative w-full", children: [
-    /* @__PURE__ */ jsx34("div", { className: "relative shrink-0 w-6 h-6 md:w-8 md:h-8 bg-ods-border rounded" }),
-    /* @__PURE__ */ jsxs26("div", { className: "flex-1 min-w-0 space-y-1 md:space-y-2", children: [
-      /* @__PURE__ */ jsx34("div", { className: "h-[14px] md:h-[18px] bg-ods-border rounded w-3/4 max-w-md" }),
-      /* @__PURE__ */ jsx34("div", { className: "h-[12px] md:h-[18px] bg-ods-border rounded w-full max-w-lg hidden md:block" })
-    ] }),
-    /* @__PURE__ */ jsx34("div", { className: "absolute right-2 top-2 w-6 h-6 bg-ods-border rounded" })
-  ] }) }) });
-}
-function HeroSkeleton() {
-  return /* @__PURE__ */ jsxs26(
-    "section",
-    {
-      className: "w-full flex flex-col items-center justify-center py-12 px-4 md:py-20 md:px-8 text-center animate-pulse",
-      style: {
-        background: "radial-gradient(circle at 50% 0%, #242323 0%, #1A1A1A 100%)"
-      },
-      children: [
-        /* @__PURE__ */ jsx34(TextSkeleton.Heading, { className: "h-12 md:h-20 lg:h-24 mb-4 md:mb-6 max-w-4xl w-full" }),
-        /* @__PURE__ */ jsxs26("div", { className: "space-y-3 mb-8 md:mb-10 max-w-4xl w-full px-2", children: [
-          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "h-5 md:h-7" }),
-          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "h-5 md:h-7 w-3/4 mx-auto" })
-        ] }),
-        /* @__PURE__ */ jsx34(InteractiveSkeleton.Button, { className: "w-full md:w-64 h-12" })
-      ]
-    }
-  );
-}
-function SearchContainerSkeleton({
-  className,
-  showFilters = true
-}) {
-  return /* @__PURE__ */ jsxs26("div", { className: cn("space-y-4", className || ""), children: [
-    /* @__PURE__ */ jsxs26("div", { className: "flex gap-2 md:gap-4", children: [
-      /* @__PURE__ */ jsx34(InteractiveSkeleton.Input, { className: "flex-1" }),
-      /* @__PURE__ */ jsx34(InteractiveSkeleton.Button, { className: "w-32 md:w-40" })
-    ] }),
-    showFilters && /* @__PURE__ */ jsxs26("div", { className: "flex gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, {}),
-      /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, { className: "w-24" }),
-      /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, { className: "w-16" }),
-      /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, { className: "w-20" })
-    ] })
-  ] });
-}
-function CategorySidebarSkeleton({ className }) {
-  const items = [
-    { type: "file", width: "w-20", hasBadge: false },
-    { type: "folder", width: "w-24", hasBadge: true },
-    { type: "folder", width: "w-20", hasBadge: true },
-    { type: "folder", width: "w-24", hasBadge: true },
-    { type: "folder", width: "w-16", hasBadge: true },
-    { type: "folder", width: "w-20", hasBadge: true },
-    { type: "folder", width: "w-28", hasBadge: true },
-    { type: "folder", width: "w-16", hasBadge: true },
-    { type: "folder", width: "w-24", hasBadge: true },
-    { type: "file", width: "w-28" },
-    { type: "file", width: "w-36" }
-  ];
-  return /* @__PURE__ */ jsxs26("div", { className: cn("w-full lg:w-[320px]", className), children: [
-    /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-[14px] w-24 rounded mb-4" }),
-    /* @__PURE__ */ jsx34("div", { className: "space-y-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs26(
-      "div",
-      {
-        className: cn(
-          "flex items-center justify-between py-4 px-4 rounded-lg border border-ods-border min-h-[50px]",
-          index === 0 ? "bg-ods-accent/20" : "bg-ods-card"
-        ),
-        children: [
-          /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2.5", children: [
-            /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "w-4 h-4 shrink-0 rounded" }),
-            /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: `h-[14px] ${item.width} rounded` })
-          ] }),
-          /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 h-[18px]", children: [
-            item.hasBadge && /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-[18px] w-14 rounded" }),
-            item.type === "folder" && /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "w-4 h-4 rounded" })
-          ] })
-        ]
-      },
-      index
-    )) })
-  ] });
-}
-function BreadcrumbSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs26("div", { className: cn("flex items-center space-x-1 mb-6", className), children: [
-    /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-16" }),
-    /* @__PURE__ */ jsx34(UnifiedSkeleton, { variant: "default", className: "w-4 h-4 rounded-full" }),
-    /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-24" }),
-    /* @__PURE__ */ jsx34(UnifiedSkeleton, { variant: "default", className: "w-4 h-4 rounded-full" }),
-    /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-32" }),
-    /* @__PURE__ */ jsx34(UnifiedSkeleton, { variant: "default", className: "w-4 h-4 rounded-full" }),
-    /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-24" })
-  ] });
-}
-function ResultsHeaderSkeleton({ className }) {
-  return /* @__PURE__ */ jsx34("div", { className: cn("flex flex-col md:flex-row justify-between items-start md:items-center gap-4 mb-6", className), children: /* @__PURE__ */ jsx34("div", { className: "space-y-1", children: /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-48" }) }) });
-}
-function TwoColumnLayoutSkeleton({
-  className,
-  sidebarContent,
-  mainContent,
-  sidebarPosition = "left"
-}) {
-  const sidebar = sidebarContent || /* @__PURE__ */ jsx34(CategorySidebarSkeleton, {});
-  const main = mainContent || /* @__PURE__ */ jsx34(CardSkeletonGrid, { count: 6 });
-  return /* @__PURE__ */ jsx34("div", { className: cn(
-    "grid grid-cols-1 lg:grid-cols-[320px_1fr] gap-6 lg:gap-8",
-    sidebarPosition === "right" && "lg:grid-cols-[1fr_320px]",
-    className
-  ), children: sidebarPosition === "left" ? /* @__PURE__ */ jsxs26(Fragment8, { children: [
-    /* @__PURE__ */ jsx34("aside", { className: "order-2 lg:order-1", children: sidebar }),
-    /* @__PURE__ */ jsx34("main", { className: "order-1 lg:order-2", children: main })
-  ] }) : /* @__PURE__ */ jsxs26(Fragment8, { children: [
-    /* @__PURE__ */ jsx34("main", { className: "order-1", children: main }),
-    /* @__PURE__ */ jsx34("aside", { className: "order-2", children: sidebar })
-  ] }) });
-}
-function ArticleLayoutSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs26("article", { className: cn("max-w-4xl mx-auto", className), children: [
-    /* @__PURE__ */ jsxs26("header", { className: "mb-8 md:mb-12 space-y-4 md:space-y-6", children: [
-      /* @__PURE__ */ jsxs26("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, {}),
-        /* @__PURE__ */ jsx34(InteractiveSkeleton.Chip, { className: "w-16" })
-      ] }),
-      /* @__PURE__ */ jsxs26("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx34(TextSkeleton.Heading, { className: "w-full" }),
-        /* @__PURE__ */ jsx34(TextSkeleton.Heading, { className: "w-3/4" })
-      ] }),
-      /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-4 pt-4 border-t border-ods-divider", children: [
-        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx34(MediaSkeleton.Avatar, { size: "sm" }),
-          /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-24" })
-        ] }),
-        /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-20" }),
-        /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-16" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx34("div", { className: "mb-8 md:mb-12", children: /* @__PURE__ */ jsx34(MediaSkeleton.CardImage, { className: "w-full h-64 md:h-96" }) }),
-    /* @__PURE__ */ jsxs26("div", { className: "prose prose-invert max-w-none space-y-6", children: [
-      Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-5/6" }),
-        /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-3/4" })
-      ] }, index)),
-      /* @__PURE__ */ jsxs26("div", { className: "py-4", children: [
-        /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-2/3 mb-4" }),
-        /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-4/5" })
-        ] })
-      ] })
+  return /* @__PURE__ */ jsxs23("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
+    /* @__PURE__ */ jsx30(SquareAvatar2, { src: avatarUrl ?? void 0, fallbackName: name, size }),
+    /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx30("p", { className: "font-['DM_Sans'] text-lg leading-[22px] text-ods-text-primary truncate", children: name }),
+      subtitle && /* @__PURE__ */ jsx30("span", { className: "font-['DM_Sans'] text-md leading-[16px] text-ods-text-secondary truncate", children: subtitle })
     ] })
   ] });
 }
-function VendorDetailLayoutSkeleton({ className }) {
-  return /* @__PURE__ */ jsx34("main", { className: cn("bg-ods-bg min-h-screen", className), children: /* @__PURE__ */ jsxs26("div", { className: "max-w-[1920px] mx-auto px-6 md:px-20 py-6 md:py-10", children: [
-    /* @__PURE__ */ jsx34(BreadcrumbSkeleton, { className: "mb-6" }),
-    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col lg:flex-row lg:gap-10", children: [
-      /* @__PURE__ */ jsxs26("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxs26("div", { className: "mb-10", children: [
-          /* @__PURE__ */ jsxs26("div", { className: "flex gap-6 mb-6", children: [
-            /* @__PURE__ */ jsx34("div", { className: "w-20 h-20 bg-ods-card border border-ods-border rounded-lg animate-pulse flex-shrink-0" }),
-            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-3", children: [
-              /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx34("div", { className: "h-12 md:h-16 lg:h-20 bg-[#2A2A2A] rounded animate-pulse w-80 max-w-full" }),
-                /* @__PURE__ */ jsx34("div", { className: "h-5 md:h-6 bg-[#2A2A2A] rounded animate-pulse w-32" })
-              ] }),
-              /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx34("div", { className: "h-8 bg-[#2A2A2A] rounded animate-pulse w-20" }),
-                /* @__PURE__ */ jsx34("div", { className: "h-8 bg-[#2A2A2A] rounded animate-pulse w-16" })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx34("div", { className: "w-full h-[300px] md:h-[400px] lg:h-[500px] bg-ods-card border border-ods-border rounded-lg animate-pulse mb-2" }),
-          /* @__PURE__ */ jsx34("div", { className: "text-center", children: /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-24 mx-auto" }) })
-        ] }),
-        /* @__PURE__ */ jsx34("div", { className: "lg:hidden mb-10", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-          /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-            /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" })
-          ] }),
-          /* @__PURE__ */ jsxs26("div", { className: "border border-ods-border rounded-lg overflow-hidden", children: [
-            /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx34("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded animate-pulse" }),
-              /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" }),
-                /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-12" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx34("div", { className: "p-4 space-y-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx34("div", { className: "w-6 h-6 bg-[#2A2A2A] rounded animate-pulse" }),
-              /* @__PURE__ */ jsxs26("div", { className: "flex items-end gap-1", children: [
-                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" }),
-                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8" })
-              ] })
-            ] }, i)) })
-          ] }),
-          /* @__PURE__ */ jsxs26("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-            /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-            /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-48" }),
-          /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-48" }),
-            /* @__PURE__ */ jsx34("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx34("div", { className: "h-10 bg-ods-card border border-ods-border rounded-lg animate-pulse w-24" }, i)) })
-          ] }),
-          /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-52" }),
-            /* @__PURE__ */ jsx34("div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx34("div", { className: "h-10 bg-ods-card border border-ods-border rounded-lg animate-pulse w-28" }, i)) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-64" }),
-          /* @__PURE__ */ jsx34("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 md:p-8", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse" }),
-            /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse" }),
-            /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-5/6" }),
-            /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-4/5" })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-72" }),
-          /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-4", children: [
-            /* @__PURE__ */ jsx34("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded flex-shrink-0 animate-pulse" }),
-            /* @__PURE__ */ jsxs26("div", { className: "flex-1 space-y-2", children: [
-              /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
-              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
-            ] })
-          ] }, i)) })
-        ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-80" }),
-          /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-16" }),
-              Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3", children: [
-                /* @__PURE__ */ jsx34("div", { className: "w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse" }),
-                /* @__PURE__ */ jsxs26("div", { className: "flex-1 space-y-2", children: [
-                  /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
-                  /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
-                ] })
-              ] }, i))
-            ] }),
-            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6", children: [
-              /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-16" }),
-              Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 flex gap-3", children: [
-                /* @__PURE__ */ jsx34("div", { className: "w-12 h-12 bg-ods-bg border border-ods-border rounded flex-shrink-0 animate-pulse" }),
-                /* @__PURE__ */ jsxs26("div", { className: "flex-1 space-y-2", children: [
-                  /* @__PURE__ */ jsx34("div", { className: "h-5 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
-                  /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" })
-                ] })
-              ] }, i))
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-72" }),
-          /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 space-y-4", children: [
-            /* @__PURE__ */ jsxs26("div", { className: "flex items-start gap-4", children: [
-              /* @__PURE__ */ jsx34("div", { className: "w-16 h-16 bg-ods-bg border border-ods-border rounded-lg animate-pulse flex-shrink-0" }),
-              /* @__PURE__ */ jsxs26("div", { className: "flex-1 space-y-2", children: [
-                /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
-                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-1/2" })
-              ] }),
-              /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-20" })
-            ] }),
-            /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse" }),
-              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-5/6" }),
-              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-4/5" })
-            ] }),
-            /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between pt-2 border-t border-ods-border", children: [
-              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-16" }),
-              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" })
-            ] })
-          ] }, i)) }),
-          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-[#2A2A2A] rounded-md animate-pulse" })
-        ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-6 mb-20", children: [
-          /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-10 bg-[#2A2A2A] rounded animate-pulse w-64" }),
-          /* @__PURE__ */ jsx34("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs26("div", { className: "flex gap-3", children: [
-            /* @__PURE__ */ jsxs26("div", { className: "flex-1 bg-ods-bg border border-ods-border rounded-lg overflow-hidden", children: [
-              /* @__PURE__ */ jsxs26("div", { className: "border-b border-ods-border p-3", children: [
-                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8 mb-2" }),
-                /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-full" })
-              ] }),
-              /* @__PURE__ */ jsxs26("div", { className: "p-3", children: [
-                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-16 mb-2" }),
-                /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-full" }),
-                  /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-3/4" }),
-                  /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-1/2" })
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx34("div", { className: "flex items-stretch", children: /* @__PURE__ */ jsx34("div", { className: "h-[120px] w-20 bg-[#2A2A2A] rounded-lg animate-pulse" }) })
-          ] }) }),
-          /* @__PURE__ */ jsx34("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4", children: [
-            /* @__PURE__ */ jsx34("div", { className: "flex flex-col gap-3 mb-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2", children: /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 bg-ods-card border border-ods-border rounded-lg py-2 px-3", children: [
-                /* @__PURE__ */ jsx34("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded-lg animate-pulse" }),
-                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" })
-              ] }),
-              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" })
-            ] }) }),
-            /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-2/3" }),
-              /* @__PURE__ */ jsxs26("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-full" }),
-                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-4/5" }),
-                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-3/5" })
-              ] })
-            ] })
-          ] }, i)) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx34("div", { className: "hidden lg:block w-[290px] flex-shrink-0", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-        /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" })
-        ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "border border-ods-border rounded-lg overflow-hidden", children: [
-          /* @__PURE__ */ jsxs26("div", { className: "bg-ods-card p-4 flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx34("div", { className: "w-8 h-8 bg-[#2A2A2A] rounded animate-pulse" }),
-            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-20" }),
-              /* @__PURE__ */ jsx34("div", { className: "h-6 bg-[#2A2A2A] rounded animate-pulse w-12" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx34("div", { className: "p-4 space-y-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx34("div", { className: "w-6 h-6 bg-[#2A2A2A] rounded animate-pulse" }),
-            /* @__PURE__ */ jsxs26("div", { className: "flex items-end gap-1", children: [
-              /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded animate-pulse w-12" }),
-              /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded animate-pulse w-8" })
-            ] })
-          ] }, i)) })
-        ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-          /* @__PURE__ */ jsx34("div", { className: "h-12 bg-ods-card border border-ods-border rounded-lg animate-pulse" })
-        ] })
-      ] }) })
-    ] })
-  ] }) });
-}
-function StatsSectionSkeleton({
-  className,
-  columns = 3
-}) {
-  return /* @__PURE__ */ jsx34("div", { className: cn(
-    "grid gap-6 mb-12 md:mb-16",
-    columns === 3 && "grid-cols-1 md:grid-cols-3",
-    columns === 4 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
-    className
-  ), children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsx34("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx34(MediaSkeleton.Icon, { size: "lg" }),
-    /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-3/4" }),
-    /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-3/4" })
-    ] })
-  ] }) }, i)) });
-}
-function BlogCardGridSkeleton({ className }) {
-  return /* @__PURE__ */ jsx34("div", { className: cn("space-y-6", className), children: /* @__PURE__ */ jsx34(
-    CardSkeletonGrid,
-    {
-      count: 4,
-      variant: "blog",
-      className: "grid-cols-1 md:grid-cols-2"
-    }
-  ) });
-}
-function VendorGridSkeleton({ className }) {
-  return /* @__PURE__ */ jsx34("div", { className: cn("space-y-6", className), children: /* @__PURE__ */ jsx34(
-    CardSkeletonGrid,
-    {
-      count: 12,
-      variant: "vendor",
-      className: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
-    }
-  ) });
-}
-function SlackCommunitySkeleton() {
-  return /* @__PURE__ */ jsx34(
-    "section",
-    {
-      className: "w-full bg-ods-bg px-4 md:px-20 lg:px-20 py-12 md:py-20",
-      "aria-label": "Slack Community Loading",
-      children: /* @__PURE__ */ jsxs26("div", { className: "w-full flex flex-col gap-4 md:gap-6", children: [
-        /* @__PURE__ */ jsx34("div", { className: "w-full", children: /* @__PURE__ */ jsx34("div", { className: "h-8 md:h-12 lg:h-14 bg-[#2A2A2A] rounded-lg animate-pulse max-w-md" }) }),
-        /* @__PURE__ */ jsxs26("div", { className: "w-full flex flex-col lg:flex-row lg:justify-end lg:items-start gap-4 md:gap-6 min-w-0", children: [
-          /* @__PURE__ */ jsx34("div", { className: "w-full lg:w-[290px] lg:max-w-[290px] bg-ods-bg border border-ods-border rounded flex flex-col flex-shrink-0 overflow-hidden animate-pulse", children: /* @__PURE__ */ jsxs26("div", { className: "p-4 space-y-4", children: [
-            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded w-24" }),
-                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-16" })
-              ] }),
-              /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-32" })
-            ] }),
-            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-16 mb-2" }),
-              Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 px-2 py-3 min-h-[48px]", children: [
-                /* @__PURE__ */ jsx34("div", { className: "w-4 h-4 bg-[#2A2A2A] rounded" }),
-                /* @__PURE__ */ jsxs26("div", { className: "flex-1", children: [
-                  /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-24 mb-1" }),
-                  /* @__PURE__ */ jsx34("div", { className: "h-2 bg-[#2A2A2A] rounded w-16" })
-                ] })
-              ] }, i))
-            ] }),
-            /* @__PURE__ */ jsx34("div", { className: "border-t border-ods-border pt-3 mt-2", children: /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxs26("div", { className: "flex justify-between", children: [
-                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-16" }),
-                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-8" })
-              ] }),
-              /* @__PURE__ */ jsxs26("div", { className: "flex justify-between", children: [
-                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-20" }),
-                /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-8" })
-              ] })
-            ] }) })
-          ] }) }),
-          /* @__PURE__ */ jsxs26("div", { className: "flex-1 min-h-[450px] h-[450px] md:min-h-[500px] md:h-[500px] lg:min-h-[600px] lg:h-[600px] bg-ods-card border border-ods-border rounded-lg flex flex-col min-w-0 animate-pulse", children: [
-            /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between p-4 md:p-6 border-b border-ods-border bg-ods-bg h-[56px] md:h-[60px] flex-shrink-0", children: [
-              /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx34("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-3 md:w-4" }),
-                /* @__PURE__ */ jsx34("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-24 md:w-32" })
-              ] }),
-              /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-12 md:w-16" })
-            ] }),
-            /* @__PURE__ */ jsx34("div", { className: "flex-1 bg-ods-bg p-4 md:p-6 space-y-3 md:space-y-4 overflow-hidden min-h-[280px] md:min-h-[320px] lg:min-h-[420px]", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs26("div", { className: "flex gap-2 md:gap-3", children: [
-              /* @__PURE__ */ jsx34("div", { className: "w-10 h-10 md:w-12 md:h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
-              /* @__PURE__ */ jsxs26("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 mb-1", children: [
-                  /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-16 md:w-20" }),
-                  /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-12 md:w-16" })
-                ] }),
-                /* @__PURE__ */ jsx34("div", { className: "h-3 md:h-4 bg-[#2A2A2A] rounded w-full" })
-              ] })
-            ] }, i)) }),
-            /* @__PURE__ */ jsx34("div", { className: "p-4 md:p-6 border-t border-ods-border bg-ods-card h-[72px] md:h-[80px] flex-shrink-0", children: /* @__PURE__ */ jsx34("div", { className: "flex items-end gap-3 justify-center md:justify-end", children: /* @__PURE__ */ jsx34("div", { className: "h-10 md:h-12 bg-[#2A2A2A] rounded-lg w-28 md:w-32" }) }) })
-          ] })
-        ] })
-      ] })
-    }
-  );
-}
 
 // src/components/loading/content-skeleton.tsx
 init_cn();
-import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs24 } 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__ */ jsx35("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx31("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx31(
     TextSkeleton.Body,
     {
       className: lineWidths[index % lineWidths.length]
@@ -4810,14 +3927,14 @@ function ListSkeleton({
   showIcons = false,
   showActions = false
 }) {
-  return /* @__PURE__ */ jsx35("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
-      showIcons && /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-32 md:w-48" })
+  return /* @__PURE__ */ jsx31("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+      showIcons && /* @__PURE__ */ jsx31(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-32 md:w-48" })
     ] }),
-    showActions && /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-8" }),
-      /* @__PURE__ */ jsx35(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
+    showActions && /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-8" }),
+      /* @__PURE__ */ jsx31(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
     ] })
   ] }, index)) });
 }
@@ -4826,14 +3943,14 @@ function TableSkeleton({
   rows = 5,
   columns = 4
 }) {
-  return /* @__PURE__ */ jsxs27("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsx35("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
-    /* @__PURE__ */ jsx35("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsxs24("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsx31("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx31(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
+    /* @__PURE__ */ jsx31("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx31(
       "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__ */ jsx35(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
+        children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
       },
       rowIndex
     )) })
@@ -4843,15 +3960,15 @@ function FormSkeleton({
   className,
   fields = 4
 }) {
-  return /* @__PURE__ */ jsxs27("div", { className: cn("space-y-6", className), children: [
-    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-24" }),
-      /* @__PURE__ */ jsx35(InteractiveSkeleton.Input, {}),
-      index % 3 === 0 && /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-48" })
+  return /* @__PURE__ */ jsxs24("div", { className: cn("space-y-6", className), children: [
+    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-24" }),
+      /* @__PURE__ */ jsx31(InteractiveSkeleton.Input, {}),
+      index % 3 === 0 && /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-48" })
     ] }, index)),
-    /* @__PURE__ */ jsxs27("div", { className: "flex gap-4 pt-4", children: [
-      /* @__PURE__ */ jsx35(InteractiveSkeleton.Button, {}),
-      /* @__PURE__ */ jsx35(InteractiveSkeleton.Button, { className: "bg-ods-border" })
+    /* @__PURE__ */ jsxs24("div", { className: "flex gap-4 pt-4", children: [
+      /* @__PURE__ */ jsx31(InteractiveSkeleton.Button, {}),
+      /* @__PURE__ */ jsx31(InteractiveSkeleton.Button, { className: "bg-ods-border" })
     ] })
   ] });
 }
@@ -4860,7 +3977,7 @@ function NavigationSkeleton({
   items = 6,
   horizontal = true
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx31(
     "nav",
     {
       className: cn(
@@ -4870,7 +3987,7 @@ function NavigationSkeleton({
       ),
       role: "status",
       "aria-label": "Loading navigation",
-      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
+      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
     }
   );
 }
@@ -4879,32 +3996,32 @@ function ProfileSkeleton({
   showBio = true,
   showStats = true
 }) {
-  return /* @__PURE__ */ jsxs27("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs27("div", { className: "flex items-start gap-4", children: [
-      /* @__PURE__ */ jsx35(MediaSkeleton.Avatar, { size: "lg" }),
-      /* @__PURE__ */ jsxs27("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-1/2" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-2/3" })
+  return /* @__PURE__ */ jsxs24("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ jsx31(MediaSkeleton.Avatar, { size: "lg" }),
+      /* @__PURE__ */ jsxs24("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ jsx31(TextSkeleton.Subheading, { className: "w-1/2" }),
+        /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }),
-    showBio && /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-4/5" }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-3/4" })
+    showBio && /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-4/5" }),
+      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-3/4" })
     ] }),
-    showStats && /* @__PURE__ */ jsxs27("div", { className: "flex gap-6", children: [
-      /* @__PURE__ */ jsxs27("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-12 mx-auto" })
+    showStats && /* @__PURE__ */ jsxs24("div", { className: "flex gap-6", children: [
+      /* @__PURE__ */ jsxs24("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx31(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-12 mx-auto" })
       ] }),
-      /* @__PURE__ */ jsxs27("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-16 mx-auto" })
+      /* @__PURE__ */ jsxs24("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx31(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-16 mx-auto" })
       ] }),
-      /* @__PURE__ */ jsxs27("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-14 mx-auto" })
+      /* @__PURE__ */ jsxs24("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx31(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-14 mx-auto" })
       ] })
     ] })
   ] });
@@ -4914,34 +4031,34 @@ function CommentSkeleton({
   showRating = false,
   showReplies = false
 }) {
-  return /* @__PURE__ */ jsxs27("div", { className: cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx35(MediaSkeleton.Avatar, { size: "sm" }),
-      /* @__PURE__ */ jsxs27("div", { className: "flex-1 flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-24" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-16" }),
-        showRating && /* @__PURE__ */ jsx35("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm" }, i)) })
+  return /* @__PURE__ */ jsxs24("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx31(MediaSkeleton.Avatar, { size: "sm" }),
+      /* @__PURE__ */ jsxs24("div", { className: "flex-1 flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-24" }),
+        /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-16" }),
+        showRating && /* @__PURE__ */ jsx31("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx31(MediaSkeleton.Icon, { size: "sm" }, i)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs27("div", { className: "ml-11 space-y-2", children: [
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-3/4" }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-1/2" })
+    /* @__PURE__ */ jsxs24("div", { className: "ml-11 space-y-2", children: [
+      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-3/4" }),
+      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__PURE__ */ jsxs27("div", { className: "ml-11 flex gap-4", children: [
-      /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-12" }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-16" }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-8" })
+    /* @__PURE__ */ jsxs24("div", { className: "ml-11 flex gap-4", children: [
+      /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-12" }),
+      /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-16" }),
+      /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-8" })
     ] }),
-    showReplies && /* @__PURE__ */ jsx35("div", { className: "ml-11 pl-4 border-l border-ods-divider space-y-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx35(MediaSkeleton.Avatar, { size: "sm" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-20" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-12" })
+    showReplies && /* @__PURE__ */ jsx31("div", { className: "ml-11 pl-4 border-l border-ods-divider space-y-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx31(MediaSkeleton.Avatar, { size: "sm" }),
+        /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-20" }),
+        /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-12" })
       ] }),
-      /* @__PURE__ */ jsxs27("div", { className: "ml-11", children: [
-        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-2/3" })
+      /* @__PURE__ */ jsxs24("div", { className: "ml-11", children: [
+        /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }, index)) })
   ] });
@@ -4953,35 +4070,35 @@ function FeatureListSkeleton({
   grouped = false
 }) {
   if (grouped) {
-    return /* @__PURE__ */ jsx35("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs27("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx35("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
-        showIcons && /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-2/3" })
+    return /* @__PURE__ */ jsx31("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs24("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx31(TextSkeleton.Subheading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx31("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+        showIcons && /* @__PURE__ */ jsx31(MediaSkeleton.Icon, { size: "sm" }),
+        /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-2/3" })
       ] }, featureIndex)) })
     ] }, groupIndex)) });
   }
-  return /* @__PURE__ */ jsx35("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
-    showIcons && /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm" }),
-    /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-2/3" })
+  return /* @__PURE__ */ jsx31("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+    showIcons && /* @__PURE__ */ jsx31(MediaSkeleton.Icon, { size: "sm" }),
+    /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-2/3" })
   ] }, index)) });
 }
 function TimelineSkeleton({
   className,
   items = 5
 }) {
-  return /* @__PURE__ */ jsx35("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs27("div", { className: "flex gap-4", children: [
-    /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm" }),
-      index < items - 1 && /* @__PURE__ */ jsx35("div", { className: "w-px h-12 bg-ods-border mt-2" })
+  return /* @__PURE__ */ jsx31("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs24("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx31(MediaSkeleton.Icon, { size: "sm" }),
+      index < items - 1 && /* @__PURE__ */ jsx31("div", { className: "w-px h-12 bg-ods-border mt-2" })
     ] }),
-    /* @__PURE__ */ jsxs27("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-16" })
+    /* @__PURE__ */ jsxs24("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-16" })
       ] }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-3/4" })
+      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-3/4" })
     ] })
   ] }, index)) });
 }
@@ -4989,54 +4106,54 @@ function PricingSkeleton({
   className,
   plans = 3
 }) {
-  return /* @__PURE__ */ jsx35("div", { className: cn(
+  return /* @__PURE__ */ jsx31("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__ */ jsx35("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs27("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-1/2" }),
-    /* @__PURE__ */ jsxs27("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx35(TextSkeleton.Heading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-1/4" })
+  ), children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ jsx31("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs24("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx31(TextSkeleton.Subheading, { className: "w-1/2" }),
+    /* @__PURE__ */ jsxs24("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx31(TextSkeleton.Heading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-1/4" })
     ] }),
-    /* @__PURE__ */ jsx35("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-3/4" })
+    /* @__PURE__ */ jsx31("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx31(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-3/4" })
     ] }, featureIndex)) }),
-    /* @__PURE__ */ jsx35(InteractiveSkeleton.Button, { className: "w-full" })
+    /* @__PURE__ */ jsx31(InteractiveSkeleton.Button, { className: "w-full" })
   ] }) }, index)) });
 }
 
 // src/components/profile/ProfileLoadingSkeleton.tsx
 init_cn();
-import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 function ProfileLoadingSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs28("div", { className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsxs28("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ jsx36("div", { className: "h-16 w-16 bg-gray-200 rounded-full animate-pulse" }),
-      /* @__PURE__ */ jsxs28("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx36("div", { className: "h-4 w-32 bg-gray-200 rounded animate-pulse" }),
-        /* @__PURE__ */ jsx36("div", { className: "h-3 w-24 bg-gray-200 rounded animate-pulse" })
+  return /* @__PURE__ */ jsxs25("div", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs25("div", { className: "flex items-center space-x-4", children: [
+      /* @__PURE__ */ jsx32("div", { className: "h-16 w-16 bg-gray-200 rounded-full animate-pulse" }),
+      /* @__PURE__ */ jsxs25("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx32("div", { className: "h-4 w-32 bg-gray-200 rounded animate-pulse" }),
+        /* @__PURE__ */ jsx32("div", { className: "h-3 w-24 bg-gray-200 rounded animate-pulse" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx36("div", { className: "h-4 w-full bg-gray-200 rounded animate-pulse" }),
-      /* @__PURE__ */ jsx36("div", { className: "h-4 w-3/4 bg-gray-200 rounded animate-pulse" }),
-      /* @__PURE__ */ jsx36("div", { className: "h-4 w-1/2 bg-gray-200 rounded animate-pulse" })
+    /* @__PURE__ */ jsxs25("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx32("div", { className: "h-4 w-full bg-gray-200 rounded animate-pulse" }),
+      /* @__PURE__ */ jsx32("div", { className: "h-4 w-3/4 bg-gray-200 rounded animate-pulse" }),
+      /* @__PURE__ */ jsx32("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 jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 function MspProfileFormSkeleton({
   className,
   fields = 4
 }) {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: cn(
@@ -5046,13 +4163,13 @@ function MspProfileFormSkeleton({
       role: "status",
       "aria-label": "Loading MSP profile form",
       children: [
-        /* @__PURE__ */ jsxs29("div", { className: "flex flex-col space-y-2 h-full", children: [
-          /* @__PURE__ */ jsx37(TextSkeleton.Body, { className: "w-28" }),
-          /* @__PURE__ */ jsx37("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx37(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
+        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col space-y-2 h-full", children: [
+          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-28" }),
+          /* @__PURE__ */ jsx33("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx33(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
         ] }),
-        /* @__PURE__ */ jsx37("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs29("div", { className: "space-y-2 flex flex-col", children: [
-          /* @__PURE__ */ jsx37(TextSkeleton.Body, { className: "w-40" }),
-          /* @__PURE__ */ jsx37(InteractiveSkeleton.Input, {})
+        /* @__PURE__ */ jsx33("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs26("div", { className: "space-y-2 flex flex-col", children: [
+          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-40" }),
+          /* @__PURE__ */ jsx33(InteractiveSkeleton.Input, {})
         ] }, idx)) })
       ]
     }
@@ -5061,9 +4178,9 @@ function MspProfileFormSkeleton({
 
 // src/components/loading/category-card-skeleton.tsx
 init_cn();
-import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 function CategoryCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs27(
     "article",
     {
       className: cn(
@@ -5073,7 +4190,7 @@ function CategoryCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading category card",
       children: [
-        /* @__PURE__ */ jsx38("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx34("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx34(
           UnifiedSkeleton,
           {
             variant: "circular",
@@ -5082,12 +4199,12 @@ function CategoryCardSkeleton({ className }) {
           },
           i
         )) }),
-        /* @__PURE__ */ jsxs30("div", { className: "flex-1 flex flex-col space-y-3", children: [
-          /* @__PURE__ */ jsx38(TextSkeleton.Heading, { className: "w-3/4" }),
-          /* @__PURE__ */ jsx38(TextSkeleton.Body, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx38(TextSkeleton.Body, { className: "w-full" })
+        /* @__PURE__ */ jsxs27("div", { className: "flex-1 flex flex-col space-y-3", children: [
+          /* @__PURE__ */ jsx34(TextSkeleton.Heading, { className: "w-3/4" }),
+          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" })
         ] }),
-        /* @__PURE__ */ jsx38("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx38(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
+        /* @__PURE__ */ jsx34("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
       ]
     }
   );
@@ -5095,22 +4212,22 @@ function CategoryCardSkeleton({ className }) {
 
 // src/components/loading/category-vendor-selector-skeleton.tsx
 init_cn();
-import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       className: cn("bg-ods-card border border-ods-border rounded-lg p-6", className),
       role: "status",
       "aria-label": "Loading category section",
       children: [
-        /* @__PURE__ */ jsxs31("div", { className: "mb-6 space-y-2 max-w-xl", children: [
-          /* @__PURE__ */ jsx39(TextSkeleton.Heading, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx39(TextSkeleton.Body, { className: "w-3/4" })
+        /* @__PURE__ */ jsxs28("div", { className: "mb-6 space-y-2 max-w-xl", children: [
+          /* @__PURE__ */ jsx35(TextSkeleton.Heading, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-3/4" })
         ] }),
-        /* @__PURE__ */ jsx39("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs31("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx39(TextSkeleton.Subheading, { className: "w-1/3" }),
-          /* @__PURE__ */ jsx39("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx39(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
+        /* @__PURE__ */ jsx35("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs28("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-1/3" }),
+          /* @__PURE__ */ jsx35("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
         ] }, idx)) })
       ]
     }
@@ -5119,90 +4236,90 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
 
 // src/components/loading/wizard-layout-skeleton.tsx
 init_cn();
-import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
 function WizardLayoutSkeleton({ steps = 6, className }) {
-  return /* @__PURE__ */ jsxs32("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
-    /* @__PURE__ */ jsx40("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx40(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
-    /* @__PURE__ */ jsxs32("div", { className: "space-y-2 max-w-2xl", children: [
-      /* @__PURE__ */ jsx40(TextSkeleton.Heading, { className: "w-2/3" }),
-      /* @__PURE__ */ jsx40(TextSkeleton.Body, { className: "w-1/2" })
+  return /* @__PURE__ */ jsxs29("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
+    /* @__PURE__ */ jsx36("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx36(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
+    /* @__PURE__ */ jsxs29("div", { className: "space-y-2 max-w-2xl", children: [
+      /* @__PURE__ */ jsx36(TextSkeleton.Heading, { className: "w-2/3" }),
+      /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__PURE__ */ jsxs32("div", { className: "flex justify-between mt-10", children: [
-      /* @__PURE__ */ jsx40(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
-      /* @__PURE__ */ jsx40(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
+    /* @__PURE__ */ jsxs29("div", { className: "flex justify-between mt-10", children: [
+      /* @__PURE__ */ jsx36(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
+      /* @__PURE__ */ jsx36(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
     ] })
   ] });
 }
 
 // src/components/loading/margin-report-skeleton.tsx
-import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 function MarginReportSkeleton({ animate = true, description, overlayContent }) {
-  return /* @__PURE__ */ jsxs33("main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
-    /* @__PURE__ */ jsxs33("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
-      /* @__PURE__ */ jsxs33("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx41("div", { className: "h-10 w-72 bg-[#2A2A2A] rounded" }),
-        /* @__PURE__ */ jsx41("div", { className: "h-4 w-80 bg-[#2A2A2A] rounded" })
+  return /* @__PURE__ */ jsxs30("main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
+    /* @__PURE__ */ jsxs30("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
+      /* @__PURE__ */ jsxs30("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx37("div", { className: "h-10 w-72 bg-[#2A2A2A] rounded" }),
+        /* @__PURE__ */ jsx37("div", { className: "h-4 w-80 bg-[#2A2A2A] rounded" })
       ] }),
-      /* @__PURE__ */ jsx41("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx41("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) }),
-      /* @__PURE__ */ jsxs33("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-        /* @__PURE__ */ jsxs33("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex items-center gap-4 animate-pulse", children: [
-          /* @__PURE__ */ jsx41("div", { className: "w-14 h-14 rounded-lg bg-[#2A2A2A]" }),
-          /* @__PURE__ */ jsxs33("div", { className: "flex-1 space-y-2", children: [
-            /* @__PURE__ */ jsx41("div", { className: "h-4 bg-[#2A2A2A] rounded w-3/4" }),
-            /* @__PURE__ */ jsx41("div", { className: "h-3 bg-[#2A2A2A] rounded w-1/2" })
+      /* @__PURE__ */ jsx37("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx37("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsxs30("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+        /* @__PURE__ */ jsxs30("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex items-center gap-4 animate-pulse", children: [
+          /* @__PURE__ */ jsx37("div", { className: "w-14 h-14 rounded-lg bg-[#2A2A2A]" }),
+          /* @__PURE__ */ jsxs30("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx37("div", { className: "h-4 bg-[#2A2A2A] rounded w-3/4" }),
+            /* @__PURE__ */ jsx37("div", { className: "h-3 bg-[#2A2A2A] rounded w-1/2" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs33("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex flex-col gap-4 animate-pulse", children: [
-          /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx41("div", { className: "w-10 h-10 rounded-lg bg-[#2A2A2A]" }),
-              /* @__PURE__ */ jsxs33("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx41("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
-                /* @__PURE__ */ jsx41("div", { className: "h-3 w-20 bg-[#2A2A2A] rounded" })
+        /* @__PURE__ */ jsxs30("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex flex-col gap-4 animate-pulse", children: [
+          /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx37("div", { className: "w-10 h-10 rounded-lg bg-[#2A2A2A]" }),
+              /* @__PURE__ */ jsxs30("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx37("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
+                /* @__PURE__ */ jsx37("div", { className: "h-3 w-20 bg-[#2A2A2A] rounded" })
               ] })
             ] }),
-            /* @__PURE__ */ jsx41("div", { className: "h-6 w-36 bg-[#2A2A2A] rounded" })
+            /* @__PURE__ */ jsx37("div", { className: "h-6 w-36 bg-[#2A2A2A] rounded" })
           ] }),
-          /* @__PURE__ */ jsx41("div", { className: "h-4 w-40 bg-[#2A2A2A] rounded mt-4" })
+          /* @__PURE__ */ jsx37("div", { className: "h-4 w-40 bg-[#2A2A2A] rounded mt-4" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx41("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs33("div", { className: "bg-ods-card border border-ods-border rounded-lg overflow-hidden flex flex-col animate-pulse", children: [
-        /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ jsx41("div", { className: "h-6 w-40 bg-[#2A2A2A] rounded" }),
-          /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx41("div", { className: "h-5 w-20 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx41("div", { className: "h-4 w-10 bg-[#2A2A2A] rounded" })
+      /* @__PURE__ */ jsx37("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs30("div", { className: "bg-ods-card border border-ods-border rounded-lg overflow-hidden flex flex-col animate-pulse", children: [
+        /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsx37("div", { className: "h-6 w-40 bg-[#2A2A2A] rounded" }),
+          /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx37("div", { className: "h-5 w-20 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx37("div", { className: "h-4 w-10 bg-[#2A2A2A] rounded" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx41("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs33("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-3 min-w-0", children: [
-            /* @__PURE__ */ jsx41("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
-            /* @__PURE__ */ jsxs33("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsx41("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
-              /* @__PURE__ */ jsx41("div", { className: "hidden md:block h-3 w-24 bg-[#2A2A2A] rounded mt-1" })
+        /* @__PURE__ */ jsx37("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs30("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsx37("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
+            /* @__PURE__ */ jsxs30("div", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ jsx37("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
+              /* @__PURE__ */ jsx37("div", { className: "hidden md:block h-3 w-24 bg-[#2A2A2A] rounded mt-1" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-            /* @__PURE__ */ jsx41("div", { className: "h-4 w-16 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx41("div", { className: "h-3 w-8 bg-[#2A2A2A] rounded" })
+          /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+            /* @__PURE__ */ jsx37("div", { className: "h-4 w-16 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx37("div", { className: "h-3 w-8 bg-[#2A2A2A] rounded" })
           ] })
         ] }, j)) })
       ] }, idx)) }),
-      /* @__PURE__ */ jsx41("div", { className: "h-6 w-60 bg-[#2A2A2A] rounded" }),
-      /* @__PURE__ */ jsx41("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx41("div", { className: "h-48 bg-ods-card border border-ods-border rounded" }, i)) }),
-      /* @__PURE__ */ jsxs33("div", { className: "border border-ods-border rounded-3xl p-8 space-y-6", children: [
-        /* @__PURE__ */ jsxs33("div", { className: "flex items-start gap-6", children: [
-          /* @__PURE__ */ jsxs33("div", { className: "flex-1 space-y-2 min-w-0", children: [
-            /* @__PURE__ */ jsx41("div", { className: "h-8 w-72 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx41("div", { className: "h-4 w-3/4 bg-[#2A2A2A] rounded" })
+      /* @__PURE__ */ jsx37("div", { className: "h-6 w-60 bg-[#2A2A2A] rounded" }),
+      /* @__PURE__ */ jsx37("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx37("div", { className: "h-48 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsxs30("div", { className: "border border-ods-border rounded-3xl p-8 space-y-6", children: [
+        /* @__PURE__ */ jsxs30("div", { className: "flex items-start gap-6", children: [
+          /* @__PURE__ */ jsxs30("div", { className: "flex-1 space-y-2 min-w-0", children: [
+            /* @__PURE__ */ jsx37("div", { className: "h-8 w-72 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx37("div", { className: "h-4 w-3/4 bg-[#2A2A2A] rounded" })
           ] }),
-          /* @__PURE__ */ jsx41("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-md shrink-0" })
+          /* @__PURE__ */ jsx37("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-md shrink-0" })
         ] }),
-        /* @__PURE__ */ jsx41("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx41("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
+        /* @__PURE__ */ jsx37("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx37("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
       ] })
     ] }),
-    overlayContent && /* @__PURE__ */ jsx41("div", { className: "absolute inset-0 bg-ods-card/80 z-10 rounded-lg pointer-events-none", children: /* @__PURE__ */ jsxs33("div", { className: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-auto flex flex-col items-center gap-4 text-center px-4", children: [
-      description && /* @__PURE__ */ jsx41("h3", { children: description }),
+    overlayContent && /* @__PURE__ */ jsx37("div", { className: "absolute inset-0 bg-ods-card/80 z-10 rounded-lg pointer-events-none", children: /* @__PURE__ */ jsxs30("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__ */ jsx37("h3", { children: description }),
       overlayContent
     ] }) })
   ] });
@@ -5210,18 +4327,18 @@ function MarginReportSkeleton({ animate = true, description, overlayContent }) {
 
 // src/components/loading/users-grid-skeleton.tsx
 init_cn();
-import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
 function UsersGridSkeleton({ rows = 10, className }) {
   const skeletonRows = Array.from({ length: rows });
-  return /* @__PURE__ */ jsx42("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs34("table", { className: "min-w-full divide-y divide-ods-border", children: [
-    /* @__PURE__ */ jsx42("thead", { className: "bg-[#2A2A2A]", children: /* @__PURE__ */ jsx42("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx42("th", { className: "px-4 py-3 text-left text-[12px] font-medium text-ods-text-primary font-['DM_Sans']", children: h }, h)) }) }),
-    /* @__PURE__ */ jsx42("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx42("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx42("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx42("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
+  return /* @__PURE__ */ jsx38("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs31("table", { className: "min-w-full divide-y divide-ods-border", children: [
+    /* @__PURE__ */ jsx38("thead", { className: "bg-[#2A2A2A]", children: /* @__PURE__ */ jsx38("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx38("th", { className: "px-4 py-3 text-left text-[12px] font-medium text-ods-text-primary font-['DM_Sans']", children: h }, h)) }) }),
+    /* @__PURE__ */ jsx38("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx38("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx38("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx38("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
   ] }) });
 }
 
 // src/components/loading/organization-icon-skeleton.tsx
 init_cn();
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var sizeClasses2 = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
@@ -5248,27 +4365,27 @@ function OrganizationIconSkeleton({
     !showBackground && "overflow-hidden",
     className
   );
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       className: containerClasses,
       role: "status",
       "aria-label": "Loading organization icon",
-      children: /* @__PURE__ */ jsx43("div", { className: "w-1/2 h-1/2 bg-ods-border rounded-sm animate-pulse" })
+      children: /* @__PURE__ */ jsx39("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 jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
 function OrganizationCardSkeleton({
   className,
   containerClassName,
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       className: cn(
@@ -5278,9 +4395,9 @@ function OrganizationCardSkeleton({
       ),
       role: "status",
       "aria-label": "Loading organization card",
-      children: /* @__PURE__ */ jsxs35("div", { className: "p-4 gap-3 flex flex-col", children: [
-        /* @__PURE__ */ jsxs35("div", { className: "flex items-start gap-3 w-full", children: [
-          /* @__PURE__ */ jsx44(
+      children: /* @__PURE__ */ jsxs32("div", { className: "p-4 gap-3 flex flex-col", children: [
+        /* @__PURE__ */ jsxs32("div", { className: "flex items-start gap-3 w-full", children: [
+          /* @__PURE__ */ jsx40(
             OrganizationIconSkeleton,
             {
               size: "xl",
@@ -5289,29 +4406,29 @@ function OrganizationCardSkeleton({
               className: "w-[60px] h-[60px]"
             }
           ),
-          /* @__PURE__ */ jsxs35("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
-            /* @__PURE__ */ jsx44(TextSkeleton.Subheading, { className: "w-3/4" }),
-            /* @__PURE__ */ jsx44(TextSkeleton.Caption, { className: "w-1/2" })
+          /* @__PURE__ */ jsxs32("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
+            /* @__PURE__ */ jsx40(TextSkeleton.Subheading, { className: "w-3/4" }),
+            /* @__PURE__ */ jsx40(TextSkeleton.Caption, { className: "w-1/2" })
           ] })
         ] }),
-        showDescription && /* @__PURE__ */ jsx44("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs35("div", { className: "space-y-1 w-full", children: [
-          /* @__PURE__ */ jsx44(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx44(TextSkeleton.Body, { className: "w-2/3" })
+        showDescription && /* @__PURE__ */ jsx40("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs32("div", { className: "space-y-1 w-full", children: [
+          /* @__PURE__ */ jsx40(TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ jsx40(TextSkeleton.Body, { className: "w-2/3" })
         ] }) }),
-        showFooter && /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
-          /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
-            /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx44(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx44(TextSkeleton.Caption, { className: "w-8" })
+        showFooter && /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
+          /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
+            /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx40(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx40(TextSkeleton.Caption, { className: "w-8" })
             ] }),
-            /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx44(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx44(TextSkeleton.Caption, { className: "w-10" })
+            /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx40(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx40(TextSkeleton.Caption, { className: "w-10" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx44("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
-            /* @__PURE__ */ jsx44("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx44(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
-            /* @__PURE__ */ jsx44(TextSkeleton.Caption, { className: "w-16" })
+          /* @__PURE__ */ jsx40("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
+            /* @__PURE__ */ jsx40("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx40(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
+            /* @__PURE__ */ jsx40(TextSkeleton.Caption, { className: "w-16" })
           ] }) })
         ] })
       ] })
@@ -5325,7 +4442,7 @@ function OrganizationCardSkeletonGrid({
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       className: cn(
@@ -5334,7 +4451,7 @@ function OrganizationCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} organization cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx44(
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx40(
         OrganizationCardSkeleton,
         {
           containerClassName,
@@ -5349,9 +4466,9 @@ function OrganizationCardSkeletonGrid({
 
 // src/components/loading/device-card-skeleton.tsx
 init_cn();
-import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
 function DeviceCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       className: cn(
@@ -5361,19 +4478,19 @@ function DeviceCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading device card",
       children: [
-        /* @__PURE__ */ jsxs36("div", { className: "flex gap-4 items-center px-4 py-3", children: [
-          /* @__PURE__ */ jsx45("div", { className: "w-8 h-8 bg-ods-bg border border-ods-border rounded-[6px] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx45("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx45("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx45("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx45("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
+        /* @__PURE__ */ jsxs33("div", { className: "flex gap-4 items-center px-4 py-3", children: [
+          /* @__PURE__ */ jsx41("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__ */ jsx41("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx41("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx41("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx41("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsxs36("div", { className: "flex gap-4 items-center px-4 py-2", children: [
-          /* @__PURE__ */ jsx45("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx45(OrganizationIconSkeleton, { size: "sm" }),
-          /* @__PURE__ */ jsx45("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx45("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
+        /* @__PURE__ */ jsxs33("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx41("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx41(OrganizationIconSkeleton, { size: "sm" }),
+          /* @__PURE__ */ jsx41("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx41("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
         ] }),
-        /* @__PURE__ */ jsxs36("div", { className: "flex gap-4 items-center px-4 py-2", children: [
-          /* @__PURE__ */ jsx45("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx45("div", { className: "flex-1", children: /* @__PURE__ */ jsx45("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
+        /* @__PURE__ */ jsxs33("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx41("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx41("div", { className: "flex-1", children: /* @__PURE__ */ jsx41("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
         ] })
       ]
     }
@@ -5383,7 +4500,7 @@ function DeviceCardSkeletonGrid({
   count = 12,
   className
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       className: cn(
@@ -5392,22 +4509,22 @@ function DeviceCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} device cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx45(DeviceCardSkeleton, {}, index))
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx41(DeviceCardSkeleton, {}, index))
     }
   );
 }
 
 // src/components/vendor-page-skeleton.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function VendorPageSkeleton() {
-  return /* @__PURE__ */ jsx46(VendorDetailLayoutSkeleton, {});
+  return /* @__PURE__ */ jsx42(VendorDetailLayoutSkeleton, {});
 }
 
 // src/components/why-it-matters.tsx
-import { jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
 
 // src/components/yes-no-display.tsx
-import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
 function YesNoDisplay({
   value,
   yesText = "Yes",
@@ -5416,20 +4533,20 @@ function YesNoDisplay({
   className = ""
 }) {
   if (customText) {
-    return /* @__PURE__ */ jsxs38("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx48(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx48("span", { className: "text-ods-text-primary text-[16px]", children: customText })
+    return /* @__PURE__ */ jsxs35("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx44(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx44("span", { className: "text-ods-text-primary text-[16px]", children: customText })
     ] });
   }
   if (value) {
-    return /* @__PURE__ */ jsxs38("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx48(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx48("span", { className: "text-ods-text-primary text-[16px]", children: yesText })
+    return /* @__PURE__ */ jsxs35("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx44(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx44("span", { className: "text-ods-text-primary text-[16px]", children: yesText })
     ] });
   }
-  return /* @__PURE__ */ jsxs38("div", { className: `flex items-center gap-2 ${className}`, children: [
-    /* @__PURE__ */ jsx48(XCircleIcon, { className: "h-6 w-6" }),
-    /* @__PURE__ */ jsx48("span", { className: "text-ods-text-secondary text-[16px]", children: noText })
+  return /* @__PURE__ */ jsxs35("div", { className: `flex items-center gap-2 ${className}`, children: [
+    /* @__PURE__ */ jsx44(XCircleIcon, { className: "h-6 w-6" }),
+    /* @__PURE__ */ jsx44("span", { className: "text-ods-text-secondary text-[16px]", children: noText })
   ] });
 }
 function evaluateFeatureValue(value, dataType) {
@@ -5464,7 +4581,7 @@ function evaluateFeatureValue(value, dataType) {
 
 // src/components/made-with-love.tsx
 import { useState as useState6, useEffect as useEffect5 } from "react";
-import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
 function MadeWithLove({
   className = "",
   size = "md",
@@ -5538,14 +4655,14 @@ function MadeWithLove({
     marginLeft: "4px",
     textDecoration: "none"
   };
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       style: containerStyle,
       className,
       children: [
         "Made with love by",
-        /* @__PURE__ */ jsxs39(
+        /* @__PURE__ */ jsxs36(
           "a",
           {
             href: flamingoUrl,
@@ -5555,14 +4672,14 @@ function MadeWithLove({
             onMouseEnter: () => setIsHovered(true),
             onMouseLeave: () => setIsHovered(false),
             children: [
-              /* @__PURE__ */ jsx49("div", { style: logoStyle, children: /* @__PURE__ */ jsx49(
+              /* @__PURE__ */ jsx45("div", { style: logoStyle, children: /* @__PURE__ */ jsx45(
                 FlamingoLogo2,
                 {
                   size: config.logoSize,
                   color: "#f357bb"
                 }
               ) }),
-              /* @__PURE__ */ jsx49("span", { style: textStyle, children: "Flamingo" })
+              /* @__PURE__ */ jsx45("span", { style: textStyle, children: "Flamingo" })
             ]
           }
         )
@@ -5574,7 +4691,7 @@ function MadeWithLove({
 // src/components/date-time-picker.tsx
 init_cn();
 import DatePicker2 from "react-datepicker";
-import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs37 } 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",
@@ -5598,9 +4715,9 @@ function DateTimePicker({
   timeIntervals = 15,
   dateFormat = "MMMM d, yyyy h:mm aa"
 }) {
-  return /* @__PURE__ */ jsxs40("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsx50(Label, { className: "font-['Azeret_Mono'] text-[12px] font-semibold leading-[1em] tracking-[-0.02em] text-ods-text-secondary uppercase", children: label }),
-    /* @__PURE__ */ jsx50("div", { className: "w-full", children: /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsxs37("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsx46(Label, { className: "font-['Azeret_Mono'] text-[12px] font-semibold leading-[1em] tracking-[-0.02em] text-ods-text-secondary uppercase", children: label }),
+    /* @__PURE__ */ jsx46("div", { className: "w-full", children: /* @__PURE__ */ jsx46(
       DatePicker2,
       {
         selected: value,
@@ -5615,7 +4732,7 @@ function DateTimePicker({
         className: inputClassName
       }
     ) }),
-    /* @__PURE__ */ jsx50("style", { dangerouslySetInnerHTML: { __html: `
+    /* @__PURE__ */ jsx46("style", { dangerouslySetInnerHTML: { __html: `
         .react-datepicker-wrapper {
           width: 100% !important;
           display: block !important;
@@ -5720,7 +4837,7 @@ function DateTimePicker({
 
 // src/components/shared/product-release/product-releases-view.tsx
 init_cn();
-import { Fragment as Fragment9, jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx47, jsxs as jsxs38 } 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;
@@ -5749,7 +4866,7 @@ function ReleaseRow({
       fallbackNavigate: router.push
     });
   };
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx47(
     ProductReleaseCard,
     {
       size: "lg",
@@ -5804,9 +4921,9 @@ function ProductReleasesView({
     router.replace(`${pathname}?${params.toString()}`, { scroll: false });
   };
   if (error) {
-    return /* @__PURE__ */ jsx51("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx51(LoadError, { message: "Failed to load releases.", onRetry: reload }) });
+    return /* @__PURE__ */ jsx47("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx47(LoadError, { message: "Failed to load releases.", onRetry: reload }) });
   }
-  return /* @__PURE__ */ jsx51("div", { className: cn("w-full flex flex-col gap-[40px]", className), children: /* @__PURE__ */ jsx51("div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ jsx51("div", { className: "h-[600px] flex items-center justify-center", children: hasActiveFilters ? /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx47("div", { className: cn("w-full flex flex-col gap-[40px]", className), children: /* @__PURE__ */ jsx47("div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ jsx47("div", { className: "h-[600px] flex items-center justify-center", children: hasActiveFilters ? /* @__PURE__ */ jsx47(
     EmptyState,
     {
       type: "search",
@@ -5816,7 +4933,7 @@ function ProductReleasesView({
       ctaText: "Reset Filters",
       onCtaClick: resetFilters
     }
-  ) : /* @__PURE__ */ jsx51(
+  ) : /* @__PURE__ */ jsx47(
     EmptyState,
     {
       type: "generic",
@@ -5824,20 +4941,20 @@ function ProductReleasesView({
       description: "Check back soon for product updates!",
       showCTA: false
     }
-  ) }) : /* @__PURE__ */ jsxs41(Fragment9, { children: [
-    /* @__PURE__ */ jsx51("div", { className: "flex flex-col gap-6", children: Array.from({ length: itemsPerPage }).map((_, i) => {
+  ) }) : /* @__PURE__ */ jsxs38(Fragment7, { children: [
+    /* @__PURE__ */ jsx47("div", { className: "flex flex-col gap-6", children: Array.from({ length: itemsPerPage }).map((_, i) => {
       const release = releases[i];
       const hasData = !!release;
-      return /* @__PURE__ */ jsx51(
+      return /* @__PURE__ */ jsx47(
         "div",
         {
           style: { visibility: isLoading || hasData ? "visible" : "hidden" },
-          children: isLoading ? /* @__PURE__ */ jsx51(ProductReleaseCardSkeleton, { size: "lg" }) : release ? /* @__PURE__ */ jsx51(ReleaseRow, { release, basePath, buildCardProps }) : /* @__PURE__ */ jsx51(ProductReleaseCardSkeleton, { size: "lg" })
+          children: isLoading ? /* @__PURE__ */ jsx47(ProductReleaseCardSkeleton, { size: "lg" }) : release ? /* @__PURE__ */ jsx47(ReleaseRow, { release, basePath, buildCardProps }) : /* @__PURE__ */ jsx47(ProductReleaseCardSkeleton, { size: "lg" })
         },
         release?.id ?? `slot-${i}`
       );
     }) }),
-    /* @__PURE__ */ jsx51("div", { className: "mt-6 md:mt-8 flex justify-center", children: isLoading ? /* @__PURE__ */ jsx51("div", { className: "h-12 m-3 w-64" }) : releases.length > 0 && totalPages > 1 ? /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx47("div", { className: "mt-6 md:mt-8 flex justify-center", children: isLoading ? /* @__PURE__ */ jsx47("div", { className: "h-12 m-3 w-64" }) : releases.length > 0 && totalPages > 1 ? /* @__PURE__ */ jsx47(
       PersistentPaginationWrapper,
       {
         isLoading: false,
@@ -5846,7 +4963,7 @@ function ProductReleasesView({
         onPageChange: goToPage,
         variant: "blog"
       }
-    ) : /* @__PURE__ */ jsx51("div", { className: "h-12 m-3 w-64", style: { visibility: "hidden" } }) })
+    ) : /* @__PURE__ */ jsx47("div", { className: "h-12 m-3 w-64", style: { visibility: "hidden" } }) })
   ] }) }) });
 }
 
@@ -5857,7 +4974,7 @@ import { useState as useState8, useEffect as useEffect6 } from "react";
 
 // src/components/shared/media-gallery-strip.tsx
 import { useState as useState7 } from "react";
-import { Fragment as Fragment10, jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
 function isGalleryImage(mediaType) {
   return mediaType !== "video" && mediaType !== "demo";
 }
@@ -5868,10 +4985,10 @@ function MediaGalleryStrip({ items, maxDisplay, className }) {
   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__ */ jsxs42(Fragment10, { children: [
-    /* @__PURE__ */ jsx52("div", { className: `flex gap-6 overflow-x-auto w-full ${className ?? ""}`, children: display.map((mediaItem, index) => {
+  return /* @__PURE__ */ jsxs39(Fragment8, { children: [
+    /* @__PURE__ */ jsx48("div", { className: `flex gap-6 overflow-x-auto w-full ${className ?? ""}`, children: display.map((mediaItem, index) => {
       if (isGalleryImage(mediaItem.media_type)) {
-        return /* @__PURE__ */ jsx52(
+        return /* @__PURE__ */ jsx48(
           "button",
           {
             type: "button",
@@ -5881,14 +4998,14 @@ function MediaGalleryStrip({ items, maxDisplay, className }) {
               setGalleryIndex(display.slice(0, index).filter((m) => isGalleryImage(m.media_type)).length);
               setGalleryOpen(true);
             },
-            children: /* @__PURE__ */ jsx52("img", { src: mediaItem.media_url, alt: mediaItem.title || `Media ${index + 1}`, className: "w-full h-full object-cover" })
+            children: /* @__PURE__ */ jsx48("img", { src: mediaItem.media_url, alt: mediaItem.title || `Media ${index + 1}`, className: "w-full h-full object-cover" })
           },
           mediaItem.id || index
         );
       }
-      return /* @__PURE__ */ jsx52("div", { className: tileClass, children: /* @__PURE__ */ jsx52(Video, { url: mediaItem.media_url, layout: "native" }) }, mediaItem.id || index);
+      return /* @__PURE__ */ jsx48("div", { className: tileClass, children: /* @__PURE__ */ jsx48(Video, { url: mediaItem.media_url, layout: "native" }) }, mediaItem.id || index);
     }) }),
-    galleryImages.length > 0 && /* @__PURE__ */ jsx52(
+    galleryImages.length > 0 && /* @__PURE__ */ jsx48(
       ImageGalleryModal,
       {
         images: galleryImages,
@@ -5902,9 +5019,9 @@ function MediaGalleryStrip({ items, maxDisplay, className }) {
 
 // src/components/shared/product-release/release-detail-page.tsx
 import { AlertTriangle, ExternalLink, BookMarked, Sparkles as Sparkles2, TrendingUp, Wrench } from "lucide-react";
-import { Fragment as Fragment11, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx49, jsxs as jsxs40 } from "react/jsx-runtime";
 function DefaultMarkdownRenderer({ content }) {
-  return /* @__PURE__ */ jsx53("div", { className: "whitespace-pre-wrap", children: content });
+  return /* @__PURE__ */ jsx49("div", { className: "whitespace-pre-wrap", children: content });
 }
 function ReleaseDetailPage({
   authorHref,
@@ -5961,12 +5078,12 @@ function ReleaseDetailPage({
     fetchLinkedTasks();
   }, [release, RoadmapSection, DeliverySection, roadmapApiEndpoint, deliveryApiEndpoint]);
   if (!initialData && isLoading) {
-    return /* @__PURE__ */ jsx53(PageShell, { children: /* @__PURE__ */ jsx53("div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ jsx53(DetailPageSkeleton, { bare: true, metadataColumns: 4, showImageGallery: true }) }) });
+    return /* @__PURE__ */ jsx49(PageShell, { children: /* @__PURE__ */ jsx49("div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ jsx49(DetailPageSkeleton, { bare: true, metadataColumns: 4, showImageGallery: true }) }) });
   }
   if (error || !release) {
-    return /* @__PURE__ */ jsx53(PageShell, { children: /* @__PURE__ */ jsxs43("div", { className: "text-center py-16", children: [
-      /* @__PURE__ */ jsx53("h1", { className: "text-4xl font-bold text-ods-text-primary mb-4", children: "Release Not Found" }),
-      /* @__PURE__ */ jsx53("p", { className: "text-xl text-ods-text-secondary", children: "The release you're looking for doesn't exist." })
+    return /* @__PURE__ */ jsx49(PageShell, { children: /* @__PURE__ */ jsxs40("div", { className: "text-center py-16", children: [
+      /* @__PURE__ */ jsx49("h1", { className: "text-4xl font-bold text-ods-text-primary mb-4", children: "Release Not Found" }),
+      /* @__PURE__ */ jsx49("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;
@@ -5992,33 +5109,33 @@ function ReleaseDetailPage({
   const featuresAdded = release.features_added;
   const bugFixed = release.bugs_fixed;
   const improvements = release.improvements;
-  return /* @__PURE__ */ jsx53(PageShell, { children: /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx49(PageShell, { children: /* @__PURE__ */ jsx49(
     PageLayout,
     {
       backButton: showBackButton ? { label: backLabel, onClick: () => router.push(backHref) } : void 0,
-      children: /* @__PURE__ */ jsxs43("div", { className: "space-y-6 md:space-y-8", children: [
-        /* @__PURE__ */ jsx53("div", { className: "flex flex-col md:flex-row md:items-end gap-4 w-full", children: /* @__PURE__ */ jsxs43("div", { className: "flex-1 flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx53("h1", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary", children: releaseTitle }),
-          /* @__PURE__ */ jsxs43("p", { className: "text-h4 text-ods-text-secondary", children: [
+      children: /* @__PURE__ */ jsxs40("div", { className: "space-y-6 md:space-y-8", children: [
+        /* @__PURE__ */ jsx49("div", { className: "flex flex-col md:flex-row md:items-end gap-4 w-full", children: /* @__PURE__ */ jsxs40("div", { className: "flex-1 flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx49("h1", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary", children: releaseTitle }),
+          /* @__PURE__ */ jsxs40("p", { className: "text-h4 text-ods-text-secondary", children: [
             "Version: ",
             releaseVersion
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx53(EntityTagBadges, { tags: release.product_release_tags }),
-        /* @__PURE__ */ jsxs43("div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
-          /* @__PURE__ */ jsx53("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-0", children: [
-            /* @__PURE__ */ jsx53("p", { className: "text-h4 text-ods-text-primary", children: releaseType.toLocaleUpperCase() }),
-            /* @__PURE__ */ jsx53("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Type" })
+        /* @__PURE__ */ jsx49(EntityTagBadges, { tags: release.product_release_tags }),
+        /* @__PURE__ */ jsxs40("div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
+          /* @__PURE__ */ jsx49("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__ */ jsxs40("div", { className: "flex flex-col gap-0", children: [
+            /* @__PURE__ */ jsx49("p", { className: "text-h4 text-ods-text-primary", children: releaseType.toLocaleUpperCase() }),
+            /* @__PURE__ */ jsx49("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Type" })
           ] }) }),
-          /* @__PURE__ */ jsx53("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-0", children: [
-            /* @__PURE__ */ jsx53("p", { className: "text-h4 text-ods-text-primary", children: releaseStatus.toLocaleUpperCase() }),
-            /* @__PURE__ */ jsx53("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Status" })
+          /* @__PURE__ */ jsx49("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__ */ jsxs40("div", { className: "flex flex-col gap-0", children: [
+            /* @__PURE__ */ jsx49("p", { className: "text-h4 text-ods-text-primary", children: releaseStatus.toLocaleUpperCase() }),
+            /* @__PURE__ */ jsx49("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Status" })
           ] }) }),
-          /* @__PURE__ */ jsx53("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-0", children: [
-            /* @__PURE__ */ jsx53("p", { className: "text-h4 text-ods-text-primary", children: formatReleaseDate(releaseDate) }),
-            /* @__PURE__ */ jsx53("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Date" })
+          /* @__PURE__ */ jsx49("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__ */ jsxs40("div", { className: "flex flex-col gap-0", children: [
+            /* @__PURE__ */ jsx49("p", { className: "text-h4 text-ods-text-primary", children: formatReleaseDate(releaseDate) }),
+            /* @__PURE__ */ jsx49("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Date" })
           ] }) }),
-          /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx49(
             EntityMetadataAuthorCell,
             {
               author: author ?? { full_name: null, avatar_url: null },
@@ -6026,9 +5143,9 @@ function ReleaseDetailPage({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx53(MediaGalleryStrip, { items: releaseMedia ?? [], maxDisplay: 5 }),
-        releaseSummary && /* @__PURE__ */ jsx53("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx53("p", { children: releaseSummary }) }),
-        VideoDisplaySection ? /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx49(MediaGalleryStrip, { items: releaseMedia ?? [], maxDisplay: 5 }),
+        releaseSummary && /* @__PURE__ */ jsx49("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx49("p", { children: releaseSummary }) }),
+        VideoDisplaySection ? /* @__PURE__ */ jsx49(
           VideoDisplaySection,
           {
             mainVideoUrl,
@@ -6042,8 +5159,8 @@ function ReleaseDetailPage({
             srtContent: release?.srt_content,
             captionsUrl: release?.captionsUrl
           }
-        ) : /* @__PURE__ */ jsxs43(Fragment11, { children: [
-          youtubeUrl && /* @__PURE__ */ jsx53(
+        ) : /* @__PURE__ */ jsxs40(Fragment9, { children: [
+          youtubeUrl && /* @__PURE__ */ jsx49(
             Video,
             {
               kind: "youtube",
@@ -6052,7 +5169,7 @@ function ReleaseDetailPage({
               layout: "native"
             }
           ),
-          !youtubeUrl && mainVideoUrl && /* @__PURE__ */ jsx53(
+          !youtubeUrl && mainVideoUrl && /* @__PURE__ */ jsx49(
             Video,
             {
               url: mainVideoUrl,
@@ -6061,7 +5178,7 @@ function ReleaseDetailPage({
               layout: "centered"
             }
           ),
-          highlightVideoUrl && /* @__PURE__ */ jsx53(
+          highlightVideoUrl && /* @__PURE__ */ jsx49(
             Video,
             {
               url: highlightVideoUrl,
@@ -6070,56 +5187,56 @@ function ReleaseDetailPage({
             }
           )
         ] }),
-        releaseContent && /* @__PURE__ */ jsx53("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx53(MarkdownRenderer, { content: releaseContent }) }),
-        hasBreakingChanges && /* @__PURE__ */ jsx53(Card, { className: "border-red-500 bg-red-500/10", children: /* @__PURE__ */ jsx53(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx53(AlertTriangle, { className: "h-6 w-6 text-red-500" }),
-          /* @__PURE__ */ jsxs43("div", { children: [
-            /* @__PURE__ */ jsx53("h3", { className: "font-bold text-red-500 text-lg", children: "Breaking Changes" }),
-            /* @__PURE__ */ jsx53("p", { className: "text-ods-text-secondary", children: "This release contains breaking changes. Review carefully before upgrading." })
+        releaseContent && /* @__PURE__ */ jsx49("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx49(MarkdownRenderer, { content: releaseContent }) }),
+        hasBreakingChanges && /* @__PURE__ */ jsx49(Card, { className: "border-red-500 bg-red-500/10", children: /* @__PURE__ */ jsx49(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx49(AlertTriangle, { className: "h-6 w-6 text-red-500" }),
+          /* @__PURE__ */ jsxs40("div", { children: [
+            /* @__PURE__ */ jsx49("h3", { className: "font-bold text-red-500 text-lg", children: "Breaking Changes" }),
+            /* @__PURE__ */ jsx49("p", { className: "text-ods-text-secondary", children: "This release contains breaking changes. Review carefully before upgrading." })
           ] })
         ] }) }) }),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx49(
           ReleaseChangelogSection,
           {
             title: "Breaking Changes",
             entries: breakingChanges || [],
             isBreaking: true,
             hideTitle: true,
-            icon: /* @__PURE__ */ jsx53(AlertTriangle, { className: "h-6 w-6" }),
+            icon: /* @__PURE__ */ jsx49(AlertTriangle, { className: "h-6 w-6" }),
             SimpleMarkdownRenderer: MarkdownRenderer
           }
         ),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx49(
           ReleaseChangelogSection,
           {
             title: "Features Added",
             entries: featuresAdded || [],
-            icon: /* @__PURE__ */ jsx53(Sparkles2, { className: "h-6 w-6" }),
+            icon: /* @__PURE__ */ jsx49(Sparkles2, { className: "h-6 w-6" }),
             previewFirst: true,
             SimpleMarkdownRenderer: MarkdownRenderer
           }
         ),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx49(
           ReleaseChangelogSection,
           {
             title: "Bugs Fixed",
             entries: bugFixed || [],
-            icon: /* @__PURE__ */ jsx53(Wrench, { className: "h-6 w-6" }),
+            icon: /* @__PURE__ */ jsx49(Wrench, { className: "h-6 w-6" }),
             previewFirst: true,
             SimpleMarkdownRenderer: MarkdownRenderer
           }
         ),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx49(
           ReleaseChangelogSection,
           {
             title: "Improvements",
             entries: improvements || [],
-            icon: /* @__PURE__ */ jsx53(TrendingUp, { className: "h-6 w-6" }),
+            icon: /* @__PURE__ */ jsx49(TrendingUp, { className: "h-6 w-6" }),
             previewFirst: true,
             SimpleMarkdownRenderer: MarkdownRenderer
           }
         ),
-        !VideoDisplaySection && VideoSection && videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx53(
+        !VideoDisplaySection && VideoSection && videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx49(
           VideoSection,
           {
             bites: videoBites,
@@ -6127,9 +5244,9 @@ function ReleaseDetailPage({
             filterPublished: true
           }
         ),
-        RoadmapSection && (roadmapLoading || roadmapTasks.length > 0) && /* @__PURE__ */ jsxs43("div", { className: "space-y-4 w-full", children: [
-          /* @__PURE__ */ jsx53("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Roadmap Items" }),
-          /* @__PURE__ */ jsx53(
+        RoadmapSection && (roadmapLoading || roadmapTasks.length > 0) && /* @__PURE__ */ jsxs40("div", { className: "space-y-4 w-full", children: [
+          /* @__PURE__ */ jsx49("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Roadmap Items" }),
+          /* @__PURE__ */ jsx49(
             RoadmapSection,
             {
               items: roadmapTasks,
@@ -6144,9 +5261,9 @@ function ReleaseDetailPage({
             }
           )
         ] }),
-        DeliverySection && (deliveryLoading || deliveryData && (deliveryData.completed.length > 0 || deliveryData.inProgress.length > 0)) && /* @__PURE__ */ jsxs43("div", { className: "w-full space-y-4", children: [
-          /* @__PURE__ */ jsx53("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Enhancements and Bug-fixes" }),
-          /* @__PURE__ */ jsx53(
+        DeliverySection && (deliveryLoading || deliveryData && (deliveryData.completed.length > 0 || deliveryData.inProgress.length > 0)) && /* @__PURE__ */ jsxs40("div", { className: "w-full space-y-4", children: [
+          /* @__PURE__ */ jsx49("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Enhancements and Bug-fixes" }),
+          /* @__PURE__ */ jsx49(
             DeliverySection,
             {
               data: deliveryData,
@@ -6154,13 +5271,13 @@ function ReleaseDetailPage({
             }
           )
         ] }),
-        (githubReleases?.length || knowledgeBaseLinks?.length || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ jsxs43("div", { className: "space-y-1 w-full", children: [
-          /* @__PURE__ */ jsx53("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Links" }),
-          /* @__PURE__ */ jsx53(Card, { className: "bg-ods-card border-ods-border p-6", children: /* @__PURE__ */ jsxs43("div", { className: "space-y-4", children: [
-            githubReleases && githubReleases.length > 0 && /* @__PURE__ */ jsx53(Fragment11, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
-              /* @__PURE__ */ jsx53(GitHubIcon, { className: "shrink-0", width: 24, height: 24, color: "var(--color-text-secondary)" }),
-              /* @__PURE__ */ jsx53("span", { className: "text-h4 text-ods-text-primary", children: "Github Release" }),
-              /* @__PURE__ */ jsx53(
+        (githubReleases?.length || knowledgeBaseLinks?.length || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ jsxs40("div", { className: "space-y-1 w-full", children: [
+          /* @__PURE__ */ jsx49("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Links" }),
+          /* @__PURE__ */ jsx49(Card, { className: "bg-ods-card border-ods-border p-6", children: /* @__PURE__ */ jsxs40("div", { className: "space-y-4", children: [
+            githubReleases && githubReleases.length > 0 && /* @__PURE__ */ jsx49(Fragment9, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ jsxs40("div", { className: "flex items-start gap-1", children: [
+              /* @__PURE__ */ jsx49(GitHubIcon, { className: "shrink-0", width: 24, height: 24, color: "var(--color-text-secondary)" }),
+              /* @__PURE__ */ jsx49("span", { className: "text-h4 text-ods-text-primary", children: "Github Release" }),
+              /* @__PURE__ */ jsx49(
                 "a",
                 {
                   href: ghRelease.github_release_url,
@@ -6170,15 +5287,15 @@ function ReleaseDetailPage({
                   children: ghRelease.github_release_url.split("/").pop()
                 }
               ),
-              /* @__PURE__ */ jsx53(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+              /* @__PURE__ */ jsx49(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
             ] }, ghRelease.id)) }),
-            knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ jsx53(Fragment11, { children: knowledgeBaseLinks.map((linkObj) => {
+            knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ jsx49(Fragment9, { children: knowledgeBaseLinks.map((linkObj) => {
               const path = typeof linkObj === "string" ? linkObj : linkObj.kb_article_path;
               const linkId = typeof linkObj === "string" ? path : linkObj.id || path;
-              return /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
-                /* @__PURE__ */ jsx53(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
-                /* @__PURE__ */ jsx53("span", { className: "text-h4 text-ods-text-primary", children: "Knowledge Base" }),
-                /* @__PURE__ */ jsx53(
+              return /* @__PURE__ */ jsxs40("div", { className: "flex items-start gap-1", children: [
+                /* @__PURE__ */ jsx49(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+                /* @__PURE__ */ jsx49("span", { className: "text-h4 text-ods-text-primary", children: "Knowledge Base" }),
+                /* @__PURE__ */ jsx49(
                   next_link_default,
                   {
                     href: path.startsWith("http") ? path : `/knowledge-base${path.startsWith("/") ? "" : "/"}${path}`,
@@ -6186,12 +5303,12 @@ function ReleaseDetailPage({
                     children: path.replace(/^\//, "").split("/").pop()?.replace(/-/g, " ") || "View Article"
                   }
                 ),
-                /* @__PURE__ */ jsx53(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+                /* @__PURE__ */ jsx49(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
               ] }, linkId);
             }) }),
-            migrationGuideUrl && /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
-              /* @__PURE__ */ jsx53(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
-              /* @__PURE__ */ jsx53(
+            migrationGuideUrl && /* @__PURE__ */ jsxs40("div", { className: "flex items-start gap-1", children: [
+              /* @__PURE__ */ jsx49(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+              /* @__PURE__ */ jsx49(
                 "a",
                 {
                   href: migrationGuideUrl,
@@ -6201,11 +5318,11 @@ function ReleaseDetailPage({
                   children: "\u{1F4D6} Migration Guide"
                 }
               ),
-              /* @__PURE__ */ jsx53(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+              /* @__PURE__ */ jsx49(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
             ] }),
-            documentationUrl && /* @__PURE__ */ jsxs43("div", { className: "flex items-start gap-1", children: [
-              /* @__PURE__ */ jsx53(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
-              /* @__PURE__ */ jsx53(
+            documentationUrl && /* @__PURE__ */ jsxs40("div", { className: "flex items-start gap-1", children: [
+              /* @__PURE__ */ jsx49(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+              /* @__PURE__ */ jsx49(
                 "a",
                 {
                   href: documentationUrl,
@@ -6215,7 +5332,7 @@ function ReleaseDetailPage({
                   children: "\u{1F4DA} Documentation"
                 }
               ),
-              /* @__PURE__ */ jsx53(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+              /* @__PURE__ */ jsx49(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
             ] })
           ] }) })
         ] })
@@ -6225,9 +5342,9 @@ function ReleaseDetailPage({
 }
 
 // src/components/shared/product-release/release-detail-skeleton.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function ReleaseDetailSkeleton() {
-  return /* @__PURE__ */ jsx54(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
+  return /* @__PURE__ */ jsx50(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
 }
 
 // src/components/shared/roadmap/roadmap-grid.tsx
@@ -6334,7 +5451,7 @@ function useRoadmapVoting(options = {}) {
 
 // src/components/shared/roadmap/roadmap-grid.tsx
 init_cn();
-import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
 var DEFAULT_BUILD_REFRESH_URL = (taskId) => `/api/roadmap/${taskId}`;
 var BACKLOG = "Backlog";
 function getStatusPriority(status) {
@@ -6383,7 +5500,7 @@ function RoadmapGridSingle({
   onVote,
   votingTasks
 }) {
-  return /* @__PURE__ */ jsx55("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: items.map((item) => /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx51("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: items.map((item) => /* @__PURE__ */ jsx51(
     RoadmapCard,
     {
       item,
@@ -6464,7 +5581,7 @@ function RoadmapGrid({
     );
   }, [hasActiveFilters, sortedQuartersKey, isInitialized, quartersToKeepClosed]);
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx51(
       EmptyState,
       {
         type: "generic",
@@ -6474,7 +5591,7 @@ function RoadmapGrid({
     );
   }
   if (!groupByQuarter) {
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx51(
       RoadmapGridSingle,
       {
         items,
@@ -6485,7 +5602,7 @@ function RoadmapGrid({
       }
     );
   }
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx51(
     Accordion,
     {
       type: "multiple",
@@ -6495,15 +5612,15 @@ function RoadmapGrid({
       children: sortedQuarters.map((quarter) => {
         const itemCount = itemsByQuarter[quarter]?.length || 0;
         const isExpanded = expandedQuarters.includes(quarter);
-        return /* @__PURE__ */ jsxs44(
+        return /* @__PURE__ */ jsxs41(
           AccordionItem,
           {
             value: quarter,
             id: `quarter-${quarter.replace(/\s+/g, "-").toLowerCase()}`,
             className: "border-0",
             children: [
-              /* @__PURE__ */ jsx55(AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:h-5 [&>svg]:w-5 [&>svg]:text-ods-text-secondary [&>svg]:ml-auto [&>svg]:shrink-0", children: /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsxs44(
+              /* @__PURE__ */ jsx51(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__ */ jsxs41("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxs41(
                   "h3",
                   {
                     className: cn(
@@ -6512,11 +5629,11 @@ function RoadmapGrid({
                     ),
                     children: [
                       quarter,
-                      /* @__PURE__ */ jsx55("span", { className: "text-ods-accent", children: ":" })
+                      /* @__PURE__ */ jsx51("span", { className: "text-ods-accent", children: ":" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs44(
+                /* @__PURE__ */ jsxs41(
                   "span",
                   {
                     className: cn(
@@ -6527,12 +5644,12 @@ function RoadmapGrid({
                       itemCount,
                       " ",
                       itemCount === 1 ? "item" : "items",
-                      isInitialized && !isExpanded && /* @__PURE__ */ jsx55("span", { className: "ml-2 text-ods-accent", children: "Click to expand" })
+                      isInitialized && !isExpanded && /* @__PURE__ */ jsx51("span", { className: "ml-2 text-ods-accent", children: "Click to expand" })
                     ]
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx55(AccordionContent, { className: "pt-4 pb-0 overflow-hidden data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx51(AccordionContent, { className: "pt-4 pb-0 overflow-hidden data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ jsx51(
                 RoadmapGridSingle,
                 {
                   items: itemsByQuarter[quarter],
@@ -6552,36 +5669,36 @@ function RoadmapGrid({
 }
 
 // src/components/shared/roadmap/roadmap-grid-skeleton.tsx
-import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
 function RoadmapCardSkeleton2() {
-  return /* @__PURE__ */ jsxs45("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[24px] flex flex-col gap-[16px] min-h-[340px] relative", children: [
-    /* @__PURE__ */ jsx56("div", { className: "absolute top-[24px] right-[24px]", children: /* @__PURE__ */ jsx56("div", { className: "h-[20px] w-[80px] bg-ods-border rounded animate-pulse" }) }),
-    /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-[16px] pr-[120px]", children: [
-      /* @__PURE__ */ jsx56("div", { className: "w-[80px] h-[80px] bg-ods-border rounded-lg flex-shrink-0 animate-pulse" }),
-      /* @__PURE__ */ jsxs45("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx56("div", { className: "min-h-[48px] flex items-center", children: /* @__PURE__ */ jsx56("div", { className: "h-[24px] w-full bg-ods-border rounded animate-pulse" }) }),
-        /* @__PURE__ */ jsx56("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx56("div", { className: "h-[14px] w-1/2 bg-ods-border rounded animate-pulse" }) })
+  return /* @__PURE__ */ jsxs42("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[24px] flex flex-col gap-[16px] min-h-[340px] relative", children: [
+    /* @__PURE__ */ jsx52("div", { className: "absolute top-[24px] right-[24px]", children: /* @__PURE__ */ jsx52("div", { className: "h-[20px] w-[80px] bg-ods-border rounded animate-pulse" }) }),
+    /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-[16px] pr-[120px]", children: [
+      /* @__PURE__ */ jsx52("div", { className: "w-[80px] h-[80px] bg-ods-border rounded-lg flex-shrink-0 animate-pulse" }),
+      /* @__PURE__ */ jsxs42("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx52("div", { className: "min-h-[48px] flex items-center", children: /* @__PURE__ */ jsx52("div", { className: "h-[24px] w-full bg-ods-border rounded animate-pulse" }) }),
+        /* @__PURE__ */ jsx52("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx52("div", { className: "h-[14px] w-1/2 bg-ods-border rounded animate-pulse" }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx56("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs45("div", { className: "w-full space-y-2", children: [
-      /* @__PURE__ */ jsx56("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx56("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx56("div", { className: "h-[24px] w-4/5 bg-ods-border rounded animate-pulse" })
+    /* @__PURE__ */ jsx52("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs42("div", { className: "w-full space-y-2", children: [
+      /* @__PURE__ */ jsx52("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx52("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx52("div", { className: "h-[24px] w-4/5 bg-ods-border rounded animate-pulse" })
     ] }) }),
-    /* @__PURE__ */ jsx56("div", { className: "flex-1" }),
-    /* @__PURE__ */ jsxs45("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx56("div", { className: "h-[48px] w-[120px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx56("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" })
+    /* @__PURE__ */ jsx52("div", { className: "flex-1" }),
+    /* @__PURE__ */ jsxs42("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx52("div", { className: "h-[48px] w-[120px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx52("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" })
     ] })
   ] });
 }
 function RoadmapGridSkeleton({ count = 4, showLeftMargin = true }) {
-  return /* @__PURE__ */ jsx56("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx56(RoadmapCardSkeleton2, {}, i)) });
+  return /* @__PURE__ */ jsx52("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx52(RoadmapCardSkeleton2, {}, i)) });
 }
 
 // src/components/shared/roadmap/roadmap-view.tsx
 import { useMemo as useMemo2 } from "react";
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx53 } 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;
@@ -6609,12 +5726,12 @@ function RoadmapView({
   );
   const items = data?.items ?? [];
   if (error) {
-    return /* @__PURE__ */ jsx57(LoadError, { message: "Failed to load roadmap.", onRetry: reload });
+    return /* @__PURE__ */ jsx53(LoadError, { message: "Failed to load roadmap.", onRetry: reload });
   }
   if (isLoading && !data) {
-    return /* @__PURE__ */ jsx57(RoadmapGridSkeleton, { showLeftMargin });
+    return /* @__PURE__ */ jsx53(RoadmapGridSkeleton, { showLeftMargin });
   }
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx53(
     RoadmapGrid,
     {
       items,
@@ -6634,43 +5751,43 @@ function RoadmapView({
 import { useEffect as useEffect9, useState as useState11 } from "react";
 
 // src/components/shared/delivery/delivery-table.tsx
-import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
 function SkeletonRow() {
-  return /* @__PURE__ */ jsx58("div", { className: "border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]", children: /* @__PURE__ */ jsxs46("div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
-    /* @__PURE__ */ jsxs46("div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
-      /* @__PURE__ */ jsx58("div", { className: "min-h-[24px] flex items-center", children: /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }) }),
-      /* @__PURE__ */ jsx58("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-1/2" }) }),
-      /* @__PURE__ */ jsx58("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs46("div", { className: "flex-1 space-y-1", children: [
-        /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
-        /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
-        /* @__PURE__ */ jsx58("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-2/3" })
+  return /* @__PURE__ */ jsx54("div", { className: "border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]", children: /* @__PURE__ */ jsxs43("div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
+    /* @__PURE__ */ jsxs43("div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
+      /* @__PURE__ */ jsx54("div", { className: "min-h-[24px] flex items-center", children: /* @__PURE__ */ jsx54("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }) }),
+      /* @__PURE__ */ jsx54("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx54("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-1/2" }) }),
+      /* @__PURE__ */ jsx54("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs43("div", { className: "flex-1 space-y-1", children: [
+        /* @__PURE__ */ jsx54("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
+        /* @__PURE__ */ jsx54("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
+        /* @__PURE__ */ jsx54("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-2/3" })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs46("div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx58("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" }),
-      /* @__PURE__ */ jsx58("div", { className: "h-[32px] w-[120px] bg-ods-border rounded animate-pulse" })
+    /* @__PURE__ */ jsxs43("div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx54("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx54("div", { className: "h-[32px] w-[120px] bg-ods-border rounded animate-pulse" })
     ] })
   ] }) });
 }
 function DeliveryTable({ items, isLoading = false }) {
   if (isLoading) {
-    return /* @__PURE__ */ jsx58("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx58("div", { className: "w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx58(SkeletonRow, {}, i)) }) });
+    return /* @__PURE__ */ jsx54("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx54("div", { className: "w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx54(SkeletonRow, {}, i)) }) });
   }
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx58("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[40px] text-center w-full", children: /* @__PURE__ */ jsx58("p", { className: "text-ods-text-secondary text-[14px] font-['DM_Sans'] font-medium", children: "No tasks available" }) });
+    return /* @__PURE__ */ jsx54("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[40px] text-center w-full", children: /* @__PURE__ */ jsx54("p", { className: "text-ods-text-secondary text-[14px] font-['DM_Sans'] font-medium", children: "No tasks available" }) });
   }
-  return /* @__PURE__ */ jsx58("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx58("div", { className: "w-full", children: items.map((item) => /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx54("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx54("div", { className: "w-full", children: items.map((item) => /* @__PURE__ */ jsx54(
     "div",
     {
       className: "border-b border-ods-border last:border-b-0",
-      children: /* @__PURE__ */ jsx58(DeliveryRow, { item })
+      children: /* @__PURE__ */ jsx54(DeliveryRow, { item })
     },
     item.id
   )) }) });
 }
 
 // src/components/shared/delivery/delivery-lists.tsx
-import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs44 } 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;
@@ -6734,10 +5851,10 @@ function DeliveryLists({
   const hasActiveFilters = searchQuery !== "" || taskTypeFilter !== "all";
   const hasResults = showCompleted && filteredCompleted.length > 0 || showInProgress && filteredInProgress.length > 0;
   if (error) {
-    return /* @__PURE__ */ jsx59("div", { className: "w-full", children: /* @__PURE__ */ jsx59(LoadError, { message: error, onRetry: () => window.location.reload() }) });
+    return /* @__PURE__ */ jsx55("div", { className: "w-full", children: /* @__PURE__ */ jsx55(LoadError, { message: error, onRetry: () => window.location.reload() }) });
   }
-  return /* @__PURE__ */ jsxs47("div", { className: "w-full flex flex-col gap-[40px]", children: [
-    !isLoading && !hasResults && (hasActiveFilters ? /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsxs44("div", { className: "w-full flex flex-col gap-[40px]", children: [
+    !isLoading && !hasResults && (hasActiveFilters ? /* @__PURE__ */ jsx55(
       EmptyState,
       {
         type: "search",
@@ -6752,7 +5869,7 @@ function DeliveryLists({
           router.replace(`${pathname}?${params.toString()}`, { scroll: false });
         }
       }
-    ) : /* @__PURE__ */ jsx59(
+    ) : /* @__PURE__ */ jsx55(
       EmptyState,
       {
         type: "generic",
@@ -6761,12 +5878,12 @@ function DeliveryLists({
         showCTA: false
       }
     )),
-    showCompleted && (hasResults || isLoading) && /* @__PURE__ */ jsxs47("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxs47("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
+    showCompleted && (hasResults || isLoading) && /* @__PURE__ */ jsxs44("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs44("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
         "Recently Completed",
-        /* @__PURE__ */ jsx59("span", { className: "text-ods-accent", children: ":" })
+        /* @__PURE__ */ jsx55("span", { className: "text-ods-accent", children: ":" })
       ] }),
-      /* @__PURE__ */ jsx59(
+      /* @__PURE__ */ jsx55(
         DeliveryTable,
         {
           items: filteredCompleted,
@@ -6774,12 +5891,12 @@ function DeliveryLists({
         }
       )
     ] }),
-    showInProgress && (hasResults || isLoading) && /* @__PURE__ */ jsxs47("div", { className: "w-full", children: [
-      /* @__PURE__ */ jsxs47("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
+    showInProgress && (hasResults || isLoading) && /* @__PURE__ */ jsxs44("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs44("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
         "Active Tasks",
-        /* @__PURE__ */ jsx59("span", { className: "text-ods-accent", children: ":" })
+        /* @__PURE__ */ jsx55("span", { className: "text-ods-accent", children: ":" })
       ] }),
-      /* @__PURE__ */ jsx59(
+      /* @__PURE__ */ jsx55(
         DeliveryTable,
         {
           items: filteredInProgress,
@@ -6845,7 +5962,7 @@ function useLegalDocs(docType, options = {}) {
 }
 
 // src/components/shared/legal-document/legal-document-page.tsx
-import { jsx as jsx60, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
 function LegalDocumentPage({
   docType,
   title,
@@ -6868,58 +5985,58 @@ function LegalDocumentPage({
   };
   const fallbackLastUpdatedLabel = data?.lastSynced != null ? formatLegalDate(data.lastSynced) : null;
   const effectiveLastUpdatedLabel = initialLastUpdatedLabel ?? fallbackLastUpdatedLabel;
-  const customTitle = /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs48(PageHeading, { children: [
-      /* @__PURE__ */ jsx60("span", { children: title }),
-      /* @__PURE__ */ jsx60("span", { className: "text-ods-accent", children: "." })
+  const customTitle = /* @__PURE__ */ jsxs45("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs45(PageHeading, { children: [
+      /* @__PURE__ */ jsx56("span", { children: title }),
+      /* @__PURE__ */ jsx56("span", { className: "text-ods-accent", children: "." })
     ] }),
-    /* @__PURE__ */ jsxs48("p", { className: "font-['DM_Sans'] text-base md:text-lg text-ods-text-secondary max-w-2xl", children: [
+    /* @__PURE__ */ jsxs45("p", { className: "font-['DM_Sans'] text-base md:text-lg text-ods-text-secondary max-w-2xl", children: [
       effectiveLastUpdatedLabel ? `Last Updated: ${effectiveLastUpdatedLabel}` : fallbackDescription,
-      data?.sourceFile && /* @__PURE__ */ jsxs48("span", { className: "block text-sm mt-1 opacity-75", children: [
+      data?.sourceFile && /* @__PURE__ */ jsxs45("span", { className: "block text-sm mt-1 opacity-75", children: [
         "Source: ",
         data.sourceFile
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ jsx60(PageShell, { children: /* @__PURE__ */ jsxs48(PageLayout, { backButton: backCfg, children: [
-    /* @__PURE__ */ jsx60("div", { className: "flex flex-col gap-4", children: customTitle }),
-    /* @__PURE__ */ jsx60("div", { className: "flex flex-col lg:flex-row gap-6 lg:gap-10 items-start flex-1", children: /* @__PURE__ */ jsx60("div", { className: "flex-1", children: /* @__PURE__ */ jsx60("div", { className: "w-full", children: /* @__PURE__ */ jsx60("article", { className: "space-y-2", children: isLoading ? (
+  return /* @__PURE__ */ jsx56(PageShell, { children: /* @__PURE__ */ jsxs45(PageLayout, { backButton: backCfg, children: [
+    /* @__PURE__ */ jsx56("div", { className: "flex flex-col gap-4", children: customTitle }),
+    /* @__PURE__ */ jsx56("div", { className: "flex flex-col lg:flex-row gap-6 lg:gap-10 items-start flex-1", children: /* @__PURE__ */ jsx56("div", { className: "flex-1", children: /* @__PURE__ */ jsx56("div", { className: "w-full", children: /* @__PURE__ */ jsx56("article", { className: "space-y-2", children: isLoading ? (
       // Loading skeleton matching Knowledge Hub pattern
-      /* @__PURE__ */ jsxs48("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsx60("div", { className: "h-10 bg-ods-skeleton rounded-lg w-3/4 animate-pulse" }),
-        /* @__PURE__ */ jsxs48("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-5/6 animate-pulse" })
+      /* @__PURE__ */ jsxs45("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsx56("div", { className: "h-10 bg-ods-skeleton rounded-lg w-3/4 animate-pulse" }),
+        /* @__PURE__ */ jsxs45("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx56("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx56("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx56("div", { className: "h-4 bg-ods-skeleton rounded w-5/6 animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsx60("div", { className: "h-32 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
-        /* @__PURE__ */ jsxs48("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
-          /* @__PURE__ */ jsx60("div", { className: "h-4 bg-ods-skeleton rounded w-4/5 animate-pulse" })
+        /* @__PURE__ */ jsx56("div", { className: "h-32 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+        /* @__PURE__ */ jsxs45("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx56("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx56("div", { className: "h-4 bg-ods-skeleton rounded w-4/5 animate-pulse" })
         ] })
       ] })
-    ) : error ? /* @__PURE__ */ jsxs48("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ jsxs48("div", { className: "bg-red-900/20 border border-red-700 rounded-lg p-6", children: [
-        /* @__PURE__ */ jsx60("p", { className: "text-red-400 mb-2", children: errorTitle }),
-        /* @__PURE__ */ jsx60("p", { className: "text-red-300 text-sm", children: error })
+    ) : error ? /* @__PURE__ */ jsxs45("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ jsxs45("div", { className: "bg-red-900/20 border border-red-700 rounded-lg p-6", children: [
+        /* @__PURE__ */ jsx56("p", { className: "text-red-400 mb-2", children: errorTitle }),
+        /* @__PURE__ */ jsx56("p", { className: "text-red-300 text-sm", children: error })
       ] }),
-      /* @__PURE__ */ jsxs48("div", { className: "text-ods-text-secondary", children: [
-        /* @__PURE__ */ jsx60("p", { children: errorContactPrompt }),
-        /* @__PURE__ */ jsx60("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail })
+      /* @__PURE__ */ jsxs45("div", { className: "text-ods-text-secondary", children: [
+        /* @__PURE__ */ jsx56("p", { children: errorContactPrompt }),
+        /* @__PURE__ */ jsx56("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail })
       ] })
-    ] }) : data ? /* @__PURE__ */ jsx60(
+    ] }) : data ? /* @__PURE__ */ jsx56(
       MarkdownRenderer,
       {
         content: data.content,
         sectionIds: data.sections || [],
         demoteMarkdownH1ToH2: true
       }
-    ) : /* @__PURE__ */ jsxs48("div", { className: "text-center text-ods-text-secondary py-16", children: [
-      /* @__PURE__ */ jsx60("p", { className: "text-xl", children: emptyStateMessage }),
-      /* @__PURE__ */ jsxs48("p", { className: "mt-2", children: [
+    ) : /* @__PURE__ */ jsxs45("div", { className: "text-center text-ods-text-secondary py-16", children: [
+      /* @__PURE__ */ jsx56("p", { className: "text-xl", children: emptyStateMessage }),
+      /* @__PURE__ */ jsxs45("p", { className: "mt-2", children: [
         "Please contact",
         " ",
-        /* @__PURE__ */ jsx60("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
+        /* @__PURE__ */ jsx56("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
         " ",
         "for more information."
       ] })
@@ -6929,7 +6046,7 @@ function LegalDocumentPage({
 
 // src/components/authors/author-detail-view.tsx
 init_cn();
-import { jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
 function AuthorDetailView({
   author,
   proxyImageUrl,
@@ -6944,9 +6061,9 @@ function AuthorDetailView({
   }) ?? author.avatarUrl : null;
   const subtitle = [author.jobTitle, author.company].filter(Boolean).join(" @ ");
   const bioText = formatBioText(author.about);
-  return /* @__PURE__ */ jsxs49("div", { className: cn("flex flex-col gap-5 md:gap-6", className), children: [
-    /* @__PURE__ */ jsxs49("div", { className: "flex gap-6 w-full items-start", children: [
-      /* @__PURE__ */ jsx61("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx61("div", { className: "rounded-full overflow-hidden bg-ods-bg-secondary border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsxs46("div", { className: cn("flex flex-col gap-5 md:gap-6", className), children: [
+    /* @__PURE__ */ jsxs46("div", { className: "flex gap-6 w-full items-start", children: [
+      /* @__PURE__ */ jsx57("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx57("div", { className: "rounded-full overflow-hidden bg-ods-bg-secondary border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx57(
         next_image_default,
         {
           src: proxiedAvatar,
@@ -6955,12 +6072,12 @@ function AuthorDetailView({
           className: "object-cover",
           unoptimized: true
         }
-      ) : /* @__PURE__ */ jsx61("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__ */ jsxs49("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
-        /* @__PURE__ */ jsx61("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
-        subtitle && /* @__PURE__ */ jsx61("p", { className: "font-body text-lg text-ods-text-secondary leading-none truncate", children: subtitle }),
+      ) : /* @__PURE__ */ jsx57("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__ */ jsxs46("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ jsx57("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
+        subtitle && /* @__PURE__ */ jsx57("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__ */ jsx61(
+        /* @__PURE__ */ jsx57(
           SocialIconRow,
           {
             compact: true,
@@ -6973,8 +6090,8 @@ function AuthorDetailView({
         )
       ] })
     ] }),
-    bioText && /* @__PURE__ */ jsx61("p", { className: "font-body text-base leading-relaxed text-ods-text-secondary", children: bioText }),
-    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx61("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx61(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
+    bioText && /* @__PURE__ */ jsx57("p", { className: "font-body text-base leading-relaxed text-ods-text-secondary", children: bioText }),
+    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx57("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx57(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
     children
   ] });
 }
@@ -7059,6 +6176,7 @@ export {
   Board,
   BoardColumn,
   BoardColumnHeader,
+  BoardTicketApproval,
   BotIcon,
   BrandAssociationCard,
   BrandAssociationGrid,
@@ -7256,8 +6374,10 @@ export {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  DocNavigationProvider,
   DocSearchBar,
   DocSearchResultRow,
+  DocViewer,
   DocumentIcon,
   DonutIcon,
   DoubleChevronIcon,
@@ -7293,6 +6413,7 @@ export {
   EMPTY_AUTHOR_PLACEHOLDER,
   EditProfileIcon,
   ElestioLogo,
+  EmbedIframe,
   EmbeddableChat,
   EmptyState,
   EmptyVendorIcon,
@@ -7320,6 +6441,7 @@ export {
   FeatureList,
   FeatureListSkeleton,
   FieldWrapper,
+  FigmaEmbed,
   FigmaIcon,
   FigmaPrototypeViewer,
   FileCheckIcon,
@@ -7353,6 +6475,7 @@ export {
   GlobeIcon,
   GoogleGeminiIcon,
   GoogleLogo,
+  GoogleSheetsViewer,
   GridViewIcon,
   GuideModeBanner,
   GuideWelcome,
@@ -7471,6 +6594,7 @@ export {
   MlgLogo,
   MobileBurgerMenu,
   MobileNavPanel,
+  MobileNavigationDropdown,
   Modal,
   ModalContent,
   ModalFooter,
@@ -7488,6 +6612,7 @@ export {
   MoreAboutButton,
   MoreActionsMenu,
   MspProfileFormSkeleton,
+  MultiLevelNavigation,
   NETWORK_CONFIG,
   NEW_TAB_FEATURES,
   NOCIcon,
@@ -7558,6 +6683,7 @@ export {
   ParallaxImageShowcase,
   PatchPolicyIcon,
   PathsDisplay,
+  PdfViewer,
   PersistentFilterControls,
   PersistentMobileDropdown,
   PersistentPagination,
@@ -7953,7 +7079,9 @@ export {
   useContentLoading,
   useDataTable,
   useDataTableContext,
+  useDocNavigation,
   useDocSearch,
+  useDocumentTree,
   useDynamicTheme,
   useSseChatAdapter as useEmbeddedChat,
   useEmptyStateConfig,
@@ -7973,6 +7101,7 @@ export {
   useRealtimeChunkProcessor,
   useRoadmapVoting,
   useSSE,
+  useScrollSpy,
   useSectionNavigation,
   useSlashCommandRegistry,
   useSlashCommands,