@flamingo-stack/openframe-frontend-core 0.0.296 → 0.0.297

package/dist/components/index.js

@@ -10,8 +10,11 @@ import {
   CategorySidebarSkeleton,
   DocNavigationProvider,
   DocViewer,
+  DocsHubPage,
+  EmbedSkeleton,
   HeroSkeleton,
   InteractiveSkeleton,
+  MarkdownSkeleton,
   MediaSkeleton,
   PersistentFilterControls,
   PersistentMobileDropdown,
@@ -29,24 +32,22 @@ import {
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-E4XABBSU.js";
+} from "../chunk-PWQUAVA3.js";
+import "../chunk-GZ4C3XW6.js";
 import {
-  EmbedIframe,
-  FigmaEmbed,
+  FileDownloadCard,
   GoogleSheetsViewer,
-  OGLinkErrorBoundary,
-  OGLinkPreview,
   PdfViewer
-} from "../chunk-ME4EVDFP.js";
+} from "../chunk-SA2WPJVO.js";
 import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-5P3B2LZW.js";
+} from "../chunk-IL47XWV5.js";
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../chunk-WHMATDVP.js";
+} from "../chunk-3JIQVE7T.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -58,11 +59,11 @@ import {
   UnifiedPagination,
   init_unified_pagination,
   unified_pagination_exports
-} from "../chunk-OY7OF7E7.js";
+} from "../chunk-4TLE6VLU.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "../chunk-ZP4AVIZP.js";
+} from "../chunk-X4DOXQRT.js";
 import {
   DocSearchBar,
   DocSearchResultRow,
@@ -70,10 +71,10 @@ import {
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-6GCI7JOE.js";
+} from "../chunk-AD6C23QY.js";
 import {
   useSelfFetch
-} from "../chunk-3ZXUQQL4.js";
+} from "../chunk-PI4WSYQV.js";
 import "../chunk-4XLJWX2N.js";
 import {
   ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE,
@@ -82,13 +83,17 @@ import {
   AIRequiredBadge,
   AIStatusIndicator,
   AIWarningsSection,
+  ANTHROPIC_SUPPORTED_IMAGE_MIME,
   APPROVAL_STATUS,
   ASSISTANT_TYPE,
   AUTHOR_TYPE,
+  AUTO_CONTINUATION_DIRECTIVE_PREFIX,
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
+  ActionsMenu,
+  ActionsMenuDropdown,
   AdminContentCard,
   Alert,
   AlertDescription,
@@ -122,6 +127,7 @@ import {
   ArchiveChatModal,
   ArgRow,
   ArrayEntryManager,
+  ArticleDetailLayout,
   AspectRatio,
   AssigneeDropdown,
   AuthProvidersList,
@@ -132,6 +138,7 @@ import {
   BlockCard,
   BlogCard,
   BlogCardSkeleton,
+  BlogImagePlaceholder,
   Board,
   BoardColumn,
   BoardColumnHeader,
@@ -147,10 +154,28 @@ 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,
+  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,
   COMPACT_HEADER_BUTTON,
   CONNECTION_STATUS,
   CONTEXT_BACK_CLASS,
@@ -158,10 +183,18 @@ import {
   CONTEXT_LABEL_CLASS,
   CONTEXT_ROW_CLASS,
   CONTEXT_STATE_CLASS,
+  CUSTOM_ITEM_ID,
   CUSTOM_PRESET_KEY,
   CampaignCardAdmin,
   CampaignCardAdminSkeleton,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardHorizontal,
   CardLoader,
+  CardTitle,
   CaseStudyCard,
   CaseStudyCardSkeleton,
   ChangelogManager,
@@ -223,7 +256,9 @@ import {
   CustomerInterviewCardSkeleton,
   CveLink,
   DEFAULT_CUSTOM_STATUS_COLOR,
+  DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID,
   DEFAULT_THEME,
+  DEV_SECTION_PARAM_KEYS,
   DashboardInfoCard,
   DataRoomDocCard,
   DataRoomDocCardSkeleton,
@@ -268,19 +303,32 @@ import {
   DrawerTrigger,
   DropdownButton,
   DynamicThemeProvider,
+  EMBED_SIZES,
+  EMPTY_AUTHOR_PLACEHOLDER,
+  EmbedContainer,
+  EmbedIframe,
   EmbeddableChat,
+  EntityAuthorCard,
+  EntityImage,
+  EntityMetadataAuthorCell,
+  EntityMetadataValueCell,
   EntitySummaryEditor,
+  EntityTagBadges,
+  EntityVideoSection,
   ErrorBoundary,
   ErrorMessageDisplay,
+  ErrorState,
   ExpandChevron,
   FeatureCardGrid,
   FeatureList,
+  FigmaEmbed,
   FigmaPrototypeViewer,
   FileUpload,
   FilterCheckboxItem,
   FilterList,
   FilterListItem,
   FilterModal,
+  FilterPillRow,
   FiltersDropdown,
   FlamingoLogo as FlamingoLogo2,
   FloatingTooltip,
@@ -299,6 +347,7 @@ import {
   HeaderMingoButton,
   HeaderOrganizationFilter,
   HeaderSkeleton,
+  HiddenTagsPopup,
   HighlightCard,
   HighlightCardGrid,
   HighlightConfigSection,
@@ -313,6 +362,7 @@ import {
   HoverDropdown,
   HubspotTicketCard,
   HubspotTicketCardSkeleton,
+  ICON_REGISTRY,
   IconsBlock,
   ImageGalleryModal,
   ImageUploader,
@@ -324,12 +374,21 @@ import {
   InvestorUpdateCardSkeleton,
   KnowledgeBaseLinksManager,
   Label,
+  LinkPreviewContainer,
+  LinkedInContainer,
+  LinkedInEmbedClient,
   ListLoader,
   ListPageContainer,
   ListPageLayout,
+  LoadError,
   LoadingProvider,
   MESSAGE_ROLE,
+  MESSAGE_TYPE,
+  MUX_IMAGE_ORIGIN,
+  MUX_STREAM_ORIGIN,
   MarkdownEditor,
+  MarkdownImage,
+  MediaCarousel,
   MediaGalleryManager,
   MediaTypeSelector,
   MemoizedChatMessageEnhanced,
@@ -359,6 +418,7 @@ import {
   MinusIcon,
   MobileBurgerMenu,
   MobileNavPanel,
+  MobileNavigationDropdown,
   Modal,
   Modal2,
   ModalContent,
@@ -373,7 +433,9 @@ import {
   ModelDisplaySkeleton,
   MoreAboutButton,
   MoreActionsMenu,
+  MultiLevelNavigation,
   NETWORK_CONFIG,
+  NEW_TAB_FEATURES,
   NavLinkAnchorViaRuntime,
   NavigationMenu,
   NavigationMenuContent,
@@ -388,10 +450,13 @@ import {
   NoDataAction,
   NoDataActions,
   NoDataMessage,
+  NotFoundError,
   NotificationDrawer,
   NotificationPopups,
   NotificationTile,
   NotificationsProvider,
+  OGLinkErrorBoundary,
+  OGLinkPreview,
   ONBOARDING_ICONS,
   ONBOARDING_ICON_OPTIONS,
   OPENFRAME_PATHS,
@@ -400,12 +465,22 @@ import {
   OSTypeIcon,
   OSTypeLabel,
   OWNER_TYPE,
+  OnboardingGuideCard,
+  OnboardingGuideCardSkeleton,
   OnboardingStepCard,
   OnboardingWalkthrough,
   OpenmspLogo as OpenmspLogo2,
   OrganizationCard,
+  PAGE_HEADING_CLASS,
+  PageActions,
   PageContainer,
+  PageError,
+  PageHeader,
+  PageHeading,
+  PageLayout,
   PageLoader,
+  PageShell,
+  PageWithHeader,
   Pagination,
   PaginationContent,
   PaginationEllipsis,
@@ -431,22 +506,36 @@ import {
   QueryReportTableHeader,
   QueryReportTableRow,
   QueryReportTableSkeleton,
+  RATIO_DISPLAY_GRID_CLASS,
+  RATIO_GRID_CLASS,
   ROW_HEIGHT_DESKTOP,
   ROW_HEIGHT_MOBILE,
   RadioGroup,
   RadioGroupBlock,
   RadioGroupItem,
+  RatioTabs,
+  RedditContainer,
+  RedditEmbedClient,
   ReleaseChangelogSection,
   ReleaseMediaManager,
   RenameChatModal,
   ResultBlock,
+  RichMarkdownRenderer,
+  RichMarkdownRuntimeProvider,
   RoadmapCard,
   RoadmapCardSkeleton,
   RoadmapVoteButton,
+  SCROLL_ANCHOR,
+  SCROLL_ANCHOR_WIRE_KEY,
+  SECTION_HEADING_CLASS,
+  SECTION_HERO_ICON_CLASS,
   SEOEditorPreview,
+  SOURCE_ICON_NAMES,
+  SOURCE_LABELS_BY_TABLE,
   SYNTHETIC_REALTIME_ID_PREFIXES,
   ScriptArguments,
   ScriptInfoSection,
+  SearchInput,
   SectionSelector,
   Select,
   SelectButton,
@@ -472,6 +561,7 @@ import {
   SheetTitle,
   SheetTrigger,
   ShellTypeBadge,
+  SimpleMarkdownRenderer,
   SlackMessageCard,
   SlackMessageCardSkeleton,
   SlashCommandSuggestions,
@@ -481,10 +571,14 @@ import {
   SoftwareInfo,
   SoftwareSourceBadge,
   SourceActionButton,
+  SquareAvatar,
   StartWithOpenFrameButton,
+  StatusBadge,
   StatusFilterComponent,
   StatusIndicator,
+  StickySectionNav,
   Switch,
+  TAG_BADGE_CLASS,
   THEME_ATTRIBUTE,
   THEME_STORAGE_KEY,
   TICKET_STATUS_COLOR_PRESETS,
@@ -499,6 +593,11 @@ import {
   TableHeader,
   TableRow,
   TableTimestampCell,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Tag,
   TagKeyValueFilter,
   TagSearchInput,
   TagsInput,
@@ -521,6 +620,7 @@ import {
   TimeTrackerHeaderButton,
   TimeTrackerPanel,
   TimeTrackerProvider,
+  TitleBlock,
   TitleContentBlock,
   Toggle,
   ToggleGroup,
@@ -535,7 +635,12 @@ import {
   TranscribeSummarizeSection,
   TranscriptSummaryEditor,
   TruncateText,
+  TwitterContainer,
+  TwitterEmbedClient,
   UnarchiveChatModal,
+  Video,
+  VideoBiteCard,
+  VideoBitesDisplay,
   VideoClipsSection,
   VideoSourceSelector,
   ViewToggle,
@@ -544,73 +649,120 @@ import {
   WhatIShippedCardSkeleton,
   XCircleIcon,
   XIcon as XIcon2,
+  YouTubeContainer,
   alignJustify,
   approvalMetaToBatchData,
   badgeVariants,
+  buildAnchorProps,
+  buildAutoContinuationDirective,
+  buildChatAttachmentViewUrl,
   buildChatRefKey,
+  buildDiscussAddendum,
   buildNatsWsUrl,
   buildProductReleaseCardProps,
   chatChipClass,
+  clickupTaskUrl,
   columnFromTicketStatus,
   computeHistoryPrepend,
+  computeIsNewTab,
   createColumnHelper,
   createMessageSegmentAccumulator,
+  decideNewTab,
   defaultBuildProductReleaseCardProps,
+  defaultTableIdForDocumentType,
   deriveColumns,
+  detectAspectRatio,
+  devSectionAnchorId,
+  escapeMarkdownInline,
   executeNavigation,
   executeNavigationImperative,
   exportToCSV,
+  extractEntityIdFilter,
   extractErrorMessages,
   extractIncompleteMessageState,
   extractTextFromChunk,
+  extractYouTubeId,
   fetchEmptyStateConfig,
   fetchSlashCommands,
+  flattenAssistantContent,
   flattenMessagePagesChronological,
   flexRender,
+  formatBioText,
+  formatChatAttachmentMarkdownForBubble,
   formatInvestorUpdatePeriod,
+  formatLegalDate,
+  formatRelativeTime,
+  formatReleaseDate,
+  formatSingularLookupInvocation,
   getApprovalMeta,
+  getCaptionsUrl,
   getCommandText,
   getCoreRowModel,
+  getDynamicIcon,
   getExpandedRowModel,
   getFacetedRowModel,
   getFacetedUniqueValues,
   getFilteredRowModel,
   getGroupedRowModel,
   getHideClasses,
+  getIconComponent,
   getOpenFramePaths,
   getPaginationRowModel,
-  getProxiedImageUrl as getProxiedImageUrl2,
+  getProxiedImageUrl,
+  getProxiedImageUrl2,
   getSortedRowModel,
+  getSourceIconName,
+  getSourceLabel,
+  getStatusColorScheme,
   getTabById,
   getTabComponent,
+  getTaskTypeLabel,
   getTicketStatusConfig,
   getTicketStatusTag,
+  groupByAspectRatio,
   groupTicketsByStatus,
   handleChatNavClick,
   init_pagination,
   isApprovalNotification,
   isControlChunk,
+  isCrossOriginUrl,
   isErrorChunk,
   isMetadataChunk,
+  isModifierClick,
   isStructuredContent,
   kindToCanonicalStatus,
   maxPersistedStreamSeq,
   mergeHistoryWithRealtime,
   multiSelectFilterFn,
   navigationMenuTriggerStyle,
+  newTabAnchorAttrs,
   noDataActionsVariants,
   noDataIconClasses,
   normalizeContent,
+  normalizeIconKey,
   parseChunkToAction,
+  parseScrollAnchor,
+  parseWireCommandOverride,
   processHistoricalMessages,
   processHistoricalMessagesWithErrors,
+  ratioToCategory,
   remarkCardLinks,
   remarkMentionChips,
   renderChatInlineEntityCard,
   resolutionToStatus,
+  resolveContentHref,
+  resolveExternalNavigation,
   resolveOnboardingIcon,
+  resolveSourceIcon,
+  resolveSourceRowCTA,
   resolveStatusTagProps,
   resolveTicketStatus,
+  safeHref,
+  sanitizeTitleForChat,
+  statusBadgeVariants,
+  stripChatAttachmentMarkdown,
+  stripSameOriginToPath,
+  tagVariants,
   tintOnDark,
   toggleVariants,
   transformEventToProgram,
@@ -630,6 +782,7 @@ import {
   useDataTableContext,
   useDynamicTheme,
   useEmptyStateConfig,
+  useEntityCardLink,
   useFiltersDropdown,
   useJetStreamDialogSubscription,
   useLoading,
@@ -638,9 +791,12 @@ import {
   useNotifications,
   useOptionalNotifications,
   useOptionalTimeTracker,
+  usePageActionsBottomPadding,
   useProxiedImageUrl,
   useRealtimeChunkProcessor,
+  useRichMarkdownRuntime,
   useSSE,
+  useSectionNavigation,
   useSlashCommandRegistry,
   useSlashCommands,
   useSseChatAdapter,
@@ -649,196 +805,38 @@ import {
   useTimeTracker,
   useTrackerClock,
   useUnifiedChat,
+  useVideoOriginPreconnect,
+  useVideoWarmup,
   usesCanonicalStatusStyle
-} from "../chunk-K2PFPBMF.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,
-  devSectionAnchorId,
-  escapeMarkdownInline,
-  extractEntityIdFilter,
-  flattenAssistantContent,
-  formatChatAttachmentMarkdownForBubble,
-  formatRelativeTime,
-  formatReleaseDate,
-  formatSingularLookupInvocation,
-  getStatusColorScheme,
-  getTaskTypeLabel,
-  parseScrollAnchor,
-  parseWireCommandOverride,
-  sanitizeTitleForChat,
-  stripChatAttachmentMarkdown,
-  useSectionNavigation
-} from "../chunk-26PKDALD.js";
+} from "../chunk-PC746XCO.js";
 import {
   CommandApprovalToast,
+  STICKY_HEADER_OFFSET_PX,
   ToastCard,
   Toaster,
+  applyProxyAuth,
+  clearEmbedProxyAuth,
+  contentFetch,
   dotColorByVariant,
+  embedAuthedFetch,
+  getAppType,
+  getEmbedProxyAuth,
+  getPersistedProxyEmail,
   progressColorByVariant,
+  setEmbedProxyAuth,
   showCommandApprovalToast,
   showToast,
   useOnboardingState,
   useScrollToHash,
   useToast
-} from "../chunk-7RIYT7ZH.js";
+} from "../chunk-2QG57XOJ.js";
 import {
-  STICKY_HEADER_OFFSET_PX
-} from "../chunk-OQ6X7ZOC.js";
+  useChatRuntime
+} from "../chunk-IZ7JSBFP.js";
 import {
   useEndpointsRuntime
 } from "../chunk-MJNXIEV2.js";
-import {
-  Checkbox,
-  FieldWrapper,
-  Input,
-  Skeleton,
-  SkeletonButton,
-  SkeletonCard,
-  SkeletonGrid,
-  SkeletonHeading,
-  SkeletonList,
-  SkeletonNavigation,
-  SkeletonText
-} from "../chunk-M2OCXTNT.js";
-import "../chunk-PHWQLKVE.js";
-import {
-  ActionsMenu,
-  ActionsMenuDropdown,
-  ArticleDetailLayout,
-  BlogImagePlaceholder,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardHorizontal,
-  CardTitle,
-  EMPTY_AUTHOR_PLACEHOLDER,
-  EntityAuthorCard,
-  EntityImage,
-  EntityMetadataAuthorCell,
-  EntityMetadataValueCell,
-  EntityTagBadges,
-  EntityVideoSection,
-  ErrorState,
-  FilterPillRow,
-  LoadError,
-  MUX_IMAGE_ORIGIN,
-  MUX_STREAM_ORIGIN,
-  NotFoundError,
-  OnboardingGuideCard,
-  OnboardingGuideCardSkeleton,
-  PageActions,
-  PageError,
-  PageLayout,
-  PageShell,
-  RATIO_DISPLAY_GRID_CLASS,
-  RATIO_GRID_CLASS,
-  RatioTabs,
-  SimpleMarkdownRenderer,
-  SquareAvatar,
-  StatusBadge,
-  TAG_BADGE_CLASS,
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-  TitleBlock,
-  Video,
-  VideoBiteCard,
-  VideoBitesDisplay,
-  buildAnchorProps,
-  computeIsNewTab,
-  detectAspectRatio,
-  extractYouTubeId,
-  getCaptionsUrl,
-  groupByAspectRatio,
-  newTabAnchorAttrs,
-  ratioToCategory,
-  statusBadgeVariants,
-  useEntityCardLink,
-  usePageActionsBottomPadding,
-  useVideoOriginPreconnect,
-  useVideoWarmup
-} from "../chunk-D652TJBQ.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,
-  getDynamicIcon,
-  getIconComponent,
-  getProxiedImageUrl,
-  getSourceIconName,
-  getSourceLabel,
-  isCrossOriginUrl,
-  isModifierClick,
-  normalizeIconKey,
-  resolveContentHref,
-  resolveExternalNavigation,
-  resolveSourceIcon,
-  resolveSourceRowCTA,
-  safeHref,
-  stripSameOriginToPath,
-  tagVariants
-} from "../chunk-FQJK446R.js";
-import {
-  contentFetch
-} from "../chunk-3MCHAFHB.js";
-import {
-  applyProxyAuth,
-  clearEmbedProxyAuth,
-  embedAuthedFetch,
-  getAppType,
-  getEmbedProxyAuth,
-  getPersistedProxyEmail,
-  setEmbedProxyAuth
-} from "../chunk-POKKCWKF.js";
-import {
-  useChatRuntime
-} from "../chunk-LCNMR277.js";
+import "../chunk-EL5YVPD5.js";
 import {
   init_next_navigation,
   usePathname,
@@ -848,9 +846,9 @@ import {
 import {
   next_image_default
 } from "../chunk-LXC6P2EO.js";
-import "../chunk-EL5YVPD5.js";
 import {
   Button,
+  Checkbox,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -866,10 +864,20 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  FieldWrapper,
+  Input,
+  Skeleton,
+  SkeletonButton,
+  SkeletonCard,
+  SkeletonGrid,
+  SkeletonHeading,
+  SkeletonList,
+  SkeletonNavigation,
+  SkeletonText,
   SplitButton,
   buttonVariants,
   init_button2 as init_button
-} from "../chunk-EL6QLAWX.js";
+} from "../chunk-JALO4TAZ.js";
 import {
   init_next_link,
   next_link_default
@@ -1031,11 +1039,10 @@ import {
   getBaseUrl,
   init_cn
 } from "../chunk-XTCBRQN2.js";
-import {
-  PlayIcon
-} from "../chunk-J7AV6H63.js";
+import "../chunk-J7AV6H63.js";
 import "../chunk-6U3IUD57.js";
 import "../chunk-W72U7OU7.js";
+import "../chunk-PHWQLKVE.js";
 import {
   __toCommonJS
 } from "../chunk-GGWZFCYS.js";
@@ -3144,234 +3151,13 @@ var ImageCropper = ({
   );
 };
 
-// src/components/media-carousel.tsx
-init_cn();
-import { useState as useState5, useRef as useRef4, useEffect as useEffect4, memo, useCallback as useCallback3 } from "react";
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
-var ChevronLeftIcon = () => /* @__PURE__ */ jsx20("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("polyline", { points: "15,18 9,12 15,6" }) });
-var ChevronRightIcon = () => /* @__PURE__ */ jsx20("svg", { width: "24", height: "24", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("polyline", { points: "9,18 15,12 9,6" }) });
-var MediaCarousel = memo(function MediaCarousel2({
-  media,
-  className,
-  aspectRatio = "16/9",
-  showThumbnails = true,
-  autoPlay = false,
-  objectFit = "contain"
-}) {
-  const [currentIndex, setCurrentIndex] = useState5(0);
-  const [touchStart, setTouchStart] = useState5(null);
-  const [touchEnd, setTouchEnd] = useState5(null);
-  const carouselRef = useRef4(null);
-  const thumbnailsRef = useRef4(null);
-  useEffect4(() => {
-    if (currentIndex >= media.length && media.length > 0) {
-      setCurrentIndex(media.length - 1);
-    }
-  }, [media.length, currentIndex]);
-  if (!media || media.length === 0) {
-    return null;
-  }
-  const currentItem = media[currentIndex] || media[0];
-  if (!currentItem) {
-    return null;
-  }
-  const nextSlide = useCallback3(() => {
-    setCurrentIndex((prev) => (prev + 1) % media.length);
-  }, [media.length]);
-  const prevSlide = useCallback3(() => {
-    setCurrentIndex((prev) => (prev - 1 + media.length) % media.length);
-  }, [media.length]);
-  const selectSlide = useCallback3((index) => {
-    if (index === currentIndex) return;
-    setCurrentIndex(index);
-  }, [currentIndex]);
-  const handleKeyDown = useCallback3((e) => {
-    if (media.length <= 1) return;
-    if (e.key === "ArrowLeft") {
-      e.preventDefault();
-      prevSlide();
-    } else if (e.key === "ArrowRight") {
-      e.preventDefault();
-      nextSlide();
-    }
-  }, [nextSlide, prevSlide, media.length]);
-  const minSwipeDistance = 50;
-  const onTouchStart = (e) => {
-    setTouchEnd(null);
-    setTouchStart(e.targetTouches[0].clientX);
-  };
-  const onTouchMove = (e) => {
-    setTouchEnd(e.targetTouches[0].clientX);
-  };
-  const onTouchEnd = () => {
-    if (!touchStart || !touchEnd) return;
-    const distance = touchStart - touchEnd;
-    const isLeftSwipe = distance > minSwipeDistance;
-    const isRightSwipe = distance < -minSwipeDistance;
-    if (isLeftSwipe && media.length > 1) {
-      nextSlide();
-    }
-    if (isRightSwipe && media.length > 1) {
-      prevSlide();
-    }
-  };
-  const renderYouTubeEmbed = (item, index) => /* @__PURE__ */ jsx20(
-    Video,
-    {
-      kind: "youtube",
-      url: item.src,
-      title: item.alt || `Video ${index + 1}`,
-      layout: "fill",
-      priority: index === currentIndex
-    }
-  );
-  const renderVideo = (item, index) => /* @__PURE__ */ jsx20(
-    Video,
-    {
-      url: item.src,
-      poster: item.poster,
-      muted: true,
-      layout: "fill",
-      priority: index === currentIndex
-    }
-  );
-  const renderImage = (item, index) => /* @__PURE__ */ jsx20("div", { className: "absolute inset-0 bg-black", children: /* @__PURE__ */ jsx20(
-    "img",
-    {
-      src: item.src,
-      alt: item.alt || `Media ${index + 1}`,
-      className: `w-full h-full object-${objectFit}`,
-      loading: "lazy",
-      onError: (e) => {
-        const target = e.target;
-        target.style.display = "none";
-      }
-    }
-  ) });
-  const renderMainMedia = (item, index) => {
-    switch (item.type) {
-      case "youtube":
-        return renderYouTubeEmbed(item, index);
-      case "video":
-        return renderVideo(item, index);
-      case "image":
-      default:
-        return renderImage(item, index);
-    }
-  };
-  const renderThumbnail = (item, index) => {
-    const isActive = index === currentIndex;
-    let thumbnailSrc = item.src;
-    if (item.type === "youtube") {
-      const videoId = extractYouTubeId(item.src);
-      thumbnailSrc = videoId ? `https://img.youtube.com/vi/${videoId}/mqdefault.jpg` : item.src;
-    } else if (item.type === "video" && item.poster) {
-      thumbnailSrc = item.poster;
-    }
-    return /* @__PURE__ */ jsxs15(
-      "button",
-      {
-        onClick: () => selectSlide(index),
-        className: cn(
-          "relative flex-shrink-0 overflow-hidden transition-all duration-200",
-          "w-20 h-20 md:w-24 md:h-24 rounded-lg border-2",
-          isActive ? "border-[#FFC008] ring-2 ring-[#FFC008]/20" : "border-ods-border hover:border-[#888888]"
-        ),
-        children: [
-          /* @__PURE__ */ jsx20(
-            "img",
-            {
-              src: thumbnailSrc,
-              alt: item.alt || `Thumbnail ${index + 1}`,
-              className: "w-full h-full object-cover",
-              loading: "lazy"
-            }
-          ),
-          (item.type === "video" || item.type === "youtube") && /* @__PURE__ */ jsx20("div", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx20("div", { className: "bg-black/70 rounded-full p-1", children: /* @__PURE__ */ jsx20(PlayIcon, { size: 12, color: "white" }) }) }),
-          isActive && /* @__PURE__ */ jsx20("div", { className: "absolute bottom-1 right-1 w-2 h-2 bg-[#FFC008] rounded-full" })
-        ]
-      },
-      index
-    );
-  };
-  const getAspectRatioClass = () => {
-    switch (aspectRatio) {
-      case "4/3":
-        return "aspect-[4/3]";
-      case "3/2":
-        return "aspect-[3/2]";
-      case "1/1":
-        return "aspect-square";
-      case "16/9":
-      default:
-        return "aspect-video";
-    }
-  };
-  return /* @__PURE__ */ jsxs15("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs15(
-      "div",
-      {
-        ref: carouselRef,
-        className: cn(
-          "relative bg-ods-bg border border-ods-border rounded-2xl overflow-hidden group w-full",
-          getAspectRatioClass()
-        ),
-        onTouchStart,
-        onTouchMove,
-        onTouchEnd,
-        onKeyDown: media.length > 1 ? handleKeyDown : void 0,
-        tabIndex: media.length > 1 ? 0 : void 0,
-        role: media.length > 1 ? "region" : void 0,
-        "aria-label": media.length > 1 ? "Media carousel, use arrow keys to navigate" : void 0,
-        children: [
-          renderMainMedia(currentItem, currentIndex),
-          media.length > 1 && /* @__PURE__ */ jsxs15(Fragment5, { children: [
-            /* @__PURE__ */ jsx20(
-              "button",
-              {
-                onClick: prevSlide,
-                className: "absolute left-3 top-1/2 transform -translate-y-1/2 bg-black/50 text-white rounded-full p-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 hover:bg-black/70 z-10",
-                "aria-label": "Previous media",
-                children: /* @__PURE__ */ jsx20(ChevronLeftIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsx20(
-              "button",
-              {
-                onClick: nextSlide,
-                className: "absolute right-3 top-1/2 transform -translate-y-1/2 bg-black/50 text-white rounded-full p-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 hover:bg-black/70 z-10",
-                "aria-label": "Next media",
-                children: /* @__PURE__ */ jsx20(ChevronRightIcon, {})
-              }
-            ),
-            /* @__PURE__ */ jsxs15("div", { className: "absolute top-3 right-3 bg-black/70 text-white px-3 py-1 rounded-lg text-sm font-medium", children: [
-              currentIndex + 1,
-              " / ",
-              media.length
-            ] })
-          ] })
-        ]
-      }
-    ),
-    media.length > 1 && showThumbnails && /* @__PURE__ */ jsx20("div", { className: "w-full", children: /* @__PURE__ */ jsx20(
-      "div",
-      {
-        ref: thumbnailsRef,
-        className: "flex gap-2 overflow-x-auto scrollbar-none py-2",
-        style: { scrollbarWidth: "none", msOverflowStyle: "none" },
-        children: media.map((item, index) => renderThumbnail(item, index))
-      }
-    ) })
-  ] });
-});
-
 // src/components/metric-value.tsx
 init_cn();
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 function MetricValue({ value, label, className }) {
-  return /* @__PURE__ */ jsxs16("div", { className: cn('flex items-end gap-2 whitespace-nowrap font-["DM_Sans"] text-lg leading-[24px] text-ods-text-primary', className), children: [
+  return /* @__PURE__ */ jsxs15("div", { className: cn('flex items-end gap-2 whitespace-nowrap font-["DM_Sans"] text-lg leading-[24px] text-ods-text-primary', className), children: [
     value,
-    /* @__PURE__ */ jsx21("span", { className: "text-sm text-ods-text-secondary", children: label })
+    /* @__PURE__ */ jsx20("span", { className: "text-sm text-ods-text-secondary", children: label })
   ] });
 }
 
@@ -3381,14 +3167,14 @@ init_cn();
 // src/components/square-avatar.tsx
 init_cn();
 import React4 from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function SquareAvatar2({ src, fallbackName = "", size = 56, fullWidth = false, className }) {
   const initials = React4.useMemo(() => {
     if (!fallbackName) return "";
     return fallbackName.split(" ").map((n) => n.charAt(0)).join("").slice(0, 2).toUpperCase();
   }, [fallbackName]);
   const style = fullWidth ? {} : { width: size, height: size };
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       className: cn(
@@ -3399,8 +3185,8 @@ function SquareAvatar2({ src, fallbackName = "", size = 56, fullWidth = false, c
       style,
       children: src ? (
         // eslint-disable-next-line @next/next/no-img-element
-        /* @__PURE__ */ jsx22("img", { src: getProxiedImageUrl(src) || src, alt: "Avatar", className: "object-cover w-full h-full" })
-      ) : /* @__PURE__ */ jsx22("span", { className: cn(
+        /* @__PURE__ */ jsx21("img", { src: getProxiedImageUrl(src) || src, alt: "Avatar", className: "object-cover w-full h-full" })
+      ) : /* @__PURE__ */ jsx21("span", { className: cn(
         "font-['DM_Sans'] text-ods-text-primary font-bold",
         fullWidth ? "text-4xl" : "text-lg"
       ), children: initials })
@@ -3409,24 +3195,24 @@ function SquareAvatar2({ src, fallbackName = "", size = 56, fullWidth = false, c
 }
 
 // src/components/msp-display.tsx
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 function MSPDisplay({ name, logoUrl, size = 40, className }) {
-  return /* @__PURE__ */ jsxs17("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
-    /* @__PURE__ */ jsx23(SquareAvatar2, { src: logoUrl ?? void 0, fallbackName: name, size }),
-    /* @__PURE__ */ jsx23("h2", { className: "truncate pl-2", children: name })
+  return /* @__PURE__ */ jsxs16("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
+    /* @__PURE__ */ jsx22(SquareAvatar2, { src: logoUrl ?? void 0, fallbackName: name, size }),
+    /* @__PURE__ */ jsx22("h2", { className: "truncate pl-2", children: name })
   ] });
 }
 
 // src/components/open-source-features.tsx
 import { Terminal, DollarSign as DollarSign2, Network, Users as Users2 } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 
 // src/components/index.ts
 init_pagination();
 
 // src/components/persistent-pagination.tsx
 init_cn();
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 function PersistentPagination({
   isLoading,
   children,
@@ -3437,7 +3223,7 @@ function PersistentPagination({
   transitionDuration = 300,
   showLoadingState = true
 }) {
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       className: cn(
@@ -3455,7 +3241,7 @@ function PersistentPagination({
       "aria-busy": isLoading,
       "data-loading": isLoading,
       children: [
-        isLoading && /* @__PURE__ */ jsxs19(
+        isLoading && /* @__PURE__ */ jsxs18(
           "div",
           {
             className: "sr-only",
@@ -3469,7 +3255,7 @@ function PersistentPagination({
             ]
           }
         ),
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx24(
           "div",
           {
             className: cn(
@@ -3526,7 +3312,7 @@ function PersistentPaginationWrapper({
   const isPaginationDisabled = isLoading;
   const hasNoResults = !hasResults && !isLoading;
   const PaginationComponent = (init_unified_pagination(), __toCommonJS(unified_pagination_exports)).UnifiedPagination;
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       className: cn(
@@ -3544,7 +3330,7 @@ function PersistentPaginationWrapper({
       "data-loading": isLoading,
       "data-has-results": hasResults,
       children: [
-        (isLoading || !hasResults) && /* @__PURE__ */ jsx25(
+        (isLoading || !hasResults) && /* @__PURE__ */ jsx24(
           "div",
           {
             className: "sr-only",
@@ -3553,7 +3339,7 @@ function PersistentPaginationWrapper({
             children: isLoading ? `Pagination temporarily disabled while loading page ${displayCurrentPage} of ${displayTotalPages}` : `No results available - pagination disabled`
           }
         ),
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx24(
           "div",
           {
             className: cn(
@@ -3564,7 +3350,7 @@ function PersistentPaginationWrapper({
               transitionDuration: "300ms"
             },
             "aria-hidden": isPaginationDisabled,
-            children: /* @__PURE__ */ jsx25(
+            children: /* @__PURE__ */ jsx24(
               PaginationComponent,
               {
                 currentPage: displayCurrentPage,
@@ -3581,7 +3367,7 @@ function PersistentPaginationWrapper({
 }
 
 // src/components/pricing-display.tsx
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 var PRICING_STYLES = {
   // Comparison table style (current default)
   comparison: {
@@ -3617,19 +3403,19 @@ function PricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (typeof pricing === "string") {
-    return /* @__PURE__ */ jsx26(LegacyPricingDisplay, { pricing, className, styleConfig });
+    return /* @__PURE__ */ jsx25(LegacyPricingDisplay, { pricing, className, styleConfig });
   }
   const pricingArray = Array.isArray(pricing) ? pricing : [pricing];
   if (!pricingArray || pricingArray.length === 0) {
-    return /* @__PURE__ */ jsx26("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: "No pricing data" });
+    return /* @__PURE__ */ jsx25("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__ */ 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: [
+    return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+      /* @__PURE__ */ jsx25("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
+      unit && /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
         "/",
         unit
       ] })
@@ -3637,9 +3423,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__ */ 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: [
+  return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    /* @__PURE__ */ jsx25("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
+    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
       "/",
       itemWithUnit.ranges[0].unit
     ] })
@@ -3660,7 +3446,7 @@ function LegacyPricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (pricing === "Free" || pricing === "No pricing data") {
-    return /* @__PURE__ */ jsx26("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: pricing });
+    return /* @__PURE__ */ jsx25("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: pricing });
   }
   const parsePricing = (pricingStr) => {
     if (pricingStr.includes(", ")) {
@@ -3716,9 +3502,9 @@ function LegacyPricingDisplay({
     };
   };
   const { mainValue, secondaryInfo } = parsePricing(pricing);
-  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 })
+  return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    /* @__PURE__ */ jsx25("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
+    secondaryInfo && /* @__PURE__ */ jsx25("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: secondaryInfo })
   ] });
 }
 function formatPricingForDisplay(pricing) {
@@ -3726,7 +3512,7 @@ function formatPricingForDisplay(pricing) {
 }
 
 // src/components/results-count.tsx
-import { Fragment as Fragment6, jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 function ResultsCount({
   currentPage,
   pageSize,
@@ -3742,7 +3528,7 @@ function ResultsCount({
   const plural = resultType === "vendors" ? "vendors" : "posts";
   const singular = resultType === "vendors" ? "vendor" : "post";
   const displayType = totalResults === 1 ? singular : plural;
-  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: [
+  return /* @__PURE__ */ jsx26("div", { className: "mb-6", children: /* @__PURE__ */ jsx26("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: totalResults > 0 && /* @__PURE__ */ jsxs20(Fragment5, { children: [
     "Showing ",
     startIndex,
     "-",
@@ -3751,7 +3537,7 @@ function ResultsCount({
     totalResults,
     " ",
     displayType,
-    sortingMessage && /* @__PURE__ */ jsxs21("span", { className: "ml-2 text-ods-accent", children: [
+    sortingMessage && /* @__PURE__ */ jsxs20("span", { className: "ml-2 text-ods-accent", children: [
       "\u2022 ",
       sortingMessage
     ] })
@@ -3761,7 +3547,7 @@ function ResultsCount({
 // src/components/vendor-tag.tsx
 init_cn();
 import { Hand, Sparkles } from "lucide-react";
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 function VendorTag({
   type,
   text,
@@ -3780,89 +3566,89 @@ function VendorTag({
         return {
           text: "Placeholder",
           textColor: "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" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "ai":
         return {
           text: "AI Selected",
           textColor: "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" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "manual":
         return {
           text: "Manually Selected",
           textColor: "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" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "open-source":
         return {
           text: text || "Open Source",
-          icon: /* @__PURE__ */ jsx28(
+          icon: /* @__PURE__ */ jsx27(
             "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__ */ jsx28(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" })
+              children: /* @__PURE__ */ jsx27(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" })
             }
           )
         };
       case "commercial":
         return {
           text: text || "Commercial Vendor",
-          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" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "free":
         return {
           text: text || "Free",
-          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: "$" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
         };
       case "freemium":
         return {
           text: text || "Freemium",
-          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: "$" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
         };
       case "paid":
         return {
           text: text || "Paid",
-          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" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "enterprise":
         return {
           text: text || "Enterprise",
-          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" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "E" }) })
         };
       case "recommended":
         return {
           text: text || "Recommended",
-          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" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "\u2605" }) })
         };
       case "classification":
         const classificationType = text?.toLowerCase();
         if (classificationType === "open_source") {
           return {
             text: "Open Source",
-            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]" }) })
+            icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" }) })
           };
         } else if (classificationType === "commercial") {
           return {
             text: "Commercial Vendor",
-            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" }) })
+            icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
           };
         } else if (classificationType === "openframe_selected") {
           return {
             text: "OpenFrame Selected",
-            icon: /* @__PURE__ */ jsx28(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+            icon: /* @__PURE__ */ jsx27(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
           };
         } else {
           return {
             text: text || "Classification",
-            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" }) })
+            icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "C" }) })
           };
         }
       case "openframe_selected":
         return {
           text: text || "OpenFrame Selected",
-          icon: /* @__PURE__ */ jsx28(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+          icon: /* @__PURE__ */ jsx27(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
         };
       default:
         return {
@@ -3872,9 +3658,9 @@ function VendorTag({
     }
   };
   const { text: displayText, icon, textColor } = getTagContent();
-  return /* @__PURE__ */ jsxs22("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
+  return /* @__PURE__ */ jsxs21("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
     icon,
-    /* @__PURE__ */ jsx28("span", { className: cn(
+    /* @__PURE__ */ jsx27("span", { className: cn(
       "font-mono font-semibold uppercase",
       textColor ? textColor : "text-ods-text-primary",
       size === "sm" ? "text-[10px]" : "text-xs"
@@ -3883,12 +3669,12 @@ function VendorTag({
 }
 
 // src/components/selection-source-badge.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function SelectionSourceBadge({ source, hidden = false }) {
   if (!source) {
     return null;
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     VendorTag,
     {
       type: source?.toLowerCase(),
@@ -3901,26 +3687,26 @@ function SelectionSourceBadge({ source, hidden = false }) {
 
 // src/components/user-display.tsx
 init_cn();
-import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 function UserDisplay({ name, avatarUrl, subtitle, size = 32, className }) {
-  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 })
+  return /* @__PURE__ */ jsxs22("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
+    /* @__PURE__ */ jsx29(SquareAvatar2, { src: avatarUrl ?? void 0, fallbackName: name, size }),
+    /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx29("p", { className: "font-['DM_Sans'] text-lg leading-[22px] text-ods-text-primary truncate", children: name }),
+      subtitle && /* @__PURE__ */ jsx29("span", { className: "font-['DM_Sans'] text-md leading-[16px] text-ods-text-secondary truncate", children: subtitle })
     ] })
   ] });
 }
 
 // src/components/loading/content-skeleton.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 ParagraphSkeleton({
   className,
   lines = 4
 }) {
   const lineWidths = ["w-full", "w-full", "w-5/6", "w-3/4", "w-4/5", "w-2/3"];
-  return /* @__PURE__ */ jsx31("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx30(
     TextSkeleton.Body,
     {
       className: lineWidths[index % lineWidths.length]
@@ -3934,14 +3720,14 @@ function ListSkeleton({
   showIcons = false,
   showActions = false
 }) {
-  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" })
+  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+      showIcons && /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-32 md:w-48" })
     ] }),
-    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" })
+    showActions && /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-8" }),
+      /* @__PURE__ */ jsx30(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
     ] })
   ] }, index)) });
 }
@@ -3950,14 +3736,14 @@ function TableSkeleton({
   rows = 5,
   columns = 4
 }) {
-  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(
+  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsx30("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
+    /* @__PURE__ */ jsx30("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx30(
       "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__ */ jsx31(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
+        children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
       },
       rowIndex
     )) })
@@ -3967,15 +3753,15 @@ function FormSkeleton({
   className,
   fields = 4
 }) {
-  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" })
+  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-6", className), children: [
+    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-24" }),
+      /* @__PURE__ */ jsx30(InteractiveSkeleton.Input, {}),
+      index % 3 === 0 && /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-48" })
     ] }, index)),
-    /* @__PURE__ */ jsxs24("div", { className: "flex gap-4 pt-4", children: [
-      /* @__PURE__ */ jsx31(InteractiveSkeleton.Button, {}),
-      /* @__PURE__ */ jsx31(InteractiveSkeleton.Button, { className: "bg-ods-border" })
+    /* @__PURE__ */ jsxs23("div", { className: "flex gap-4 pt-4", children: [
+      /* @__PURE__ */ jsx30(InteractiveSkeleton.Button, {}),
+      /* @__PURE__ */ jsx30(InteractiveSkeleton.Button, { className: "bg-ods-border" })
     ] })
   ] });
 }
@@ -3984,7 +3770,7 @@ function NavigationSkeleton({
   items = 6,
   horizontal = true
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     "nav",
     {
       className: cn(
@@ -3994,7 +3780,7 @@ function NavigationSkeleton({
       ),
       role: "status",
       "aria-label": "Loading navigation",
-      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
+      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
     }
   );
 }
@@ -4003,32 +3789,32 @@ function ProfileSkeleton({
   showBio = true,
   showStats = true
 }) {
-  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" })
+  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ jsx30(MediaSkeleton.Avatar, { size: "lg" }),
+      /* @__PURE__ */ jsxs23("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/2" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }),
-    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" })
+    showBio && /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-4/5" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
     ] }),
-    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" })
+    showStats && /* @__PURE__ */ jsxs23("div", { className: "flex gap-6", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-12 mx-auto" })
       ] }),
-      /* @__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__ */ jsxs23("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16 mx-auto" })
       ] }),
-      /* @__PURE__ */ jsxs24("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx31(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx31(TextSkeleton.Caption, { className: "w-14 mx-auto" })
+      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-14 mx-auto" })
       ] })
     ] })
   ] });
@@ -4038,34 +3824,34 @@ function CommentSkeleton({
   showRating = false,
   showReplies = false
 }) {
-  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)) })
+  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx30(MediaSkeleton.Avatar, { size: "sm" }),
+      /* @__PURE__ */ jsxs23("div", { className: "flex-1 flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-24" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16" }),
+        showRating && /* @__PURE__ */ jsx30("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }, i)) })
       ] })
     ] }),
-    /* @__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__ */ jsxs23("div", { className: "ml-11 space-y-2", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__PURE__ */ 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" })
+    /* @__PURE__ */ jsxs23("div", { className: "ml-11 flex gap-4", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-12" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-8" })
     ] }),
-    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" })
+    showReplies && /* @__PURE__ */ jsx30("div", { className: "ml-11 pl-4 border-l border-ods-divider space-y-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx30(MediaSkeleton.Avatar, { size: "sm" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-20" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-12" })
       ] }),
-      /* @__PURE__ */ jsxs24("div", { className: "ml-11", children: [
-        /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-2/3" })
+      /* @__PURE__ */ jsxs23("div", { className: "ml-11", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }, index)) })
   ] });
@@ -4077,35 +3863,35 @@ function FeatureListSkeleton({
   grouped = false
 }) {
   if (grouped) {
-    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" })
+    return /* @__PURE__ */ jsx30("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs23("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx30("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+        showIcons && /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
       ] }, featureIndex)) })
     ] }, groupIndex)) });
   }
-  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" })
+  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+    showIcons && /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
+    /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
   ] }, index)) });
 }
 function TimelineSkeleton({
   className,
   items = 5
 }) {
-  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" })
+  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
+      index < items - 1 && /* @__PURE__ */ jsx30("div", { className: "w-px h-12 bg-ods-border mt-2" })
     ] }),
-    /* @__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__ */ jsxs23("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16" })
       ] }),
-      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-3/4" })
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
     ] })
   ] }, index)) });
 }
@@ -4113,54 +3899,54 @@ function PricingSkeleton({
   className,
   plans = 3
 }) {
-  return /* @__PURE__ */ jsx31("div", { className: cn(
+  return /* @__PURE__ */ jsx30("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__ */ 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" })
+  ), children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ jsx30("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/2" }),
+    /* @__PURE__ */ jsxs23("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Heading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-1/4" })
     ] }),
-    /* @__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" })
+    /* @__PURE__ */ jsx30("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
     ] }, featureIndex)) }),
-    /* @__PURE__ */ jsx31(InteractiveSkeleton.Button, { className: "w-full" })
+    /* @__PURE__ */ jsx30(InteractiveSkeleton.Button, { className: "w-full" })
   ] }) }, index)) });
 }
 
 // src/components/profile/ProfileLoadingSkeleton.tsx
 init_cn();
-import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
 function ProfileLoadingSkeleton({ className }) {
-  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" })
+  return /* @__PURE__ */ jsxs24("div", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-center space-x-4", children: [
+      /* @__PURE__ */ jsx31("div", { className: "h-16 w-16 bg-gray-200 rounded-full animate-pulse" }),
+      /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx31("div", { className: "h-4 w-32 bg-gray-200 rounded animate-pulse" }),
+        /* @__PURE__ */ jsx31("div", { className: "h-3 w-24 bg-gray-200 rounded animate-pulse" })
       ] })
     ] }),
-    /* @__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" })
+    /* @__PURE__ */ jsxs24("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx31("div", { className: "h-4 w-full bg-gray-200 rounded animate-pulse" }),
+      /* @__PURE__ */ jsx31("div", { className: "h-4 w-3/4 bg-gray-200 rounded animate-pulse" }),
+      /* @__PURE__ */ jsx31("div", { className: "h-4 w-1/2 bg-gray-200 rounded animate-pulse" })
     ] })
   ] });
 }
 
 // src/components/loading/msp-profile-form-skeleton.tsx
 init_cn();
-import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 function MspProfileFormSkeleton({
   className,
   fields = 4
 }) {
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       className: cn(
@@ -4170,13 +3956,13 @@ function MspProfileFormSkeleton({
       role: "status",
       "aria-label": "Loading MSP profile form",
       children: [
-        /* @__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__ */ jsxs25("div", { className: "flex flex-col space-y-2 h-full", children: [
+          /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-28" }),
+          /* @__PURE__ */ jsx32("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx32(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
         ] }),
-        /* @__PURE__ */ 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, {})
+        /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs25("div", { className: "space-y-2 flex flex-col", children: [
+          /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-40" }),
+          /* @__PURE__ */ jsx32(InteractiveSkeleton.Input, {})
         ] }, idx)) })
       ]
     }
@@ -4185,9 +3971,9 @@ function MspProfileFormSkeleton({
 
 // src/components/loading/category-card-skeleton.tsx
 init_cn();
-import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 function CategoryCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs26(
     "article",
     {
       className: cn(
@@ -4197,7 +3983,7 @@ function CategoryCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading category card",
       children: [
-        /* @__PURE__ */ jsx34("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx33(
           UnifiedSkeleton,
           {
             variant: "circular",
@@ -4206,12 +3992,12 @@ function CategoryCardSkeleton({ className }) {
           },
           i
         )) }),
-        /* @__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__ */ jsxs26("div", { className: "flex-1 flex flex-col space-y-3", children: [
+          /* @__PURE__ */ jsx33(TextSkeleton.Heading, { className: "w-3/4" }),
+          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-full" })
         ] }),
-        /* @__PURE__ */ jsx34("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
+        /* @__PURE__ */ jsx33("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx33(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
       ]
     }
   );
@@ -4219,22 +4005,22 @@ function CategoryCardSkeleton({ className }) {
 
 // src/components/loading/category-vendor-selector-skeleton.tsx
 init_cn();
-import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       className: cn("bg-ods-card border border-ods-border rounded-lg p-6", className),
       role: "status",
       "aria-label": "Loading category section",
       children: [
-        /* @__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__ */ jsxs27("div", { className: "mb-6 space-y-2 max-w-xl", children: [
+          /* @__PURE__ */ jsx34(TextSkeleton.Heading, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-3/4" })
         ] }),
-        /* @__PURE__ */ 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)) })
+        /* @__PURE__ */ jsx34("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-1/3" }),
+          /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
         ] }, idx)) })
       ]
     }
@@ -4243,90 +4029,90 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
 
 // src/components/loading/wizard-layout-skeleton.tsx
 init_cn();
-import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 function WizardLayoutSkeleton({ steps = 6, className }) {
-  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" })
+  return /* @__PURE__ */ jsxs28("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
+    /* @__PURE__ */ jsx35("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
+    /* @__PURE__ */ jsxs28("div", { className: "space-y-2 max-w-2xl", children: [
+      /* @__PURE__ */ jsx35(TextSkeleton.Heading, { className: "w-2/3" }),
+      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__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" })
+    /* @__PURE__ */ jsxs28("div", { className: "flex justify-between mt-10", children: [
+      /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
+      /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
     ] })
   ] });
 }
 
 // src/components/loading/margin-report-skeleton.tsx
-import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
 function MarginReportSkeleton({ animate = true, description, overlayContent }) {
-  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" })
+  return /* @__PURE__ */ jsxs29("main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
+    /* @__PURE__ */ jsxs29("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
+      /* @__PURE__ */ jsxs29("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx36("div", { className: "h-10 w-72 bg-[#2A2A2A] rounded" }),
+        /* @__PURE__ */ jsx36("div", { className: "h-4 w-80 bg-[#2A2A2A] rounded" })
       ] }),
-      /* @__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__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx36("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsxs29("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex items-center gap-4 animate-pulse", children: [
+          /* @__PURE__ */ jsx36("div", { className: "w-14 h-14 rounded-lg bg-[#2A2A2A]" }),
+          /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx36("div", { className: "h-4 bg-[#2A2A2A] rounded w-3/4" }),
+            /* @__PURE__ */ jsx36("div", { className: "h-3 bg-[#2A2A2A] rounded w-1/2" })
           ] })
         ] }),
-        /* @__PURE__ */ 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__ */ jsxs29("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex flex-col gap-4 animate-pulse", children: [
+          /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx36("div", { className: "w-10 h-10 rounded-lg bg-[#2A2A2A]" }),
+              /* @__PURE__ */ jsxs29("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx36("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
+                /* @__PURE__ */ jsx36("div", { className: "h-3 w-20 bg-[#2A2A2A] rounded" })
               ] })
             ] }),
-            /* @__PURE__ */ jsx37("div", { className: "h-6 w-36 bg-[#2A2A2A] rounded" })
+            /* @__PURE__ */ jsx36("div", { className: "h-6 w-36 bg-[#2A2A2A] rounded" })
           ] }),
-          /* @__PURE__ */ jsx37("div", { className: "h-4 w-40 bg-[#2A2A2A] rounded mt-4" })
+          /* @__PURE__ */ jsx36("div", { className: "h-4 w-40 bg-[#2A2A2A] rounded mt-4" })
         ] })
       ] }),
-      /* @__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__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs29("div", { className: "bg-ods-card border border-ods-border rounded-lg overflow-hidden flex flex-col animate-pulse", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsx36("div", { className: "h-6 w-40 bg-[#2A2A2A] rounded" }),
+          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx36("div", { className: "h-5 w-20 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx36("div", { className: "h-4 w-10 bg-[#2A2A2A] rounded" })
           ] })
         ] }),
-        /* @__PURE__ */ 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__ */ jsx36("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs29("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsx36("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
+            /* @__PURE__ */ jsxs29("div", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ jsx36("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
+              /* @__PURE__ */ jsx36("div", { className: "hidden md:block h-3 w-24 bg-[#2A2A2A] rounded mt-1" })
             ] })
           ] }),
-          /* @__PURE__ */ 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" })
+          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+            /* @__PURE__ */ jsx36("div", { className: "h-4 w-16 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx36("div", { className: "h-3 w-8 bg-[#2A2A2A] rounded" })
           ] })
         ] }, j)) })
       ] }, idx)) }),
-      /* @__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__ */ jsx36("div", { className: "h-6 w-60 bg-[#2A2A2A] rounded" }),
+      /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx36("div", { className: "h-48 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsxs29("div", { className: "border border-ods-border rounded-3xl p-8 space-y-6", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "flex items-start gap-6", children: [
+          /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2 min-w-0", children: [
+            /* @__PURE__ */ jsx36("div", { className: "h-8 w-72 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx36("div", { className: "h-4 w-3/4 bg-[#2A2A2A] rounded" })
           ] }),
-          /* @__PURE__ */ jsx37("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-md shrink-0" })
+          /* @__PURE__ */ jsx36("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-md shrink-0" })
         ] }),
-        /* @__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)) })
+        /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx36("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
       ] })
     ] }),
-    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 && /* @__PURE__ */ jsx36("div", { className: "absolute inset-0 bg-ods-card/80 z-10 rounded-lg pointer-events-none", children: /* @__PURE__ */ jsxs29("div", { className: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-auto flex flex-col items-center gap-4 text-center px-4", children: [
+      description && /* @__PURE__ */ jsx36("h3", { children: description }),
       overlayContent
     ] }) })
   ] });
@@ -4334,18 +4120,18 @@ function MarginReportSkeleton({ animate = true, description, overlayContent }) {
 
 // src/components/loading/users-grid-skeleton.tsx
 init_cn();
-import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 function UsersGridSkeleton({ rows = 10, className }) {
   const skeletonRows = Array.from({ length: rows });
-  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)) })
+  return /* @__PURE__ */ jsx37("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs30("table", { className: "min-w-full divide-y divide-ods-border", children: [
+    /* @__PURE__ */ jsx37("thead", { className: "bg-[#2A2A2A]", children: /* @__PURE__ */ jsx37("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx37("th", { className: "px-4 py-3 text-left text-[12px] font-medium text-ods-text-primary font-['DM_Sans']", children: h }, h)) }) }),
+    /* @__PURE__ */ jsx37("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx37("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx37("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx37("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
   ] }) });
 }
 
 // src/components/loading/organization-icon-skeleton.tsx
 init_cn();
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var sizeClasses2 = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
@@ -4372,27 +4158,27 @@ function OrganizationIconSkeleton({
     !showBackground && "overflow-hidden",
     className
   );
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: containerClasses,
       role: "status",
       "aria-label": "Loading organization icon",
-      children: /* @__PURE__ */ jsx39("div", { className: "w-1/2 h-1/2 bg-ods-border rounded-sm animate-pulse" })
+      children: /* @__PURE__ */ jsx38("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 jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
 function OrganizationCardSkeleton({
   className,
   containerClassName,
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
@@ -4402,9 +4188,9 @@ function OrganizationCardSkeleton({
       ),
       role: "status",
       "aria-label": "Loading organization card",
-      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(
+      children: /* @__PURE__ */ jsxs31("div", { className: "p-4 gap-3 flex flex-col", children: [
+        /* @__PURE__ */ jsxs31("div", { className: "flex items-start gap-3 w-full", children: [
+          /* @__PURE__ */ jsx39(
             OrganizationIconSkeleton,
             {
               size: "xl",
@@ -4413,29 +4199,29 @@ function OrganizationCardSkeleton({
               className: "w-[60px] h-[60px]"
             }
           ),
-          /* @__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" })
+          /* @__PURE__ */ jsxs31("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
+            /* @__PURE__ */ jsx39(TextSkeleton.Subheading, { className: "w-3/4" }),
+            /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-1/2" })
           ] })
         ] }),
-        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" })
+        showDescription && /* @__PURE__ */ jsx39("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs31("div", { className: "space-y-1 w-full", children: [
+          /* @__PURE__ */ jsx39(TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ jsx39(TextSkeleton.Body, { className: "w-2/3" })
         ] }) }),
-        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" })
+        showFooter && /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
+          /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
+            /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx39(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-8" })
             ] }),
-            /* @__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__ */ jsxs31("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx39(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-10" })
             ] })
           ] }),
-          /* @__PURE__ */ 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" })
+          /* @__PURE__ */ jsx39("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
+            /* @__PURE__ */ jsx39("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx39(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
+            /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-16" })
           ] }) })
         ] })
       ] })
@@ -4449,7 +4235,7 @@ function OrganizationCardSkeletonGrid({
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
@@ -4458,7 +4244,7 @@ function OrganizationCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} organization cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx40(
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx39(
         OrganizationCardSkeleton,
         {
           containerClassName,
@@ -4473,9 +4259,9 @@ function OrganizationCardSkeletonGrid({
 
 // src/components/loading/device-card-skeleton.tsx
 init_cn();
-import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
 function DeviceCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       className: cn(
@@ -4485,19 +4271,19 @@ function DeviceCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading device card",
       children: [
-        /* @__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__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-3", children: [
+          /* @__PURE__ */ jsx40("div", { className: "w-8 h-8 bg-ods-bg border border-ods-border rounded-[6px] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx40("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx40("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx40("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx40("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
         ] }),
-        /* @__PURE__ */ 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__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx40("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx40(OrganizationIconSkeleton, { size: "sm" }),
+          /* @__PURE__ */ jsx40("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx40("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
         ] }),
-        /* @__PURE__ */ 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" }) })
+        /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx40("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx40("div", { className: "flex-1", children: /* @__PURE__ */ jsx40("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
         ] })
       ]
     }
@@ -4507,7 +4293,7 @@ function DeviceCardSkeletonGrid({
   count = 12,
   className
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       className: cn(
@@ -4516,22 +4302,22 @@ function DeviceCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} device cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx41(DeviceCardSkeleton, {}, index))
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx40(DeviceCardSkeleton, {}, index))
     }
   );
 }
 
 // src/components/vendor-page-skeleton.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function VendorPageSkeleton() {
-  return /* @__PURE__ */ jsx42(VendorDetailLayoutSkeleton, {});
+  return /* @__PURE__ */ jsx41(VendorDetailLayoutSkeleton, {});
 }
 
 // src/components/why-it-matters.tsx
-import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
 
 // src/components/yes-no-display.tsx
-import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
 function YesNoDisplay({
   value,
   yesText = "Yes",
@@ -4540,20 +4326,20 @@ function YesNoDisplay({
   className = ""
 }) {
   if (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 })
+    return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx43(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx43("span", { className: "text-ods-text-primary text-[16px]", children: customText })
     ] });
   }
   if (value) {
-    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__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx43(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx43("span", { className: "text-ods-text-primary text-[16px]", children: yesText })
     ] });
   }
-  return /* @__PURE__ */ 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 })
+  return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
+    /* @__PURE__ */ jsx43(XCircleIcon, { className: "h-6 w-6" }),
+    /* @__PURE__ */ jsx43("span", { className: "text-ods-text-secondary text-[16px]", children: noText })
   ] });
 }
 function evaluateFeatureValue(value, dataType) {
@@ -4587,16 +4373,16 @@ function evaluateFeatureValue(value, dataType) {
 }
 
 // src/components/made-with-love.tsx
-import { useState as useState6, useEffect as useEffect5 } from "react";
-import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
+import { useState as useState5, useEffect as useEffect4 } from "react";
+import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
 function MadeWithLove({
   className = "",
   size = "md",
   showOnMobile = true
 }) {
-  const [isMobile, setIsMobile] = useState6(false);
-  const [isHovered, setIsHovered] = useState6(false);
-  useEffect5(() => {
+  const [isMobile, setIsMobile] = useState5(false);
+  const [isHovered, setIsHovered] = useState5(false);
+  useEffect4(() => {
     const checkMobile = () => {
       setIsMobile(window.innerWidth < 640);
     };
@@ -4662,14 +4448,14 @@ function MadeWithLove({
     marginLeft: "4px",
     textDecoration: "none"
   };
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       style: containerStyle,
       className,
       children: [
         "Made with love by",
-        /* @__PURE__ */ jsxs36(
+        /* @__PURE__ */ jsxs35(
           "a",
           {
             href: flamingoUrl,
@@ -4679,14 +4465,14 @@ function MadeWithLove({
             onMouseEnter: () => setIsHovered(true),
             onMouseLeave: () => setIsHovered(false),
             children: [
-              /* @__PURE__ */ jsx45("div", { style: logoStyle, children: /* @__PURE__ */ jsx45(
+              /* @__PURE__ */ jsx44("div", { style: logoStyle, children: /* @__PURE__ */ jsx44(
                 FlamingoLogo2,
                 {
                   size: config.logoSize,
                   color: "#f357bb"
                 }
               ) }),
-              /* @__PURE__ */ jsx45("span", { style: textStyle, children: "Flamingo" })
+              /* @__PURE__ */ jsx44("span", { style: textStyle, children: "Flamingo" })
             ]
           }
         )
@@ -4698,7 +4484,7 @@ function MadeWithLove({
 // src/components/date-time-picker.tsx
 init_cn();
 import DatePicker2 from "react-datepicker";
-import { jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs36 } 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",
@@ -4722,9 +4508,9 @@ function DateTimePicker({
   timeIntervals = 15,
   dateFormat = "MMMM d, yyyy h:mm aa"
 }) {
-  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(
+  return /* @__PURE__ */ jsxs36("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsx45(Label, { className: "font-['Azeret_Mono'] text-[12px] font-semibold leading-[1em] tracking-[-0.02em] text-ods-text-secondary uppercase", children: label }),
+    /* @__PURE__ */ jsx45("div", { className: "w-full", children: /* @__PURE__ */ jsx45(
       DatePicker2,
       {
         selected: value,
@@ -4739,7 +4525,7 @@ function DateTimePicker({
         className: inputClassName
       }
     ) }),
-    /* @__PURE__ */ jsx46("style", { dangerouslySetInnerHTML: { __html: `
+    /* @__PURE__ */ jsx45("style", { dangerouslySetInnerHTML: { __html: `
         .react-datepicker-wrapper {
           width: 100% !important;
           display: block !important;
@@ -4844,7 +4630,7 @@ function DateTimePicker({
 
 // src/components/shared/product-release/product-releases-view.tsx
 init_cn();
-import { Fragment as Fragment7, jsx as jsx47, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
 var DEFAULT_ENDPOINT = "/api/releases";
 var DEFAULT_SEARCH_PARAM_KEY = DEV_SECTION_PARAM_KEYS.search;
 var DEFAULT_STATUS_PARAM_KEY = DEV_SECTION_PARAM_KEYS.releaseStatus;
@@ -4873,7 +4659,7 @@ function ReleaseRow({
       fallbackNavigate: router.push
     });
   };
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     ProductReleaseCard,
     {
       size: "lg",
@@ -4928,9 +4714,9 @@ function ProductReleasesView({
     router.replace(`${pathname}?${params.toString()}`, { scroll: false });
   };
   if (error) {
-    return /* @__PURE__ */ jsx47("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx47(LoadError, { message: "Failed to load releases.", onRetry: reload }) });
+    return /* @__PURE__ */ jsx46("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsx46(LoadError, { message: "Failed to load releases.", onRetry: reload }) });
   }
-  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(
+  return /* @__PURE__ */ jsx46("div", { className: cn("w-full flex flex-col gap-[40px]", className), children: /* @__PURE__ */ jsx46("div", { className: "min-h-[600px]", children: showEmpty ? /* @__PURE__ */ jsx46("div", { className: "h-[600px] flex items-center justify-center", children: hasActiveFilters ? /* @__PURE__ */ jsx46(
     EmptyState,
     {
       type: "search",
@@ -4940,7 +4726,7 @@ function ProductReleasesView({
       ctaText: "Reset Filters",
       onCtaClick: resetFilters
     }
-  ) : /* @__PURE__ */ jsx47(
+  ) : /* @__PURE__ */ jsx46(
     EmptyState,
     {
       type: "generic",
@@ -4948,20 +4734,20 @@ function ProductReleasesView({
       description: "Check back soon for product updates!",
       showCTA: false
     }
-  ) }) : /* @__PURE__ */ jsxs38(Fragment7, { children: [
-    /* @__PURE__ */ jsx47("div", { className: "flex flex-col gap-6", children: Array.from({ length: itemsPerPage }).map((_, i) => {
+  ) }) : /* @__PURE__ */ jsxs37(Fragment6, { children: [
+    /* @__PURE__ */ jsx46("div", { className: "flex flex-col gap-6", children: Array.from({ length: itemsPerPage }).map((_, i) => {
       const release = releases[i];
       const hasData = !!release;
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx46(
         "div",
         {
           style: { visibility: isLoading || hasData ? "visible" : "hidden" },
-          children: isLoading ? /* @__PURE__ */ jsx47(ProductReleaseCardSkeleton, { size: "lg" }) : release ? /* @__PURE__ */ jsx47(ReleaseRow, { release, basePath, buildCardProps }) : /* @__PURE__ */ jsx47(ProductReleaseCardSkeleton, { size: "lg" })
+          children: isLoading ? /* @__PURE__ */ jsx46(ProductReleaseCardSkeleton, { size: "lg" }) : release ? /* @__PURE__ */ jsx46(ReleaseRow, { release, basePath, buildCardProps }) : /* @__PURE__ */ jsx46(ProductReleaseCardSkeleton, { size: "lg" })
         },
         release?.id ?? `slot-${i}`
       );
     }) }),
-    /* @__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(
+    /* @__PURE__ */ jsx46("div", { className: "mt-6 md:mt-8 flex justify-center", children: isLoading ? /* @__PURE__ */ jsx46("div", { className: "h-12 m-3 w-64" }) : releases.length > 0 && totalPages > 1 ? /* @__PURE__ */ jsx46(
       PersistentPaginationWrapper,
       {
         isLoading: false,
@@ -4970,32 +4756,32 @@ function ProductReleasesView({
         onPageChange: goToPage,
         variant: "blog"
       }
-    ) : /* @__PURE__ */ jsx47("div", { className: "h-12 m-3 w-64", style: { visibility: "hidden" } }) })
+    ) : /* @__PURE__ */ jsx46("div", { className: "h-12 m-3 w-64", style: { visibility: "hidden" } }) })
   ] }) }) });
 }
 
 // src/components/shared/product-release/release-detail-page.tsx
 init_next_link();
 init_next_navigation();
-import { useState as useState8, useEffect as useEffect6 } from "react";
+import { useState as useState7, useEffect as useEffect5 } from "react";
 
 // src/components/shared/media-gallery-strip.tsx
-import { useState as useState7 } from "react";
-import { Fragment as Fragment8, jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
+import { useState as useState6 } from "react";
+import { Fragment as Fragment7, jsx as jsx47, jsxs as jsxs38 } from "react/jsx-runtime";
 function isGalleryImage(mediaType) {
   return mediaType !== "video" && mediaType !== "demo";
 }
 function MediaGalleryStrip({ items, maxDisplay, className }) {
-  const [galleryOpen, setGalleryOpen] = useState7(false);
-  const [galleryIndex, setGalleryIndex] = useState7(0);
+  const [galleryOpen, setGalleryOpen] = useState6(false);
+  const [galleryIndex, setGalleryIndex] = useState6(0);
   if (!items || items.length === 0) return null;
   const display = typeof maxDisplay === "number" ? items.slice(0, Math.max(0, maxDisplay)) : items;
   const galleryImages = display.filter((m) => isGalleryImage(m.media_type)).map((m) => m.media_url);
   const tileClass = "shrink-0 w-[240px] h-[200px] rounded-md overflow-hidden border border-ods-border bg-black transition-opacity";
-  return /* @__PURE__ */ jsxs39(Fragment8, { children: [
-    /* @__PURE__ */ jsx48("div", { className: `flex gap-6 overflow-x-auto w-full ${className ?? ""}`, children: display.map((mediaItem, index) => {
+  return /* @__PURE__ */ jsxs38(Fragment7, { children: [
+    /* @__PURE__ */ jsx47("div", { className: `flex gap-6 overflow-x-auto w-full ${className ?? ""}`, children: display.map((mediaItem, index) => {
       if (isGalleryImage(mediaItem.media_type)) {
-        return /* @__PURE__ */ jsx48(
+        return /* @__PURE__ */ jsx47(
           "button",
           {
             type: "button",
@@ -5005,14 +4791,14 @@ function MediaGalleryStrip({ items, maxDisplay, className }) {
               setGalleryIndex(display.slice(0, index).filter((m) => isGalleryImage(m.media_type)).length);
               setGalleryOpen(true);
             },
-            children: /* @__PURE__ */ jsx48("img", { src: mediaItem.media_url, alt: mediaItem.title || `Media ${index + 1}`, className: "w-full h-full object-cover" })
+            children: /* @__PURE__ */ jsx47("img", { src: mediaItem.media_url, alt: mediaItem.title || `Media ${index + 1}`, className: "w-full h-full object-cover" })
           },
           mediaItem.id || index
         );
       }
-      return /* @__PURE__ */ jsx48("div", { className: tileClass, children: /* @__PURE__ */ jsx48(Video, { url: mediaItem.media_url, layout: "native" }) }, mediaItem.id || index);
+      return /* @__PURE__ */ jsx47("div", { className: tileClass, children: /* @__PURE__ */ jsx47(Video, { url: mediaItem.media_url, layout: "native" }) }, mediaItem.id || index);
     }) }),
-    galleryImages.length > 0 && /* @__PURE__ */ jsx48(
+    galleryImages.length > 0 && /* @__PURE__ */ jsx47(
       ImageGalleryModal,
       {
         images: galleryImages,
@@ -5026,10 +4812,8 @@ 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 Fragment9, jsx as jsx49, jsxs as jsxs40 } from "react/jsx-runtime";
-function DefaultMarkdownRenderer({ content }) {
-  return /* @__PURE__ */ jsx49("div", { className: "whitespace-pre-wrap", children: content });
-}
+import { Fragment as Fragment8, jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
+var DefaultMarkdownRenderer = RichMarkdownRenderer;
 function ReleaseDetailPage({
   authorHref,
   slug,
@@ -5050,11 +4834,11 @@ function ReleaseDetailPage({
   const showBackButton = backButton !== false;
   const backLabel = (backButton ? backButton.label : void 0) ?? "Back to home";
   const backHref = (backButton ? backButton.href : void 0) ?? "/";
-  const [roadmapTasks, setRoadmapTasks] = useState8([]);
-  const [deliveryData, setDeliveryData] = useState8(null);
-  const [roadmapLoading, setRoadmapLoading] = useState8(false);
-  const [deliveryLoading, setDeliveryLoading] = useState8(false);
-  useEffect6(() => {
+  const [roadmapTasks, setRoadmapTasks] = useState7([]);
+  const [deliveryData, setDeliveryData] = useState7(null);
+  const [roadmapLoading, setRoadmapLoading] = useState7(false);
+  const [deliveryLoading, setDeliveryLoading] = useState7(false);
+  useEffect5(() => {
     async function fetchLinkedTasks() {
       if (!release) return;
       try {
@@ -5085,12 +4869,12 @@ function ReleaseDetailPage({
     fetchLinkedTasks();
   }, [release, RoadmapSection, DeliverySection, roadmapApiEndpoint, deliveryApiEndpoint]);
   if (!initialData && isLoading) {
-    return /* @__PURE__ */ jsx49(PageShell, { children: /* @__PURE__ */ jsx49("div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ jsx49(DetailPageSkeleton, { bare: true, metadataColumns: 4, showImageGallery: true }) }) });
+    return /* @__PURE__ */ jsx48(PageShell, { children: /* @__PURE__ */ jsx48("div", { className: "pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ jsx48(DetailPageSkeleton, { bare: true, metadataColumns: 4, showImageGallery: true }) }) });
   }
   if (error || !release) {
-    return /* @__PURE__ */ 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." })
+    return /* @__PURE__ */ jsx48(PageShell, { children: /* @__PURE__ */ jsxs39("div", { className: "text-center py-16", children: [
+      /* @__PURE__ */ jsx48("h1", { className: "text-4xl font-bold text-ods-text-primary mb-4", children: "Release Not Found" }),
+      /* @__PURE__ */ jsx48("p", { className: "text-xl text-ods-text-secondary", children: "The release you're looking for doesn't exist." })
     ] }) });
   }
   const hasBreakingChanges = Array.isArray(release.breaking_changes) && release.breaking_changes.length > 0;
@@ -5116,33 +4900,33 @@ function ReleaseDetailPage({
   const featuresAdded = release.features_added;
   const bugFixed = release.bugs_fixed;
   const improvements = release.improvements;
-  return /* @__PURE__ */ jsx49(PageShell, { children: /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx48(PageShell, { children: /* @__PURE__ */ jsx48(
     PageLayout,
     {
       backButton: showBackButton ? { label: backLabel, onClick: () => router.push(backHref) } : void 0,
-      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: [
+      children: /* @__PURE__ */ jsxs39("div", { className: "space-y-6 md:space-y-8", children: [
+        /* @__PURE__ */ jsx48("div", { className: "flex flex-col md:flex-row md:items-end gap-4 w-full", children: /* @__PURE__ */ jsxs39("div", { className: "flex-1 flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx48("h1", { className: "text-h1 tracking-[-1.12px] text-ods-text-primary", children: releaseTitle }),
+          /* @__PURE__ */ jsxs39("p", { className: "text-h4 text-ods-text-secondary", children: [
             "Version: ",
             releaseVersion
           ] })
         ] }) }),
-        /* @__PURE__ */ 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__ */ jsx48(EntityTagBadges, { tags: release.product_release_tags }),
+        /* @__PURE__ */ jsxs39("div", { className: "grid grid-cols-1 md:grid-cols-4 border border-ods-border rounded-md overflow-hidden w-full", children: [
+          /* @__PURE__ */ jsx48("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-0", children: [
+            /* @__PURE__ */ jsx48("p", { className: "text-h4 text-ods-text-primary", children: releaseType.toLocaleUpperCase() }),
+            /* @__PURE__ */ jsx48("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Type" })
           ] }) }),
-          /* @__PURE__ */ 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__ */ jsx48("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-0", children: [
+            /* @__PURE__ */ jsx48("p", { className: "text-h4 text-ods-text-primary", children: releaseStatus.toLocaleUpperCase() }),
+            /* @__PURE__ */ jsx48("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Status" })
           ] }) }),
-          /* @__PURE__ */ 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__ */ jsx48("div", { className: "bg-ods-card border-b md:border-b-0 md:border-r border-ods-border p-4 flex flex-col gap-3", children: /* @__PURE__ */ jsxs39("div", { className: "flex flex-col gap-0", children: [
+            /* @__PURE__ */ jsx48("p", { className: "text-h4 text-ods-text-primary", children: formatReleaseDate(releaseDate) }),
+            /* @__PURE__ */ jsx48("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary", children: "Release Date" })
           ] }) }),
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx48(
             EntityMetadataAuthorCell,
             {
               author: author ?? { full_name: null, avatar_url: null },
@@ -5150,9 +4934,9 @@ function ReleaseDetailPage({
             }
           )
         ] }),
-        /* @__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(
+        /* @__PURE__ */ jsx48(MediaGalleryStrip, { items: releaseMedia ?? [], maxDisplay: 5 }),
+        releaseSummary && /* @__PURE__ */ jsx48("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx48("p", { children: releaseSummary }) }),
+        VideoDisplaySection ? /* @__PURE__ */ jsx48(
           VideoDisplaySection,
           {
             mainVideoUrl,
@@ -5166,8 +4950,8 @@ function ReleaseDetailPage({
             srtContent: release?.srt_content,
             captionsUrl: release?.captionsUrl
           }
-        ) : /* @__PURE__ */ jsxs40(Fragment9, { children: [
-          youtubeUrl && /* @__PURE__ */ jsx49(
+        ) : /* @__PURE__ */ jsxs39(Fragment8, { children: [
+          youtubeUrl && /* @__PURE__ */ jsx48(
             Video,
             {
               kind: "youtube",
@@ -5176,7 +4960,7 @@ function ReleaseDetailPage({
               layout: "native"
             }
           ),
-          !youtubeUrl && mainVideoUrl && /* @__PURE__ */ jsx49(
+          !youtubeUrl && mainVideoUrl && /* @__PURE__ */ jsx48(
             Video,
             {
               url: mainVideoUrl,
@@ -5185,7 +4969,7 @@ function ReleaseDetailPage({
               layout: "centered"
             }
           ),
-          highlightVideoUrl && /* @__PURE__ */ jsx49(
+          highlightVideoUrl && /* @__PURE__ */ jsx48(
             Video,
             {
               url: highlightVideoUrl,
@@ -5194,56 +4978,56 @@ function ReleaseDetailPage({
             }
           )
         ] }),
-        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." })
+        releaseContent && /* @__PURE__ */ jsx48("div", { className: "text-h4 text-ods-text-primary", children: /* @__PURE__ */ jsx48(MarkdownRenderer, { content: releaseContent }) }),
+        hasBreakingChanges && /* @__PURE__ */ jsx48(Card, { className: "border-red-500 bg-red-500/10", children: /* @__PURE__ */ jsx48(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx48(AlertTriangle, { className: "h-6 w-6 text-red-500" }),
+          /* @__PURE__ */ jsxs39("div", { children: [
+            /* @__PURE__ */ jsx48("h3", { className: "font-bold text-red-500 text-lg", children: "Breaking Changes" }),
+            /* @__PURE__ */ jsx48("p", { className: "text-ods-text-secondary", children: "This release contains breaking changes. Review carefully before upgrading." })
           ] })
         ] }) }) }),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx48(
           ReleaseChangelogSection,
           {
             title: "Breaking Changes",
             entries: breakingChanges || [],
             isBreaking: true,
             hideTitle: true,
-            icon: /* @__PURE__ */ jsx49(AlertTriangle, { className: "h-6 w-6" }),
+            icon: /* @__PURE__ */ jsx48(AlertTriangle, { className: "h-6 w-6" }),
             SimpleMarkdownRenderer: MarkdownRenderer
           }
         ),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx48(
           ReleaseChangelogSection,
           {
             title: "Features Added",
             entries: featuresAdded || [],
-            icon: /* @__PURE__ */ jsx49(Sparkles2, { className: "h-6 w-6" }),
+            icon: /* @__PURE__ */ jsx48(Sparkles2, { className: "h-6 w-6" }),
             previewFirst: true,
             SimpleMarkdownRenderer: MarkdownRenderer
           }
         ),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx48(
           ReleaseChangelogSection,
           {
             title: "Bugs Fixed",
             entries: bugFixed || [],
-            icon: /* @__PURE__ */ jsx49(Wrench, { className: "h-6 w-6" }),
+            icon: /* @__PURE__ */ jsx48(Wrench, { className: "h-6 w-6" }),
             previewFirst: true,
             SimpleMarkdownRenderer: MarkdownRenderer
           }
         ),
-        /* @__PURE__ */ jsx49(
+        /* @__PURE__ */ jsx48(
           ReleaseChangelogSection,
           {
             title: "Improvements",
             entries: improvements || [],
-            icon: /* @__PURE__ */ jsx49(TrendingUp, { className: "h-6 w-6" }),
+            icon: /* @__PURE__ */ jsx48(TrendingUp, { className: "h-6 w-6" }),
             previewFirst: true,
             SimpleMarkdownRenderer: MarkdownRenderer
           }
         ),
-        !VideoDisplaySection && VideoSection && videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx49(
+        !VideoDisplaySection && VideoSection && videoBites && videoBites.length > 0 && /* @__PURE__ */ jsx48(
           VideoSection,
           {
             bites: videoBites,
@@ -5251,9 +5035,9 @@ function ReleaseDetailPage({
             filterPublished: true
           }
         ),
-        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 && (roadmapLoading || roadmapTasks.length > 0) && /* @__PURE__ */ jsxs39("div", { className: "space-y-4 w-full", children: [
+          /* @__PURE__ */ jsx48("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Roadmap Items" }),
+          /* @__PURE__ */ jsx48(
             RoadmapSection,
             {
               items: roadmapTasks,
@@ -5268,9 +5052,9 @@ function ReleaseDetailPage({
             }
           )
         ] }),
-        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 && (deliveryLoading || deliveryData && (deliveryData.completed.length > 0 || deliveryData.inProgress.length > 0)) && /* @__PURE__ */ jsxs39("div", { className: "w-full space-y-4", children: [
+          /* @__PURE__ */ jsx48("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Enhancements and Bug-fixes" }),
+          /* @__PURE__ */ jsx48(
             DeliverySection,
             {
               data: deliveryData,
@@ -5278,13 +5062,13 @@ function ReleaseDetailPage({
             }
           )
         ] }),
-        (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(
+        (githubReleases?.length || knowledgeBaseLinks?.length || migrationGuideUrl || documentationUrl) && /* @__PURE__ */ jsxs39("div", { className: "space-y-1 w-full", children: [
+          /* @__PURE__ */ jsx48("p", { className: "text-h5 tracking-[-0.28px] text-ods-text-secondary", children: "Related Links" }),
+          /* @__PURE__ */ jsx48(Card, { className: "bg-ods-card border-ods-border p-6", children: /* @__PURE__ */ jsxs39("div", { className: "space-y-4", children: [
+            githubReleases && githubReleases.length > 0 && /* @__PURE__ */ jsx48(Fragment8, { children: githubReleases.map((ghRelease) => /* @__PURE__ */ jsxs39("div", { className: "flex items-start gap-1", children: [
+              /* @__PURE__ */ jsx48(GitHubIcon, { className: "shrink-0", width: 24, height: 24, color: "var(--color-text-secondary)" }),
+              /* @__PURE__ */ jsx48("span", { className: "text-h4 text-ods-text-primary", children: "Github Release" }),
+              /* @__PURE__ */ jsx48(
                 "a",
                 {
                   href: ghRelease.github_release_url,
@@ -5294,15 +5078,15 @@ function ReleaseDetailPage({
                   children: ghRelease.github_release_url.split("/").pop()
                 }
               ),
-              /* @__PURE__ */ jsx49(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+              /* @__PURE__ */ jsx48(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
             ] }, ghRelease.id)) }),
-            knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ jsx49(Fragment9, { children: knowledgeBaseLinks.map((linkObj) => {
+            knowledgeBaseLinks && knowledgeBaseLinks.length > 0 && /* @__PURE__ */ jsx48(Fragment8, { children: knowledgeBaseLinks.map((linkObj) => {
               const path = typeof linkObj === "string" ? linkObj : linkObj.kb_article_path;
               const linkId = typeof linkObj === "string" ? path : linkObj.id || path;
-              return /* @__PURE__ */ 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(
+              return /* @__PURE__ */ jsxs39("div", { className: "flex items-start gap-1", children: [
+                /* @__PURE__ */ jsx48(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+                /* @__PURE__ */ jsx48("span", { className: "text-h4 text-ods-text-primary", children: "Knowledge Base" }),
+                /* @__PURE__ */ jsx48(
                   next_link_default,
                   {
                     href: path.startsWith("http") ? path : `/knowledge-base${path.startsWith("/") ? "" : "/"}${path}`,
@@ -5310,12 +5094,12 @@ function ReleaseDetailPage({
                     children: path.replace(/^\//, "").split("/").pop()?.replace(/-/g, " ") || "View Article"
                   }
                 ),
-                /* @__PURE__ */ jsx49(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+                /* @__PURE__ */ jsx48(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
               ] }, linkId);
             }) }),
-            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(
+            migrationGuideUrl && /* @__PURE__ */ jsxs39("div", { className: "flex items-start gap-1", children: [
+              /* @__PURE__ */ jsx48(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+              /* @__PURE__ */ jsx48(
                 "a",
                 {
                   href: migrationGuideUrl,
@@ -5325,11 +5109,11 @@ function ReleaseDetailPage({
                   children: "\u{1F4D6} Migration Guide"
                 }
               ),
-              /* @__PURE__ */ jsx49(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+              /* @__PURE__ */ jsx48(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
             ] }),
-            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(
+            documentationUrl && /* @__PURE__ */ jsxs39("div", { className: "flex items-start gap-1", children: [
+              /* @__PURE__ */ jsx48(BookMarked, { className: "h-6 w-6 text-ods-text-secondary shrink-0" }),
+              /* @__PURE__ */ jsx48(
                 "a",
                 {
                   href: documentationUrl,
@@ -5339,7 +5123,7 @@ function ReleaseDetailPage({
                   children: "\u{1F4DA} Documentation"
                 }
               ),
-              /* @__PURE__ */ jsx49(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
+              /* @__PURE__ */ jsx48(ExternalLink, { className: "h-6 w-6 text-[#ffc008] shrink-0" })
             ] })
           ] }) })
         ] })
@@ -5349,24 +5133,24 @@ function ReleaseDetailPage({
 }
 
 // src/components/shared/product-release/release-detail-skeleton.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function ReleaseDetailSkeleton() {
-  return /* @__PURE__ */ jsx50(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
+  return /* @__PURE__ */ jsx49(DetailPageSkeleton, { metadataColumns: 4, showImageGallery: true });
 }
 
 // src/components/shared/roadmap/roadmap-grid.tsx
-import { useEffect as useEffect8, useRef as useRef5, useState as useState10 } from "react";
+import { useEffect as useEffect7, useRef as useRef4, useState as useState9 } from "react";
 
 // src/components/shared/roadmap/use-roadmap-voting.ts
-import { useState as useState9, useEffect as useEffect7, useCallback as useCallback4 } from "react";
+import { useState as useState8, useEffect as useEffect6, useCallback as useCallback3 } from "react";
 var DEFAULT_VOTE_ENDPOINT = "/api/roadmap/vote";
 var DEFAULT_STORAGE_KEY = "roadmap_votes_v1";
 function useRoadmapVoting(options = {}) {
   const voteApiEndpoint = options.voteApiEndpoint ?? DEFAULT_VOTE_ENDPOINT;
   const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY;
-  const [votes, setVotes] = useState9({});
-  const [isLoading, setIsLoading] = useState9(true);
-  useEffect7(() => {
+  const [votes, setVotes] = useState8({});
+  const [isLoading, setIsLoading] = useState8(true);
+  useEffect6(() => {
     setIsLoading(true);
     setVotes({});
     try {
@@ -5380,7 +5164,7 @@ function useRoadmapVoting(options = {}) {
       setIsLoading(false);
     }
   }, [storageKey]);
-  useEffect7(() => {
+  useEffect6(() => {
     if (!isLoading) {
       try {
         localStorage.setItem(storageKey, JSON.stringify(votes));
@@ -5389,13 +5173,13 @@ function useRoadmapVoting(options = {}) {
       }
     }
   }, [votes, isLoading, storageKey]);
-  const getVote = useCallback4(
+  const getVote = useCallback3(
     (taskId) => {
       return votes[taskId] || null;
     },
     [votes]
   );
-  const toggleVote = useCallback4(
+  const toggleVote = useCallback3(
     async (taskId, voteType) => {
       const currentVote = votes[taskId];
       let newVote = null;
@@ -5443,7 +5227,7 @@ function useRoadmapVoting(options = {}) {
     },
     [votes, voteApiEndpoint]
   );
-  const clearVotes = useCallback4(() => {
+  const clearVotes = useCallback3(() => {
     setVotes({});
     localStorage.removeItem(storageKey);
   }, [storageKey]);
@@ -5458,7 +5242,7 @@ function useRoadmapVoting(options = {}) {
 
 // src/components/shared/roadmap/roadmap-grid.tsx
 init_cn();
-import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
 var DEFAULT_BUILD_REFRESH_URL = (taskId) => `/api/roadmap/${taskId}`;
 var BACKLOG = "Backlog";
 function getStatusPriority(status) {
@@ -5507,13 +5291,13 @@ function RoadmapGridSingle({
   onVote,
   votingTasks
 }) {
-  return /* @__PURE__ */ jsx51("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: items.map((item) => (
+  return /* @__PURE__ */ jsx50("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: items.map((item) => (
     // DOM id + sticky-header scroll offset live ON RoadmapCard's own
     // outer element (no wrapper div). Anchor mirrors
     // `buildDevSectionUrl('roadmap', <id>)` → `#roadmap-<external_id>`;
     // `useScrollToHash` in `roadmap-view.tsx` finds the card by id
     // and scrolls.
-    /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx50(
       RoadmapCard,
       {
         item,
@@ -5537,7 +5321,7 @@ function RoadmapGrid({
   quartersToKeepClosed = 2
 }) {
   const { getVote, toggleVote } = useRoadmapVoting(votingOptions);
-  const [votingTasks, setVotingTasks] = useState10(/* @__PURE__ */ new Set());
+  const [votingTasks, setVotingTasks] = useState9(/* @__PURE__ */ new Set());
   const handleVote = async (taskId, voteType) => {
     if (votingTasks.has(taskId)) return;
     setVotingTasks((prev) => new Set(prev).add(taskId));
@@ -5574,11 +5358,11 @@ function RoadmapGrid({
     return compareQuarters(aD, bD);
   });
   const sortedQuartersKey = sortedQuarters.join(",");
-  const [expandedQuarters, setExpandedQuarters] = useState10([]);
-  const [isInitialized, setIsInitialized] = useState10(false);
-  const hasSetInitialState = useRef5(false);
-  const prevItemsLength = useRef5(0);
-  useEffect8(() => {
+  const [expandedQuarters, setExpandedQuarters] = useState9([]);
+  const [isInitialized, setIsInitialized] = useState9(false);
+  const hasSetInitialState = useRef4(false);
+  const prevItemsLength = useRef4(0);
+  useEffect7(() => {
     const itemsJustLoaded = prevItemsLength.current === 0 && items.length > 0;
     prevItemsLength.current = items.length;
     if (sortedQuarters.length > 0 && (!hasSetInitialState.current || itemsJustLoaded)) {
@@ -5589,14 +5373,14 @@ function RoadmapGrid({
       setIsInitialized(true);
     }
   }, [sortedQuarters.length, items.length]);
-  useEffect8(() => {
+  useEffect7(() => {
     if (!isInitialized || sortedQuarters.length === 0) return;
     setExpandedQuarters(
       hasActiveFilters ? [...sortedQuarters] : computeDefaultExpandedQuarters(sortedQuarters, quartersToKeepClosed)
     );
   }, [hasActiveFilters, sortedQuartersKey, isInitialized, quartersToKeepClosed]);
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx51(
+    return /* @__PURE__ */ jsx50(
       EmptyState,
       {
         type: "generic",
@@ -5606,7 +5390,7 @@ function RoadmapGrid({
     );
   }
   if (!groupByQuarter) {
-    return /* @__PURE__ */ jsx51(
+    return /* @__PURE__ */ jsx50(
       RoadmapGridSingle,
       {
         items,
@@ -5617,7 +5401,7 @@ function RoadmapGrid({
       }
     );
   }
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx50(
     Accordion,
     {
       type: "multiple",
@@ -5627,15 +5411,15 @@ function RoadmapGrid({
       children: sortedQuarters.map((quarter) => {
         const itemCount = itemsByQuarter[quarter]?.length || 0;
         const isExpanded = expandedQuarters.includes(quarter);
-        return /* @__PURE__ */ jsxs41(
+        return /* @__PURE__ */ jsxs40(
           AccordionItem,
           {
             value: quarter,
             id: `quarter-${quarter.replace(/\s+/g, "-").toLowerCase()}`,
             className: "border-0",
             children: [
-              /* @__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(
+              /* @__PURE__ */ jsx50(AccordionTrigger, { className: "w-full p-0 hover:no-underline [&>svg]:h-5 [&>svg]:w-5 [&>svg]:text-ods-text-secondary [&>svg]:ml-auto [&>svg]:shrink-0", children: /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxs40(
                   "h3",
                   {
                     className: cn(
@@ -5644,11 +5428,11 @@ function RoadmapGrid({
                     ),
                     children: [
                       quarter,
-                      /* @__PURE__ */ jsx51("span", { className: "text-ods-accent", children: ":" })
+                      /* @__PURE__ */ jsx50("span", { className: "text-ods-accent", children: ":" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs41(
+                /* @__PURE__ */ jsxs40(
                   "span",
                   {
                     className: cn(
@@ -5659,12 +5443,12 @@ function RoadmapGrid({
                       itemCount,
                       " ",
                       itemCount === 1 ? "item" : "items",
-                      isInitialized && !isExpanded && /* @__PURE__ */ jsx51("span", { className: "ml-2 text-ods-accent", children: "Click to expand" })
+                      isInitialized && !isExpanded && /* @__PURE__ */ jsx50("span", { className: "ml-2 text-ods-accent", children: "Click to expand" })
                     ]
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ jsx51(AccordionContent, { className: "pt-4 pb-0 overflow-hidden data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ jsx51(
+              /* @__PURE__ */ jsx50(AccordionContent, { className: "pt-4 pb-0 overflow-hidden data-[state=closed]:animate-none data-[state=open]:animate-none", children: /* @__PURE__ */ jsx50(
                 RoadmapGridSingle,
                 {
                   items: itemsByQuarter[quarter],
@@ -5684,36 +5468,36 @@ function RoadmapGrid({
 }
 
 // src/components/shared/roadmap/roadmap-grid-skeleton.tsx
-import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
 function RoadmapCardSkeleton2() {
-  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" }) })
+  return /* @__PURE__ */ jsxs41("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[24px] flex flex-col gap-[16px] min-h-[340px] relative", children: [
+    /* @__PURE__ */ jsx51("div", { className: "absolute top-[24px] right-[24px]", children: /* @__PURE__ */ jsx51("div", { className: "h-[20px] w-[80px] bg-ods-border rounded animate-pulse" }) }),
+    /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-[16px] pr-[120px]", children: [
+      /* @__PURE__ */ jsx51("div", { className: "w-[80px] h-[80px] bg-ods-border rounded-lg flex-shrink-0 animate-pulse" }),
+      /* @__PURE__ */ jsxs41("div", { className: "flex-1 min-w-0 flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx51("div", { className: "min-h-[48px] flex items-center", children: /* @__PURE__ */ jsx51("div", { className: "h-[24px] w-full bg-ods-border rounded animate-pulse" }) }),
+        /* @__PURE__ */ jsx51("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx51("div", { className: "h-[14px] w-1/2 bg-ods-border rounded animate-pulse" }) })
       ] })
     ] }),
-    /* @__PURE__ */ 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__ */ jsx51("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs41("div", { className: "w-full space-y-2", children: [
+      /* @__PURE__ */ jsx51("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx51("div", { className: "h-[24px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx51("div", { className: "h-[24px] w-4/5 bg-ods-border rounded animate-pulse" })
     ] }) }),
-    /* @__PURE__ */ 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" })
+    /* @__PURE__ */ jsx51("div", { className: "flex-1" }),
+    /* @__PURE__ */ jsxs41("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx51("div", { className: "h-[48px] w-[120px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx51("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" })
     ] })
   ] });
 }
 function RoadmapGridSkeleton({ count = 4, showLeftMargin = true }) {
-  return /* @__PURE__ */ 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)) });
+  return /* @__PURE__ */ jsx51("div", { className: `grid grid-cols-1 md:grid-cols-2 gap-6 ${showLeftMargin ? "md:ml-[120px]" : ""}`, children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsx51(RoadmapCardSkeleton2, {}, i)) });
 }
 
 // src/components/shared/roadmap/roadmap-view.tsx
 import { useMemo as useMemo2 } from "react";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var DEFAULT_ENDPOINT2 = "/api/roadmap";
 var DEFAULT_SEARCH_PARAM_KEY2 = DEV_SECTION_PARAM_KEYS.search;
 var DEFAULT_STATUS_PARAM_KEY2 = DEV_SECTION_PARAM_KEYS.status;
@@ -5742,12 +5526,12 @@ function RoadmapView({
   const items = data?.items ?? [];
   useScrollToHash(data, { headerOffset: STICKY_HEADER_OFFSET_PX });
   if (error) {
-    return /* @__PURE__ */ jsx53(LoadError, { message: "Failed to load roadmap.", onRetry: reload });
+    return /* @__PURE__ */ jsx52(LoadError, { message: "Failed to load roadmap.", onRetry: reload });
   }
   if (isLoading && !data) {
-    return /* @__PURE__ */ jsx53(RoadmapGridSkeleton, { showLeftMargin });
+    return /* @__PURE__ */ jsx52(RoadmapGridSkeleton, { showLeftMargin });
   }
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx52(
     RoadmapGrid,
     {
       items,
@@ -5764,45 +5548,45 @@ function RoadmapView({
 }
 
 // src/components/shared/delivery/delivery-lists.tsx
-import { useEffect as useEffect9, useState as useState11 } from "react";
+import { useEffect as useEffect8, useState as useState10 } from "react";
 
 // src/components/shared/delivery/delivery-table.tsx
-import { jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
 function SkeletonRow() {
-  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" })
+  return /* @__PURE__ */ jsx53("div", { className: "border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]", children: /* @__PURE__ */ jsxs42("div", { className: "flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full", children: [
+    /* @__PURE__ */ jsxs42("div", { className: "flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]", children: [
+      /* @__PURE__ */ jsx53("div", { className: "min-h-[24px] flex items-center", children: /* @__PURE__ */ jsx53("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }) }),
+      /* @__PURE__ */ jsx53("div", { className: "min-h-[20px] flex items-center", children: /* @__PURE__ */ jsx53("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-1/2" }) }),
+      /* @__PURE__ */ jsx53("div", { className: "min-h-[72px] flex items-center", children: /* @__PURE__ */ jsxs42("div", { className: "flex-1 space-y-1", children: [
+        /* @__PURE__ */ jsx53("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
+        /* @__PURE__ */ jsx53("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-full" }),
+        /* @__PURE__ */ jsx53("div", { className: "h-[20px] bg-ods-border rounded animate-pulse w-2/3" })
       ] }) })
     ] }),
-    /* @__PURE__ */ 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" })
+    /* @__PURE__ */ jsxs42("div", { className: "flex-shrink-0 self-start flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx53("div", { className: "h-[32px] w-[100px] bg-ods-border rounded animate-pulse" }),
+      /* @__PURE__ */ jsx53("div", { className: "h-[32px] w-[120px] bg-ods-border rounded animate-pulse" })
     ] })
   ] }) });
 }
 function DeliveryTable({ items, isLoading = false }) {
   if (isLoading) {
-    return /* @__PURE__ */ 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)) }) });
+    return /* @__PURE__ */ jsx53("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx53("div", { className: "w-full", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx53(SkeletonRow, {}, i)) }) });
   }
   if (items.length === 0) {
-    return /* @__PURE__ */ 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__ */ jsx53("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-[40px] text-center w-full", children: /* @__PURE__ */ jsx53("p", { className: "text-ods-text-secondary text-[14px] font-['DM_Sans'] font-medium", children: "No tasks available" }) });
   }
-  return /* @__PURE__ */ 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) => (
+  return /* @__PURE__ */ jsx53("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full", children: /* @__PURE__ */ jsx53("div", { className: "w-full", children: items.map((item) => (
     // DOM id lives on DeliveryRow's own outer element (no wrapper
     // div). Anchor mirrors `buildDevSectionUrl('delivery', <id>)`
     // → `#delivery-<external_id>`; `useScrollToHash` in
     // `delivery-lists.tsx` finds the row by id and scrolls. The
     // outer wrapper here ONLY exists for the row separators.
-    /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx53(
       "div",
       {
         className: "border-b border-ods-border last:border-b-0",
-        children: /* @__PURE__ */ jsx54(DeliveryRow, { item, id: devSectionAnchorId("delivery", item.id) })
+        children: /* @__PURE__ */ jsx53(DeliveryRow, { item, id: devSectionAnchorId("delivery", item.id) })
       },
       item.id
     )
@@ -5810,7 +5594,7 @@ function DeliveryTable({ items, isLoading = false }) {
 }
 
 // src/components/shared/delivery/delivery-lists.tsx
-import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
 var DEFAULT_COMPLETED_ENDPOINT = "/api/delivery/completed";
 var DEFAULT_IN_PROGRESS_ENDPOINT = "/api/delivery/in-progress";
 var DEFAULT_SEARCH_PARAM_KEY3 = DEV_SECTION_PARAM_KEYS.search;
@@ -5824,12 +5608,12 @@ function DeliveryLists({
   const searchParams = useSearchParams();
   const router = useRouter();
   const pathname = usePathname();
-  const [data, setData] = useState11(null);
-  const [isLoading, setIsLoading] = useState11(true);
-  const [error, setError] = useState11(null);
+  const [data, setData] = useState10(null);
+  const [isLoading, setIsLoading] = useState10(true);
+  const [error, setError] = useState10(null);
   const searchQuery = searchParams.get(searchParamKey) || "";
   const taskTypeFilter = searchParams.get(taskTypeParamKey) || "all";
-  useEffect9(() => {
+  useEffect8(() => {
     async function fetchDeliveryData() {
       try {
         setIsLoading(true);
@@ -5875,10 +5659,10 @@ function DeliveryLists({
   const hasActiveFilters = searchQuery !== "" || taskTypeFilter !== "all";
   const hasResults = showCompleted && filteredCompleted.length > 0 || showInProgress && filteredInProgress.length > 0;
   if (error) {
-    return /* @__PURE__ */ jsx55("div", { className: "w-full", children: /* @__PURE__ */ jsx55(LoadError, { message: error, onRetry: () => window.location.reload() }) });
+    return /* @__PURE__ */ jsx54("div", { className: "w-full", children: /* @__PURE__ */ jsx54(LoadError, { message: error, onRetry: () => window.location.reload() }) });
   }
-  return /* @__PURE__ */ jsxs44("div", { className: "w-full flex flex-col gap-[40px]", children: [
-    !isLoading && !hasResults && (hasActiveFilters ? /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsxs43("div", { className: "w-full flex flex-col gap-[40px]", children: [
+    !isLoading && !hasResults && (hasActiveFilters ? /* @__PURE__ */ jsx54(
       EmptyState,
       {
         type: "search",
@@ -5893,7 +5677,7 @@ function DeliveryLists({
           router.replace(`${pathname}?${params.toString()}`, { scroll: false });
         }
       }
-    ) : /* @__PURE__ */ jsx55(
+    ) : /* @__PURE__ */ jsx54(
       EmptyState,
       {
         type: "generic",
@@ -5902,12 +5686,12 @@ function DeliveryLists({
         showCTA: false
       }
     )),
-    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: [
+    showCompleted && (hasResults || isLoading) && /* @__PURE__ */ jsxs43("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs43("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
         "Recently Completed",
-        /* @__PURE__ */ jsx55("span", { className: "text-ods-accent", children: ":" })
+        /* @__PURE__ */ jsx54("span", { className: "text-ods-accent", children: ":" })
       ] }),
-      /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx54(
         DeliveryTable,
         {
           items: filteredCompleted,
@@ -5915,12 +5699,12 @@ function DeliveryLists({
         }
       )
     ] }),
-    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: [
+    showInProgress && (hasResults || isLoading) && /* @__PURE__ */ jsxs43("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs43("h3", { className: "text-h2 text-ods-text-primary tracking-[-0.48px] md:tracking-[-0.56px] lg:tracking-[-0.64px] mb-4", children: [
         "Active Tasks",
-        /* @__PURE__ */ jsx55("span", { className: "text-ods-accent", children: ":" })
+        /* @__PURE__ */ jsx54("span", { className: "text-ods-accent", children: ":" })
       ] }),
-      /* @__PURE__ */ jsx55(
+      /* @__PURE__ */ jsx54(
         DeliveryTable,
         {
           items: filteredInProgress,
@@ -5935,14 +5719,14 @@ function DeliveryLists({
 init_next_navigation();
 
 // src/components/shared/legal-document/use-legal-docs.ts
-import { useState as useState12, useEffect as useEffect10, useCallback as useCallback5 } from "react";
+import { useState as useState11, useEffect as useEffect9, useCallback as useCallback4 } from "react";
 function useLegalDocs(docType, options = {}) {
   const { initialData = null, apiEndpoint } = options;
   const effectiveEndpoint = apiEndpoint ?? `/api/legal/${docType}`;
-  const [data, setData] = useState12(initialData ?? null);
-  const [isLoading, setIsLoading] = useState12(!initialData);
-  const [error, setError] = useState12(null);
-  const fetchDocument = useCallback5(async () => {
+  const [data, setData] = useState11(initialData ?? null);
+  const [isLoading, setIsLoading] = useState11(!initialData);
+  const [error, setError] = useState11(null);
+  const fetchDocument = useCallback4(async () => {
     try {
       setIsLoading(true);
       setError(null);
@@ -5965,12 +5749,12 @@ function useLegalDocs(docType, options = {}) {
       setIsLoading(false);
     }
   }, [docType, effectiveEndpoint]);
-  useEffect10(() => {
+  useEffect9(() => {
     setData(initialData ?? null);
     setError(null);
     setIsLoading(!initialData);
   }, [docType, initialData]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (initialData) return;
     fetchDocument();
   }, [fetchDocument, initialData]);
@@ -5986,7 +5770,7 @@ function useLegalDocs(docType, options = {}) {
 }
 
 // src/components/shared/legal-document/legal-document-page.tsx
-import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
 function LegalDocumentPage({
   docType,
   title,
@@ -5998,7 +5782,7 @@ function LegalDocumentPage({
   initialData = null,
   initialLastUpdatedLabel = null,
   apiEndpoint,
-  MarkdownRenderer = SimpleMarkdownRenderer,
+  MarkdownRenderer = RichMarkdownRenderer,
   backButton
 }) {
   const router = useRouter();
@@ -6009,58 +5793,58 @@ function LegalDocumentPage({
   };
   const fallbackLastUpdatedLabel = data?.lastSynced != null ? formatLegalDate(data.lastSynced) : null;
   const effectiveLastUpdatedLabel = initialLastUpdatedLabel ?? fallbackLastUpdatedLabel;
-  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: "." })
+  const customTitle = /* @__PURE__ */ jsxs44("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs44(PageHeading, { children: [
+      /* @__PURE__ */ jsx55("span", { children: title }),
+      /* @__PURE__ */ jsx55("span", { className: "text-ods-accent", children: "." })
     ] }),
-    /* @__PURE__ */ jsxs45("p", { className: "font-['DM_Sans'] text-base md:text-lg text-ods-text-secondary max-w-2xl", children: [
+    /* @__PURE__ */ jsxs44("p", { className: "font-['DM_Sans'] text-base md:text-lg text-ods-text-secondary max-w-2xl", children: [
       effectiveLastUpdatedLabel ? `Last Updated: ${effectiveLastUpdatedLabel}` : fallbackDescription,
-      data?.sourceFile && /* @__PURE__ */ jsxs45("span", { className: "block text-sm mt-1 opacity-75", children: [
+      data?.sourceFile && /* @__PURE__ */ jsxs44("span", { className: "block text-sm mt-1 opacity-75", children: [
         "Source: ",
         data.sourceFile
       ] })
     ] })
   ] });
-  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 ? (
+  return /* @__PURE__ */ jsx55(PageShell, { children: /* @__PURE__ */ jsxs44(PageLayout, { backButton: backCfg, children: [
+    /* @__PURE__ */ jsx55("div", { className: "flex flex-col gap-4", children: customTitle }),
+    /* @__PURE__ */ jsx55("div", { className: "flex flex-col lg:flex-row gap-6 lg:gap-10 items-start flex-1", children: /* @__PURE__ */ jsx55("div", { className: "flex-1", children: /* @__PURE__ */ jsx55("div", { className: "w-full", children: /* @__PURE__ */ jsx55("article", { className: "space-y-2", children: isLoading ? (
       // Loading skeleton matching Knowledge Hub pattern
-      /* @__PURE__ */ 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__ */ jsxs44("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsx55("div", { className: "h-10 bg-ods-skeleton rounded-lg w-3/4 animate-pulse" }),
+        /* @__PURE__ */ jsxs44("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx55("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx55("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx55("div", { className: "h-4 bg-ods-skeleton rounded w-5/6 animate-pulse" })
         ] }),
-        /* @__PURE__ */ 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" })
+        /* @__PURE__ */ jsx55("div", { className: "h-32 bg-ods-card border border-ods-border rounded-lg animate-pulse" }),
+        /* @__PURE__ */ jsxs44("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx55("div", { className: "h-4 bg-ods-skeleton rounded w-full animate-pulse" }),
+          /* @__PURE__ */ jsx55("div", { className: "h-4 bg-ods-skeleton rounded w-4/5 animate-pulse" })
         ] })
       ] })
-    ) : error ? /* @__PURE__ */ 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 })
+    ) : error ? /* @__PURE__ */ jsxs44("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ jsxs44("div", { className: "bg-red-900/20 border border-red-700 rounded-lg p-6", children: [
+        /* @__PURE__ */ jsx55("p", { className: "text-red-400 mb-2", children: errorTitle }),
+        /* @__PURE__ */ jsx55("p", { className: "text-red-300 text-sm", children: error })
       ] }),
-      /* @__PURE__ */ 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 })
+      /* @__PURE__ */ jsxs44("div", { className: "text-ods-text-secondary", children: [
+        /* @__PURE__ */ jsx55("p", { children: errorContactPrompt }),
+        /* @__PURE__ */ jsx55("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail })
       ] })
-    ] }) : data ? /* @__PURE__ */ jsx56(
+    ] }) : data ? /* @__PURE__ */ jsx55(
       MarkdownRenderer,
       {
         content: data.content,
         sectionIds: data.sections || [],
         demoteMarkdownH1ToH2: true
       }
-    ) : /* @__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: [
+    ) : /* @__PURE__ */ jsxs44("div", { className: "text-center text-ods-text-secondary py-16", children: [
+      /* @__PURE__ */ jsx55("p", { className: "text-xl", children: emptyStateMessage }),
+      /* @__PURE__ */ jsxs44("p", { className: "mt-2", children: [
         "Please contact",
         " ",
-        /* @__PURE__ */ jsx56("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
+        /* @__PURE__ */ jsx55("a", { href: `mailto:${contactEmail}`, className: "text-ods-accent hover:underline", children: contactEmail }),
         " ",
         "for more information."
       ] })
@@ -6070,7 +5854,7 @@ function LegalDocumentPage({
 
 // src/components/authors/author-detail-view.tsx
 init_cn();
-import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
 function AuthorDetailView({
   author,
   proxyImageUrl,
@@ -6085,9 +5869,9 @@ function AuthorDetailView({
   }) ?? author.avatarUrl : null;
   const subtitle = [author.jobTitle, author.company].filter(Boolean).join(" @ ");
   const bioText = formatBioText(author.about);
-  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(
+  return /* @__PURE__ */ jsxs45("div", { className: cn("flex flex-col gap-5 md:gap-6", className), children: [
+    /* @__PURE__ */ jsxs45("div", { className: "flex gap-6 w-full items-start", children: [
+      /* @__PURE__ */ jsx56("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx56("div", { className: "rounded-full overflow-hidden bg-ods-bg-secondary border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx56(
         next_image_default,
         {
           src: proxiedAvatar,
@@ -6096,12 +5880,12 @@ function AuthorDetailView({
           className: "object-cover",
           unoptimized: true
         }
-      ) : /* @__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 }),
+      ) : /* @__PURE__ */ jsx56("div", { className: "flex items-center justify-center h-full w-full text-3xl text-ods-text-secondary font-['Azeret_Mono']", children: author.fullName.charAt(0).toUpperCase() }) }) }),
+      /* @__PURE__ */ jsxs45("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ jsx56("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
+        subtitle && /* @__PURE__ */ jsx56("p", { className: "font-body text-lg text-ods-text-secondary leading-none truncate", children: subtitle }),
         author.socialLinks.length > 0 && // Ghost compact row (transparent 32px) — metadata, not CTAs.
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx56(
           SocialIconRow,
           {
             compact: true,
@@ -6114,8 +5898,8 @@ function AuthorDetailView({
         )
       ] })
     ] }),
-    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)) }),
+    bioText && /* @__PURE__ */ jsx56("p", { className: "font-body text-base leading-relaxed text-ods-text-secondary", children: bioText }),
+    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx56("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx56(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
     children
   ] });
 }
@@ -6402,6 +6186,7 @@ export {
   DocSearchBar,
   DocSearchResultRow,
   DocViewer,
+  DocsHubPage,
   DocumentIcon,
   DonutIcon,
   DoubleChevronIcon,
@@ -6434,10 +6219,13 @@ export {
   DropdownMenuTrigger,
   DynamicSkeleton,
   DynamicThemeProvider,
+  EMBED_SIZES,
   EMPTY_AUTHOR_PLACEHOLDER,
   EditProfileIcon,
   ElestioLogo,
+  EmbedContainer,
   EmbedIframe,
+  EmbedSkeleton,
   EmbeddableChat,
   EmptyState,
   EmptyVendorIcon,
@@ -6469,6 +6257,7 @@ export {
   FigmaIcon,
   FigmaPrototypeViewer,
   FileCheckIcon,
+  FileDownloadCard,
   FileTextIcon,
   FileUpload,
   FilterCheckboxItem,
@@ -6553,6 +6342,9 @@ export {
   Label,
   LaptopIcon,
   LegalDocumentPage,
+  LinkPreviewContainer,
+  LinkedInContainer,
+  LinkedInEmbedClient,
   LinkedInIcon,
   LinuxIcon,
   ListLoader,
@@ -6578,6 +6370,8 @@ export {
   MarginCrisisIcon,
   MarginReportSkeleton,
   MarkdownEditor,
+  MarkdownImage,
+  MarkdownSkeleton,
   MediaCarousel,
   MediaGalleryManager,
   MediaGalleryStrip,
@@ -6694,10 +6488,12 @@ export {
   PageActions,
   PageContainer,
   PageError,
+  PageHeader,
   PageHeading,
   PageLayout,
   PageLoader,
   PageShell,
+  PageWithHeader,
   Pagination,
   PaginationContent,
   PaginationEllipsis,
@@ -6756,6 +6552,8 @@ export {
   RapidInnovationIcon,
   RatioTabs,
   ReclaimProfitsIcon,
+  RedditContainer,
+  RedditEmbedClient,
   RedditIcon,
   RelatedContentSection,
   ReleaseChangelogSection,
@@ -6768,6 +6566,8 @@ export {
   ResultBlock,
   ResultsCount,
   ResultsHeaderSkeleton,
+  RichMarkdownRenderer,
+  RichMarkdownRuntimeProvider,
   RoadmapCard,
   RoadmapCardSkeleton,
   RoadmapGrid,
@@ -6777,6 +6577,7 @@ export {
   SCROLL_ANCHOR,
   SCROLL_ANCHOR_WIRE_KEY,
   SECTION_HEADING_CLASS,
+  SECTION_HERO_ICON_CLASS,
   SEOEditorPreview,
   SOCIcon,
   SOURCE_ICON_NAMES,
@@ -6929,6 +6730,8 @@ export {
   TransparentTrustedIcon,
   TruncateText,
   TrustpilotIcon,
+  TwitterContainer,
+  TwitterEmbedClient,
   TwoColumnLayoutSkeleton,
   UnarchiveChatModal,
   UnifiedPagination,
@@ -6962,6 +6765,7 @@ export {
   XCircleIcon,
   XLogo,
   YesNoDisplay,
+  YouTubeContainer,
   YouTubeIcon,
   alignJustify,
   applyProxyAuth,
@@ -7126,6 +6930,7 @@ export {
   usePaginationLoading,
   useProxiedImageUrl,
   useRealtimeChunkProcessor,
+  useRichMarkdownRuntime,
   useRoadmapVoting,
   useSSE,
   useScrollSpy,