@flamingo-stack/openframe-frontend-core 0.0.705-snapshot.20261006160157 → 0.0.705

package/dist/components/index.js

@@ -4,7 +4,7 @@ import "../chunk-64IBNSDF.js";
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../chunk-WMX26HB5.js";
+} from "../chunk-6XIF2Z7I.js";
 import {
   CveLink,
   OnboardingStepCard,
@@ -15,35 +15,28 @@ import {
   SoftwareInfo,
   SoftwareSourceBadge,
   ToolBadge
-} from "../chunk-3NCM4ZQB.js";
+} from "../chunk-F6AFPNDF.js";
 import {
-  ASK_AI_OPEN_EVENT,
   AppHeader,
   AppLayout,
+  ClientOnlyHeader,
+  Header,
   HeaderGlobalSearch,
   HeaderMingoButton,
   HeaderOrganizationFilter,
-  MOBILE_NAV_SHEET_ID,
+  HeaderSkeleton,
+  MOBILE_NAV_PANEL_ID,
   MingoAiButton,
   MobileBurgerMenu,
-  MobileNavSheet,
+  MobileNavPanel,
   NAVIGATION_SIDEBAR_WIDTH_VAR,
-  NavItemRow,
-  NavPanel,
   NavigationItemBadge,
   NavigationSidebar,
   SIDE_PANEL_FRAME_WIDTH,
-  SiteFooter,
-  SiteHeader,
   SlidingSidebar,
   TicketAlertsButton,
-  TopNavigation,
-  defaultRenderSiteNavLink,
-  isMegaMenu,
-  navLinkLabel,
-  openAskAi,
-  siteNavHasMobileMenus
-} from "../chunk-BHI6GVC4.js";
+  TopNavigation
+} from "../chunk-G5A3PSPV.js";
 import {
   DeliveryLists,
   DeliveryTable,
@@ -57,7 +50,7 @@ import {
   RoadmapView,
   useLegalDocs,
   useRoadmapVoting
-} from "../chunk-VZICIQW2.js";
+} from "../chunk-ZSAO2HBW.js";
 import {
   DocNavigationProvider,
   DocViewer,
@@ -71,28 +64,28 @@ import {
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-DWPAAWMR.js";
+} from "../chunk-YHM5AWTT.js";
 import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "../chunk-YGJKKDDM.js";
+} from "../chunk-RBDP4WDE.js";
 import {
   PersistentPagination,
   PersistentPaginationWrapper,
   usePaginationLoading
-} from "../chunk-JPG7OHEG.js";
+} from "../chunk-5HBHO5TB.js";
 import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-T5TMCHWM.js";
+} from "../chunk-X5MQ7JRP.js";
 import {
   MobileNavigationDropdown,
   MultiLevelNavigation,
   StickySectionNav,
   useSectionNavigation
-} from "../chunk-4ILM7W2R.js";
+} from "../chunk-DENB2XJC.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -101,16 +94,16 @@ import {
   DevSectionPage,
   DevSectionView,
   ListEmptyState
-} from "../chunk-6232S532.js";
+} from "../chunk-DW7G4KG3.js";
 import {
   EmptyState,
   UnifiedPagination
-} from "../chunk-F57ECE2I.js";
-import "../chunk-3EZ4HHAP.js";
+} from "../chunk-MFFCUVWG.js";
+import "../chunk-QFXRPRFT.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "../chunk-IKJA3Y7Z.js";
+} from "../chunk-VA5T32XA.js";
 import {
   DocSearchBar,
   DocSearchResultRow,
@@ -118,10 +111,10 @@ import {
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-PXOQIA5K.js";
+} from "../chunk-F6I6XZMN.js";
 import {
   useSelfFetch
-} from "../chunk-4IBPRIQH.js";
+} from "../chunk-VR2ZLFCP.js";
 import {
   AIEnrichButton,
   AIEnrichSection,
@@ -612,6 +605,7 @@ import {
   benefitCardBorderClass,
   clearLegacyAnnouncementCache,
   columnFromTicketStatus,
+  copyrightLine,
   createColumnHelper,
   deriveColumns,
   dismissAnnouncement,
@@ -677,7 +671,7 @@ import {
   useTimeTracker,
   useTrackerClock,
   useWalkthroughVideo
-} from "../chunk-G6UMNAVI.js";
+} from "../chunk-FCGC42TS.js";
 import "../chunk-LQYXMEYF.js";
 import "../chunk-4JPLYOS6.js";
 import {
@@ -690,7 +684,7 @@ import {
   showToast,
   useOnboardingState,
   useToast
-} from "../chunk-KUC673HM.js";
+} from "../chunk-MKXO4Q5P.js";
 import {
   useEndpointsRuntime
 } from "../chunk-HFL2F4RM.js";
@@ -705,7 +699,7 @@ import {
 } from "../chunk-UT4YHQZW.js";
 import {
   positiveInt
-} from "../chunk-CUME3VTQ.js";
+} from "../chunk-MP2C3LJ4.js";
 import {
   Checkbox
 } from "../chunk-PLWMIU72.js";
@@ -718,6 +712,7 @@ import {
   AUTO_CONTINUATION_DIRECTIVE_PREFIX,
   ActionsMenu,
   ActionsMenuDropdown,
+  AgentMark,
   AiAssistantInfo,
   ApprovalBatchMessage,
   ApprovalRequestMessage,
@@ -809,6 +804,7 @@ import {
   DrawerTrigger,
   EMPTY_DIALOG_CAPABILITIES,
   EmbeddableChat,
+  EntityIcon,
   EntityVideoSection,
   ErrorMessageDisplay,
   EscalationOfferMessage,
@@ -826,6 +822,9 @@ import {
   HoverDropdown,
   HubspotTicketCard,
   HubspotTicketCardSkeleton,
+  ICON_ALIASES,
+  ICON_OPTIONS,
+  ICON_REGISTRY,
   InfoHint,
   InteractiveSkeleton,
   MAX_PENDING_RETAIN_KEYS,
@@ -833,6 +832,8 @@ import {
   MESSAGE_TYPE,
   MINGO_V2_RAIL_WIDTH,
   MINGO_V2_SPLIT_WIDTH,
+  MUX_IMAGE_ORIGIN,
+  MUX_STREAM_ORIGIN,
   MarkdownEngine,
   MarqueeWall,
   MarqueeWallFades,
@@ -915,8 +916,11 @@ import {
   UnarchiveChatModal,
   UnifiedSkeleton,
   UserDisplay,
+  VIDEO_PLAYBACK_FAILED_EVENT,
+  Video,
   VideoBiteCard,
   VideoBitesStrip,
+  VideoHoverPreviewSurface,
   WALL_SKELETON_LABEL_CH,
   accentFromIdentityIcon,
   appendToTrailingAssistant,
@@ -959,6 +963,7 @@ import {
   extractIncompleteMessageState,
   extractIncompleteTailState,
   extractText,
+  extractYouTubeId,
   fetchEmptyStateConfig,
   fetchSlashCommands,
   flattenAssistantContent,
@@ -969,8 +974,10 @@ import {
   getAgentAccent,
   getCaptionsUrl,
   getCommandText,
+  getDynamicIcon,
   getEntityCaptionUrls,
   getEntityCaptionUrlsById,
+  getIconComponent,
   getMarqueeAppliedOffset,
   getMarqueeCloneTwin,
   getMarqueeTrackOffset,
@@ -993,6 +1000,7 @@ import {
   mergeHistoryWithRealtime,
   normalizeContent,
   normalizeHistoricalMessageData,
+  normalizeIconKey,
   parseScrollAnchor,
   parseWireCommandOverride,
   pickReadableTextColor,
@@ -1010,12 +1018,14 @@ import {
   resolveCardDestination,
   resolveExternalNavigation,
   resolveFetchedCardHref,
+  resolveIcon,
   resolveSourceIcon,
   resolveSourceRowCTA,
   resolveStatusTagProps,
   resolveTextSizeConfig,
   resolveTicketStatus,
   sanitizeTitleForChat,
+  saveDataEnabled,
   splitStreamingBlocks,
   stripChatAttachmentMarkdown,
   stripSameOriginToPath,
@@ -1048,158 +1058,19 @@ import {
   useSseChatAdapter,
   useStableShallow,
   useUnifiedChat,
+  useVideoOriginPreconnect,
+  useVideoWarmup,
   usesCanonicalStatusStyle
-} from "../chunk-7GEBFJT2.js";
+} from "../chunk-7VVFKJY5.js";
 import {
   errorMessage,
   scrollElementIntoView
-} from "../chunk-CZ7Y7UG4.js";
+} from "../chunk-PDWVPI3S.js";
 import {
   usePathname,
   useRouter,
   useSearchParams
 } from "../chunk-GY4IZG22.js";
-import {
-  ADMIN_CONTENT_CARD_GRID_CLASS,
-  AdminContentCard,
-  AdminContentCardGrid,
-  AdminContentCardSkeleton,
-  AgentMark,
-  AiPromptCard,
-  AiPromptCardSkeleton,
-  AvatarStack,
-  BlogCard,
-  BlogCardSkeleton,
-  BlogImagePlaceholder,
-  COMPACT_CARD_ICON_SLOT,
-  COMPACT_CARD_IMAGE_SLOT,
-  COMPACT_CARD_META_ROW,
-  COMPACT_CARD_META_ROW_BOX,
-  COMPACT_CARD_OUTER,
-  COMPACT_CARD_OUTER_STATIC,
-  COMPACT_CARD_ROW_FILLER,
-  COMPACT_CARD_SKELETON_IMAGE_SLOT,
-  COMPACT_CARD_SKELETON_OUTER,
-  COMPACT_CARD_SUBTITLE,
-  COMPACT_CARD_SUMMARY,
-  COMPACT_CARD_TEXT_COL,
-  COMPACT_CARD_TITLE,
-  COMPACT_CARD_TITLE_ROW,
-  CONTENT_CARD_FRAME_CLASS,
-  CONTENT_CARD_SKELETON_FRAME_CLASS,
-  CUSTOM_ITEM_ID,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardHorizontal,
-  CardHoverPlay,
-  CardTitle,
-  CaseStudyCard,
-  CaseStudyCardSkeleton,
-  ContentCardFrame,
-  CustomerInterviewCard,
-  CustomerInterviewCardSkeleton,
-  DEFAULT_VIDEO_BITES_TITLE,
-  DepartmentBadge,
-  EMPTY_AUTHOR_PLACEHOLDER,
-  EmployeeEntryBadge,
-  EmployeeEntryCard,
-  EmployeeEntryCardSkeleton,
-  EntityAuthorCard,
-  EntityIcon,
-  EntityMetadataAuthorCell,
-  EntityMetadataValueCell,
-  EntityPortraitCard,
-  FlamingoLogo as FlamingoLogo2,
-  FloatingTooltip,
-  HowIWorkCard,
-  HowIWorkCardSkeleton,
-  ICON_ALIASES,
-  ICON_OPTIONS,
-  ICON_REGISTRY,
-  IMAGE_FILE_ACCEPT,
-  ImageGalleryModal,
-  InteractiveCard,
-  InvestorUpdateCard,
-  InvestorUpdateCardSkeleton,
-  MUX_IMAGE_ORIGIN,
-  MUX_STREAM_ORIGIN,
-  Modal,
-  ModalContent,
-  ModalFooter,
-  ModalHeader,
-  ModalTitle,
-  OPENFRAME_CLASSIFICATIONS,
-  OnboardingGuideCard,
-  OnboardingGuideCardSkeleton,
-  PAGE_HEADING_CLASS,
-  PageHeading,
-  PaletteBadge,
-  PlatformBadge,
-  ProductReleaseCard,
-  ProductReleaseCardSkeleton,
-  ProgramCard,
-  ProgramCardSkeleton,
-  RoadmapCard,
-  RoadmapCardSkeleton,
-  RoadmapVoteButton,
-  SECTION_HEADING_CLASS,
-  SectionHeading,
-  SquareAvatar,
-  StatusBadge,
-  Tag,
-  TaskTypeIcon,
-  VIDEO_PLAYBACK_FAILED_EVENT,
-  Video,
-  VideoHoverPreviewSurface,
-  VideoPlayBadge,
-  VideoUnmuteGlyph,
-  WhatIShippedCard,
-  WhatIShippedCardSkeleton,
-  accentSentenceMarks,
-  buildAnchorProps,
-  buildProductReleaseCardProps,
-  computeIsNewTab,
-  decideNewTab,
-  defaultBuildProductReleaseCardProps,
-  extractYouTubeId,
-  formatBioText,
-  formatInvestorUpdatePeriod,
-  genBadgeBgOpacity,
-  generationTierFromLabel,
-  getDynamicIcon,
-  getIconComponent,
-  getProxiedImageUrl,
-  getProxiedImageUrl2,
-  getStatusColorScheme,
-  getTaskTypeLabel,
-  headingAccentClass,
-  hideOnError,
-  isCrossOriginUrl,
-  isOpenFrameClassification,
-  newTabAnchorAttrs,
-  normalizeIconKey,
-  programItemToStripProfile,
-  resolveIcon,
-  safeHref,
-  saveDataEnabled,
-  sortBitesByCreatedAtDesc,
-  sortBitesByFeaturedAtDesc,
-  statusBadgeVariants,
-  tagVariants,
-  toStripProfile,
-  useCoverImageFallback,
-  useVideoOriginPreconnect,
-  useVideoWarmup
-} from "../chunk-FI6GMDO7.js";
-import {
-  next_image_default
-} from "../chunk-FBZMAPWO.js";
-import {
-  getAppType
-} from "../chunk-FXJ3WWUB.js";
 import {
   AboutIcon,
   AiRobotIcon,
@@ -1247,7 +1118,6 @@ import {
   FLAMINGO_LOGO_SVG_PATH,
   FLAMINGO_LOGO_VIEWBOX,
   FacebookIcon,
-  FigmaIcon,
   FileCheckIcon,
   FileTextIcon,
   FilterIcon,
@@ -1265,7 +1135,6 @@ import {
   HotelIcon,
   HubspotIcon,
   ITIcon,
-  ImageIcon,
   InfoCircleIcon,
   InstagramIcon,
   JumpInIcon,
@@ -1282,7 +1151,6 @@ import {
   MenuIcon,
   MessageCircleIcon,
   MiamiCyberGangLogo,
-  MiamiCyberGangLogoFaceOnly,
   MicrosoftIcon,
   MingoIcon,
   MinusCircleIcon,
@@ -1295,14 +1163,12 @@ import {
   NushellIcon,
   OPSIcon,
   OpenAiIcon,
-  OpenFrameLogo,
   OpenFrameText,
   OpenSourceIcon,
   OpenmspLogo,
   OrganizationsIcon,
   PackageIcon,
   PatchPolicyIcon,
-  PlayFilledIcon,
   PlusCircleIcon,
   PodbeanIcon,
   PoliciesIcon,
@@ -1336,8 +1202,6 @@ import {
   SunIcon,
   TableViewIcon,
   TelegramIcon,
-  ThumbsDownIcon,
-  ThumbsUpIcon,
   TransparentTrustedIcon,
   TrustpilotIcon,
   UserIcon,
@@ -1346,7 +1210,6 @@ import {
   VendorDirectoryIcon,
   VendorShowcaseMainIcon,
   VendorsIcon,
-  VolumeOffFilledIcon,
   WhatsAppIcon,
   WindowsIcon,
   XIcon,
@@ -1354,9 +1217,143 @@ import {
   YouTubeIcon,
   getDeviceTypeIcon,
   renderSvgIcon
-} from "../chunk-N45D4ZXQ.js";
-import "../chunk-NCPTID44.js";
+} from "../chunk-2YXVWZVF.js";
+import "../chunk-Z2VNQQ74.js";
 import "../chunk-OSIKGEBU.js";
+import {
+  ADMIN_CONTENT_CARD_GRID_CLASS,
+  AdminContentCard,
+  AdminContentCardGrid,
+  AdminContentCardSkeleton,
+  AiPromptCard,
+  AiPromptCardSkeleton,
+  AvatarStack,
+  BlogCard,
+  BlogCardSkeleton,
+  BlogImagePlaceholder,
+  COMPACT_CARD_ICON_SLOT,
+  COMPACT_CARD_IMAGE_SLOT,
+  COMPACT_CARD_META_ROW,
+  COMPACT_CARD_META_ROW_BOX,
+  COMPACT_CARD_OUTER,
+  COMPACT_CARD_OUTER_STATIC,
+  COMPACT_CARD_ROW_FILLER,
+  COMPACT_CARD_SKELETON_IMAGE_SLOT,
+  COMPACT_CARD_SKELETON_OUTER,
+  COMPACT_CARD_SUBTITLE,
+  COMPACT_CARD_SUMMARY,
+  COMPACT_CARD_TEXT_COL,
+  COMPACT_CARD_TITLE,
+  COMPACT_CARD_TITLE_ROW,
+  CONTENT_CARD_FRAME_CLASS,
+  CONTENT_CARD_SKELETON_FRAME_CLASS,
+  CUSTOM_ITEM_ID,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardHorizontal,
+  CardHoverPlay,
+  CardTitle,
+  CaseStudyCard,
+  CaseStudyCardSkeleton,
+  ContentCardFrame,
+  CustomerInterviewCard,
+  CustomerInterviewCardSkeleton,
+  DEFAULT_VIDEO_BITES_TITLE,
+  DepartmentBadge,
+  EMPTY_AUTHOR_PLACEHOLDER,
+  EmployeeEntryBadge,
+  EmployeeEntryCard,
+  EmployeeEntryCardSkeleton,
+  EntityAuthorCard,
+  EntityMetadataAuthorCell,
+  EntityMetadataValueCell,
+  EntityPortraitCard,
+  FlamingoLogo as FlamingoLogo2,
+  FloatingTooltip,
+  HowIWorkCard,
+  HowIWorkCardSkeleton,
+  IMAGE_FILE_ACCEPT,
+  ImageGalleryModal,
+  InteractiveCard,
+  InvestorUpdateCard,
+  InvestorUpdateCardSkeleton,
+  Modal,
+  ModalContent,
+  ModalFooter,
+  ModalHeader,
+  ModalTitle,
+  OPENFRAME_CLASSIFICATIONS,
+  OnboardingGuideCard,
+  OnboardingGuideCardSkeleton,
+  PAGE_HEADING_CLASS,
+  PageHeading,
+  PaletteBadge,
+  PlatformBadge,
+  ProductReleaseCard,
+  ProductReleaseCardSkeleton,
+  ProgramCard,
+  ProgramCardSkeleton,
+  RoadmapCard,
+  RoadmapCardSkeleton,
+  RoadmapVoteButton,
+  SECTION_HEADING_CLASS,
+  SectionHeading,
+  SquareAvatar,
+  StatusBadge,
+  Tag,
+  TaskTypeIcon,
+  VideoPlayBadge,
+  VideoUnmuteGlyph,
+  WhatIShippedCard,
+  WhatIShippedCardSkeleton,
+  accentSentenceMarks,
+  buildAnchorProps,
+  buildProductReleaseCardProps,
+  computeIsNewTab,
+  decideNewTab,
+  defaultBuildProductReleaseCardProps,
+  formatBioText,
+  formatInvestorUpdatePeriod,
+  genBadgeBgOpacity,
+  generationTierFromLabel,
+  getProxiedImageUrl,
+  getProxiedImageUrl2,
+  getStatusColorScheme,
+  getTaskTypeLabel,
+  headingAccentClass,
+  hideOnError,
+  isCrossOriginUrl,
+  isOpenFrameClassification,
+  newTabAnchorAttrs,
+  programItemToStripProfile,
+  safeHref,
+  sortBitesByCreatedAtDesc,
+  sortBitesByFeaturedAtDesc,
+  statusBadgeVariants,
+  tagVariants,
+  toStripProfile,
+  useCoverImageFallback
+} from "../chunk-CH5232HV.js";
+import {
+  next_image_default
+} from "../chunk-FBZMAPWO.js";
+import {
+  getAppType
+} from "../chunk-NDESEPW5.js";
+import {
+  FigmaIcon,
+  ImageIcon,
+  MiamiCyberGangLogoFaceOnly,
+  OpenFrameLogo,
+  PlayFilledIcon,
+  ThumbsDownIcon,
+  ThumbsUpIcon,
+  VolumeOffFilledIcon
+} from "../chunk-O43V3EOS.js";
+import "../chunk-LMBC5FFP.js";
 import {
   useChatRuntime
 } from "../chunk-E4ABZWTJ.js";
@@ -2512,6 +2509,75 @@ function FilterChip({
   );
 }
 
+// src/components/footer.tsx
+import { Suspense } from "react";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function NavLinkSkeleton() {
+  return /* @__PURE__ */ jsx12(Skeleton, { className: "h-5 w-20 md:h-6 md:w-24" });
+}
+function Footer({ config, renderLink }) {
+  if (!config) {
+    console.warn("Footer: No config provided");
+    return null;
+  }
+  return /* @__PURE__ */ jsx12(UniversalFooter, { config, renderLink });
+}
+function UniversalFooter({
+  config,
+  renderLink
+}) {
+  const defaultRenderLink = (link) => /* @__PURE__ */ jsx12(
+    "a",
+    {
+      href: link.href,
+      className: "text-md md:text-md font-body font-medium leading-[1.33] text-ods-text-primary transition-colors hover:text-ods-accent",
+      children: link.label
+    }
+  );
+  const linkRenderer = renderLink || defaultRenderLink;
+  return /* @__PURE__ */ jsxs10(
+    "footer",
+    {
+      className: `flex w-full flex-col items-center justify-center ${config.backgroundColor || "bg-ods-card"} relative z-[44] min-h-[auto] gap-6 border-t border-ods-border px-6 py-10 md:min-h-[248px] md:gap-6`,
+      children: [
+        /* @__PURE__ */ jsxs10("div", { className: "grid w-full grid-cols-2 items-start gap-6 md:gap-8 lg:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "col-span-2 flex flex-col items-start gap-4 text-left md:col-span-1 md:gap-6 lg:col-span-1", children: [
+            /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+              config.logo && /* @__PURE__ */ jsx12(Suspense, { fallback: /* @__PURE__ */ jsx12(Skeleton, { className: "h-8 w-8" }), children: config.logo }),
+              config.nameElement || /* @__PURE__ */ jsx12("span", { className: "whitespace-nowrap font-heading text-heading-5 font-bold text-ods-text-primary", children: config.name })
+            ] }),
+            !config.moveDescriptionToRight && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+              /* @__PURE__ */ jsx12("p", { className: "font-body text-sm font-medium leading-[1.43] text-ods-text-primary md:text-sm", children: config.description }),
+              config.belowDescriptionContent && /* @__PURE__ */ jsx12(Suspense, { fallback: /* @__PURE__ */ jsx12(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent }),
+              !config.hideSocialRow && /* @__PURE__ */ jsx12(
+                SocialIconRow,
+                {
+                  className: "pt-2",
+                  links: config.social ? Object.entries(config.social).filter(([_, href]) => href).map(([platform, href]) => ({ platform, href })) : void 0
+                }
+              )
+            ] }),
+            config.moveDescriptionToRight && config.keepBelowDescriptionLeft && config.belowDescriptionContent && /* @__PURE__ */ jsx12(Suspense, { fallback: /* @__PURE__ */ jsx12(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
+          ] }),
+          config.sections.map((section, index) => /* @__PURE__ */ jsxs10("div", { className: "col-span-1 flex flex-col items-start gap-3 text-left", children: [
+            /* @__PURE__ */ jsx12("h3", { className: "tracking-[-0.02em] text-ods-text-muted text-h5", children: section.title }),
+            /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-3", children: section.links.map((link, linkIndex) => /* @__PURE__ */ jsx12(Suspense, { fallback: /* @__PURE__ */ jsx12(NavLinkSkeleton, {}), children: linkRenderer(link) }, linkIndex)) })
+          ] }, index)),
+          config.customComponent && /* @__PURE__ */ jsx12("div", { className: "col-span-2 flex flex-col justify-center md:col-span-1 lg:col-span-1", children: /* @__PURE__ */ jsx12(Suspense, { fallback: /* @__PURE__ */ jsx12(Skeleton, { className: "h-32 w-full" }), children: config.customComponent }) }),
+          (config.rightColumnContent || config.moveDescriptionToRight) && /* @__PURE__ */ jsxs10("div", { className: "col-span-2 flex flex-col justify-start gap-4 md:col-span-1 md:gap-6 lg:col-span-1", children: [
+            config.moveDescriptionToRight && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+              /* @__PURE__ */ jsx12("p", { className: "font-body text-sm font-medium leading-[1.43] text-ods-text-primary md:text-sm", children: config.description }),
+              config.belowDescriptionContent && !config.keepBelowDescriptionLeft && /* @__PURE__ */ jsx12(Suspense, { fallback: /* @__PURE__ */ jsx12(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
+            ] }),
+            config.rightColumnContent && /* @__PURE__ */ jsx12(Suspense, { fallback: /* @__PURE__ */ jsx12(Skeleton, { className: "h-32 w-full" }), children: config.rightColumnContent })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx12("p", { className: "text-md md:text-md w-full pt-4 text-center font-body font-medium leading-[1.33] text-ods-text-muted md:pt-0", children: copyrightLine(config.legalName) })
+      ]
+    }
+  );
+}
+
 // src/components/unified-filter-logic.tsx
 import { useTransition } from "react";
 
@@ -2818,10 +2884,22 @@ var blogFilterConfig = {
   }
 };
 
+// src/components/footer-waitlist-button.tsx
+import { useCallback } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+function FooterWaitlistButton({ className }) {
+  const router = useRouter();
+  const runtime = useChatRuntime();
+  const handleClick = useCallback(() => {
+    executeNavigationImperative({ runtime, href: "/waitlist#top", fallbackNavigate: router.push });
+  }, [router, runtime]);
+  return /* @__PURE__ */ jsx13(Button, { onClick: handleClick, className, leftIcon: /* @__PURE__ */ jsx13(OpenFrameLogo, {}), children: "Join Waitlist" });
+}
+
 // src/components/hero-image-uploader.tsx
 import { Loader2, Image as ImageIcon2, Upload, X as X3 } from "lucide-react";
 import { useRef, useState as useState4 } from "react";
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function readUploadedUrl(payload) {
   if (typeof payload !== "object" || payload === null) return null;
   if ("data" in payload) {
@@ -2924,53 +3002,53 @@ function HeroImageUploader({
     onChange(void 0);
   };
   const heightStyle = typeof height === "number" ? `${height}px` : height;
-  return /* @__PURE__ */ jsxs10("div", { className: "h-full max-h-full min-h-[300px] w-full space-y-2", children: [
-    imageUrl ? /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11("div", { className: "h-full max-h-full min-h-[300px] w-full space-y-2", children: [
+    imageUrl ? /* @__PURE__ */ jsxs11(
       "div",
       {
         className: "group relative flex aspect-square h-auto w-full items-center justify-center overflow-hidden md:aspect-auto md:h-full",
         style: { height: heightStyle },
         children: [
-          /* @__PURE__ */ jsx12(next_image_default, { src: imageUrl, className: `object-${objectFit}`, alt: "Cover", fill: true, sizes: "100vw", unoptimized: true }),
-          /* @__PURE__ */ jsxs10("div", { className: "absolute inset-0 flex items-center justify-center gap-4 rounded-lg bg-black/40 opacity-0 transition-opacity group-hover:opacity-100", children: [
-            showReplaceButton && /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx14(next_image_default, { src: imageUrl, className: `object-${objectFit}`, alt: "Cover", fill: true, sizes: "100vw", unoptimized: true }),
+          /* @__PURE__ */ jsxs11("div", { className: "absolute inset-0 flex items-center justify-center gap-4 rounded-lg bg-black/40 opacity-0 transition-opacity group-hover:opacity-100", children: [
+            showReplaceButton && /* @__PURE__ */ jsx14(
               Button,
               {
                 variant: "outline",
                 size: "icon",
                 onClick: openDialog,
                 className: "h-12 w-12 rounded-full bg-white text-black hover:bg-gray-100",
-                children: /* @__PURE__ */ jsx12(Upload, { className: "h-5 w-5" })
+                children: /* @__PURE__ */ jsx14(Upload, { className: "h-5 w-5" })
               }
             ),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx14(
               Button,
               {
                 variant: "outline",
                 size: "icon",
                 onClick: () => handleRemove(),
                 className: "h-12 w-12 rounded-full bg-white text-black hover:bg-gray-100",
-                children: /* @__PURE__ */ jsx12(X3, { className: "h-5 w-5" })
+                children: /* @__PURE__ */ jsx14(X3, { className: "h-5 w-5" })
               }
             )
           ] })
         ]
       }
-    ) : /* @__PURE__ */ jsx12(
+    ) : /* @__PURE__ */ jsx14(
       "div",
       {
         className: `h-full w-full border-2 border-dashed ${uploading ? "border-ods-accent" : "border-ods-border hover:border-ods-accent"} flex cursor-pointer flex-col items-center justify-center rounded-lg bg-ods-bg`,
         style: { height: heightStyle },
         onClick: openDialog,
-        children: uploading ? /* @__PURE__ */ jsx12(Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
-          /* @__PURE__ */ jsx12(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary" }),
-          /* @__PURE__ */ jsx12("span", { className: "mt-2 text-ods-text-primary text-h6", children: "Upload cover image" }),
-          /* @__PURE__ */ jsx12("span", { className: "mt-1 text-ods-text-secondary text-h6", children: "Click to upload or drag and drop" }),
-          /* @__PURE__ */ jsx12("span", { className: "text-ods-text-secondary text-h6", children: "PNG, JPEG, WebP, GIF up to 5MB" })
+        children: uploading ? /* @__PURE__ */ jsx14(Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
+          /* @__PURE__ */ jsx14(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary" }),
+          /* @__PURE__ */ jsx14("span", { className: "mt-2 text-ods-text-primary text-h6", children: "Upload cover image" }),
+          /* @__PURE__ */ jsx14("span", { className: "mt-1 text-ods-text-secondary text-h6", children: "Click to upload or drag and drop" }),
+          /* @__PURE__ */ jsx14("span", { className: "text-ods-text-secondary text-h6", children: "PNG, JPEG, WebP, GIF up to 5MB" })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx12("input", { ref: inputRef, type: "file", accept: IMAGE_FILE_ACCEPT, onChange: handleSelect, className: "hidden" })
+    /* @__PURE__ */ jsx14("input", { ref: inputRef, type: "file", accept: IMAGE_FILE_ACCEPT, onChange: handleSelect, className: "hidden" })
   ] });
 }
 
@@ -2989,13 +3067,13 @@ var CommunityIcon2 = MessageSquare;
 var CompareIcon2 = GitCompare;
 
 // src/components/icons-block.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var SunIcon2 = Sun;
 var MoonIcon2 = Moon;
 var CheckCircleIcon3 = CheckCircle;
 var GitHubIcon2 = Github;
 var PlusCircleIcon2 = PlusCircle;
-var OpenmspLogo2 = () => /* @__PURE__ */ jsx13("div", { children: "Logo" });
+var OpenmspLogo2 = () => /* @__PURE__ */ jsx15("div", { children: "Logo" });
 var availableIcons = [
   VendorDirectoryIcon2,
   OpenSourceIcon2,
@@ -3058,17 +3136,17 @@ function ResponsiveIconsBlock({ loading = false }) {
     return iconGrid[row]?.[col] || availableIcons[0];
   };
   if (loading || iconGrid.length === 0) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx15(
       "div",
       {
         className: "relative h-[80px] w-full overflow-hidden bg-[#1A1A1A] md:h-[112px]",
         role: "presentation",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx13("div", { className: "absolute inset-0 animate-pulse bg-[#2A2A2A]/60" })
+        children: /* @__PURE__ */ jsx15("div", { className: "absolute inset-0 animate-pulse bg-[#2A2A2A]/60" })
       }
     );
   }
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: "relative z-10 h-[80px] w-full overflow-hidden bg-[#1A1A1A] md:h-[112px]",
@@ -3076,14 +3154,14 @@ function ResponsiveIconsBlock({ loading = false }) {
       role: "presentation",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx13("style", { children: `
+        /* @__PURE__ */ jsx15("style", { children: `
         .icons-block svg,
         .icons-block svg * {
           filter: grayscale(100%) brightness(0) invert(1) brightness(0.4) !important;
           fill: currentColor !important;
         }
       ` }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx15(
           "div",
           {
             className: "icons-block grid h-full w-full",
@@ -3095,7 +3173,7 @@ function ResponsiveIconsBlock({ loading = false }) {
               const col = idx % displayColumns;
               const row = Math.floor(idx / displayColumns);
               const IconComponent = getIconForIndex(idx);
-              return /* @__PURE__ */ jsx13(
+              return /* @__PURE__ */ jsx15(
                 "div",
                 {
                   className: "flex h-full w-full items-center justify-center",
@@ -3108,7 +3186,7 @@ function ResponsiveIconsBlock({ loading = false }) {
                     boxSizing: "border-box"
                   },
                   role: "presentation",
-                  children: /* @__PURE__ */ jsx13(IconComponent, { width: 16, height: 16, className: "text-[#666666] md:h-5 md:w-5", "aria-hidden": "true" })
+                  children: /* @__PURE__ */ jsx15(IconComponent, { width: 16, height: 16, className: "text-[#666666] md:h-5 md:w-5", "aria-hidden": "true" })
                 },
                 idx
               );
@@ -3122,9 +3200,9 @@ function ResponsiveIconsBlock({ loading = false }) {
 
 // src/components/image-cropper.tsx
 import { Check, RotateCcw } from "lucide-react";
-import { useCallback, useState as useState6 } from "react";
+import { useCallback as useCallback2, useState as useState6 } from "react";
 import Cropper from "react-easy-crop";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function loadImage(src) {
   return new Promise((resolve, reject) => {
     const img = new Image();
@@ -3147,11 +3225,11 @@ var ImageCropper = ({
   const [zoom, setZoom] = useState6(1);
   const [rotation, setRotation] = useState6(0);
   const [croppedAreaPixels, setCroppedAreaPixels] = useState6(null);
-  const onCropComplete = useCallback((_croppedAreaPercentages, areaPixels) => {
+  const onCropComplete = useCallback2((_croppedAreaPercentages, areaPixels) => {
     setCroppedAreaPixels(areaPixels);
   }, []);
   const checkerBg = "bg-[length:16px_16px] bg-[linear-gradient(45deg,transparent_25%,#2a2a2a_25%,#2a2a2a_75%,transparent_75%,transparent),linear-gradient(45deg,#2a2a2a_25%,transparent_25%,transparent_75%,#2a2a2a_75%,#2a2a2a)]";
-  const exportCrop = useCallback(async () => {
+  const exportCrop = useCallback2(async () => {
     if (!croppedAreaPixels) return void 0;
     const img = await loadImage(src);
     const canvas = document.createElement("canvas");
@@ -3211,7 +3289,7 @@ var ImageCropper = ({
       onCancel?.();
     }
   };
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn("relative flex w-full flex-col gap-4", className),
@@ -3219,7 +3297,7 @@ var ImageCropper = ({
       tabIndex: 0,
       "aria-label": "Image cropper",
       children: [
-        /* @__PURE__ */ jsx14("div", { className: cn("relative aspect-square w-full overflow-hidden rounded-md md:aspect-video", checkerBg), children: /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx16("div", { className: cn("relative aspect-square w-full overflow-hidden rounded-md md:aspect-video", checkerBg), children: /* @__PURE__ */ jsx16(
           Cropper,
           {
             image: src,
@@ -3236,10 +3314,10 @@ var ImageCropper = ({
             objectFit: "contain"
           }
         ) }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx14("span", { className: "min-w-[60px] text-h6", children: "Zoom" }),
-            /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx16("span", { className: "min-w-[60px] text-h6", children: "Zoom" }),
+            /* @__PURE__ */ jsx16(
               Slider,
               {
                 min: 1,
@@ -3252,9 +3330,9 @@ var ImageCropper = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx14("span", { className: "min-w-[60px] text-h6", children: "Rotate" }),
-            /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx16("span", { className: "min-w-[60px] text-h6", children: "Rotate" }),
+            /* @__PURE__ */ jsx16(
               Slider,
               {
                 min: 0,
@@ -3266,12 +3344,12 @@ var ImageCropper = ({
                 className: "flex-1"
               }
             ),
-            /* @__PURE__ */ jsx14(Button, { variant: "outline", size: "icon", onClick: () => setRotation(0), "aria-label": "Reset rotation", children: /* @__PURE__ */ jsx14(RotateCcw, { className: "h-4 w-4" }) })
+            /* @__PURE__ */ jsx16(Button, { variant: "outline", size: "icon", onClick: () => setRotation(0), "aria-label": "Reset rotation", children: /* @__PURE__ */ jsx16(RotateCcw, { className: "h-4 w-4" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs12("div", { className: "mt-2 flex justify-end gap-2", children: [
-          onCancel && /* @__PURE__ */ jsx14(Button, { variant: "outline", onClick: onCancel, "aria-label": "Cancel crop", children: "Cancel" }),
-          /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs13("div", { className: "mt-2 flex justify-end gap-2", children: [
+          onCancel && /* @__PURE__ */ jsx16(Button, { variant: "outline", onClick: onCancel, "aria-label": "Cancel crop", children: "Cancel" }),
+          /* @__PURE__ */ jsx16(
             Button,
             {
               variant: "accent",
@@ -3279,7 +3357,7 @@ var ImageCropper = ({
                 const result = await exportCrop();
                 if (result) onComplete(result);
               },
-              leftIcon: /* @__PURE__ */ jsx14(Check, { className: "h-4 w-4" }),
+              leftIcon: /* @__PURE__ */ jsx16(Check, { className: "h-4 w-4" }),
               "aria-label": "Apply crop",
               children: "Apply"
             }
@@ -3291,19 +3369,19 @@ var ImageCropper = ({
 };
 
 // src/components/metric-value.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function MetricValue({ value, label, className }) {
-  return /* @__PURE__ */ jsxs13("div", { className: cn("flex items-end gap-2 whitespace-nowrap text-ods-text-primary text-h4", className), children: [
+  return /* @__PURE__ */ jsxs14("div", { className: cn("flex items-end gap-2 whitespace-nowrap text-ods-text-primary text-h4", className), children: [
     value,
-    /* @__PURE__ */ jsx15("span", { className: "text-ods-text-secondary text-h6", children: label })
+    /* @__PURE__ */ jsx17("span", { className: "text-ods-text-secondary text-h6", children: label })
   ] });
 }
 
 // src/components/msp-display.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function MSPDisplay({ name, logoUrl, size = 40, className }) {
-  return /* @__PURE__ */ jsxs14("div", { className: cn("flex min-w-0 items-center gap-2", className), children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs15("div", { className: cn("flex min-w-0 items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx18(
       SquareAvatar,
       {
         src: logoUrl ? getProxiedImageUrl(logoUrl) || logoUrl : void 0,
@@ -3312,16 +3390,16 @@ function MSPDisplay({ name, logoUrl, size = 40, className }) {
         sizePx: size
       }
     ),
-    /* @__PURE__ */ jsx16("h2", { className: "truncate pl-2", children: name })
+    /* @__PURE__ */ jsx18("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 jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 
 // src/components/pricing-display.tsx
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var PRICING_STYLES = {
   // Comparison table style (current default)
   comparison: {
@@ -3357,11 +3435,11 @@ function PricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (typeof pricing === "string") {
-    return /* @__PURE__ */ jsx18(LegacyPricingDisplay, { pricing, className, styleConfig });
+    return /* @__PURE__ */ jsx20(LegacyPricingDisplay, { pricing, className, styleConfig });
   }
   const pricingArray = Array.isArray(pricing) ? pricing : [pricing];
   if (!pricingArray || pricingArray.length === 0) {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx20(
       "span",
       {
         className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`,
@@ -3373,9 +3451,9 @@ function PricingDisplay({
     const item = pricingArray[0];
     const price = item.ranges?.[0]?.min || 0;
     const unit = item.ranges?.[0]?.unit;
-    return /* @__PURE__ */ jsxs16("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-      /* @__PURE__ */ jsx18("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
-      unit && /* @__PURE__ */ jsxs16("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+    return /* @__PURE__ */ jsxs17("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+      /* @__PURE__ */ jsx20("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
+      unit && /* @__PURE__ */ jsxs17("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
         "/",
         unit
       ] })
@@ -3385,9 +3463,9 @@ function PricingDisplay({
     (item) => formatPriceValue(item.ranges?.[0]?.min || 0, styleConfig.showTildePrefix)
   );
   const itemWithUnit = pricingArray.find((item) => item.ranges?.[0]?.unit);
-  return /* @__PURE__ */ jsxs16("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-    /* @__PURE__ */ jsx18("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
-    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs16("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+  return /* @__PURE__ */ jsxs17("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    /* @__PURE__ */ jsx20("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
+    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs17("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
       "/",
       itemWithUnit.ranges[0].unit
     ] })
@@ -3408,7 +3486,7 @@ function LegacyPricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (pricing === "Free" || pricing === "No pricing data") {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx20(
       "span",
       {
         className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`,
@@ -3470,9 +3548,9 @@ function LegacyPricingDisplay({
     };
   };
   const { mainValue, secondaryInfo } = parsePricing(pricing);
-  return /* @__PURE__ */ jsxs16("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-    /* @__PURE__ */ jsx18("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
-    secondaryInfo && /* @__PURE__ */ jsx18("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: secondaryInfo })
+  return /* @__PURE__ */ jsxs17("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    /* @__PURE__ */ jsx20("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
+    secondaryInfo && /* @__PURE__ */ jsx20("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: secondaryInfo })
   ] });
 }
 function formatPricingForDisplay(pricing) {
@@ -3480,7 +3558,7 @@ function formatPricingForDisplay(pricing) {
 }
 
 // src/components/results-count.tsx
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function ResultsCount({ currentPage, pageSize, totalResults, resultType, sortingMessage }) {
   if (totalResults === 0) {
     return null;
@@ -3490,7 +3568,7 @@ function ResultsCount({ currentPage, pageSize, totalResults, resultType, sorting
   const plural = resultType === "vendors" ? "vendors" : "posts";
   const singular = resultType === "vendors" ? "vendor" : "post";
   const displayType = totalResults === 1 ? singular : plural;
-  return /* @__PURE__ */ jsx19("div", { className: "mb-6", children: /* @__PURE__ */ jsx19("p", { className: "text-ods-text-secondary text-h6", children: totalResults > 0 && /* @__PURE__ */ jsxs17(Fragment4, { children: [
+  return /* @__PURE__ */ jsx21("div", { className: "mb-6", children: /* @__PURE__ */ jsx21("p", { className: "text-ods-text-secondary text-h6", children: totalResults > 0 && /* @__PURE__ */ jsxs18(Fragment5, { children: [
     "Showing ",
     startIndex,
     "-",
@@ -3499,7 +3577,7 @@ function ResultsCount({ currentPage, pageSize, totalResults, resultType, sorting
     totalResults,
     " ",
     displayType,
-    sortingMessage && /* @__PURE__ */ jsxs17("span", { className: "ml-2 text-ods-accent", children: [
+    sortingMessage && /* @__PURE__ */ jsxs18("span", { className: "ml-2 text-ods-accent", children: [
       "\u2022 ",
       sortingMessage
     ] })
@@ -3510,14 +3588,14 @@ function ResultsCount({ currentPage, pageSize, totalResults, resultType, sorting
 import { Boxes, Database, Hand, Plug, ShieldCheck, Sparkles } from "lucide-react";
 
 // src/components/openframe-logo.tsx
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var OpenFrameLogo2 = ({
   className,
   lowerPathColor,
   upperPathColor,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     "svg",
     {
       ...props,
@@ -3531,30 +3609,30 @@ var OpenFrameLogo2 = ({
         "--fill-0": "currentColor",
         ...props.style
       },
-      children: /* @__PURE__ */ jsxs18("g", { children: [
-        /* @__PURE__ */ jsxs18("g", { children: [
-          /* @__PURE__ */ jsx20(
+      children: /* @__PURE__ */ jsxs19("g", { children: [
+        /* @__PURE__ */ jsxs19("g", { children: [
+          /* @__PURE__ */ jsx22(
             "path",
             {
               d: "M21.3333 16.5333C21.3333 16.2388 21.5721 16 21.8667 16H26.1333C26.4279 16 26.6667 16.2388 26.6667 16.5333V20.8C26.6667 21.0946 26.4279 21.3333 26.1333 21.3333H21.8667C21.5721 21.3333 21.3333 21.0946 21.3333 20.8V16.5333Z",
               fill: lowerPathColor ?? "#ffffff"
             }
           ),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx22(
             "path",
             {
               d: "M16 21.8667C16 21.5721 16.2388 21.3333 16.5333 21.3333H20.8C21.0946 21.3333 21.3333 21.5721 21.3333 21.8667V26.1333C21.3333 26.4279 21.0946 26.6667 20.8 26.6667H16.5333C16.2388 26.6667 16 26.4279 16 26.1333V21.8667Z",
               fill: lowerPathColor ?? "#ffffff"
             }
           ),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx22(
             "path",
             {
               d: "M26.6667 21.8667C26.6667 21.5721 26.9054 21.3333 27.2 21.3333H31.4667C31.7612 21.3333 32 21.5721 32 21.8667V26.1333C32 26.4279 31.7612 26.6667 31.4667 26.6667H27.2C26.9054 26.6667 26.6667 26.4279 26.6667 26.1333V21.8667Z",
               fill: lowerPathColor ?? "#ffffff"
             }
           ),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx22(
             "path",
             {
               d: "M21.3333 27.2C21.3333 26.9054 21.5721 26.6667 21.8667 26.6667H26.1333C26.4279 26.6667 26.6667 26.9054 26.6667 27.2V31.4667C26.6667 31.7612 26.4279 32 26.1333 32H21.8667C21.5721 32 21.3333 31.7612 21.3333 31.4667V27.2Z",
@@ -3562,7 +3640,7 @@ var OpenFrameLogo2 = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22(
           "path",
           {
             d: "M30.9333 0H1.06667C0.477563 0 0 0.477564 0 1.06667V30.9333C0 31.5224 0.477563 32 1.06667 32H14.9333C15.5224 32 16 31.5224 16 30.9333V27.7333C16 27.1442 15.5224 26.6667 14.9333 26.6667H5.86667C5.57211 26.6667 5.33333 26.4279 5.33333 26.1333V5.86667C5.33333 5.57211 5.57211 5.33333 5.86667 5.33333H26.1333C26.4279 5.33333 26.6667 5.57212 26.6667 5.86667V14.9333C26.6667 15.5224 27.1442 16 27.7333 16H30.9333C31.5224 16 32 15.5224 32 14.9333V1.06667C32 0.477563 31.5224 0 30.9333 0Z",
@@ -3575,12 +3653,12 @@ var OpenFrameLogo2 = ({
 };
 
 // src/components/vendor-tag.tsx
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 function openFrameTag(classification, text) {
   return {
     text: text || OPENFRAME_CLASSIFICATIONS[classification].word,
     textColor: void 0,
-    icon: /* @__PURE__ */ jsx21(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+    icon: /* @__PURE__ */ jsx23(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
   };
 }
 function VendorTag({ type, text, className = "", hidden = false, size = "md", accentColor }) {
@@ -3594,101 +3672,101 @@ function VendorTag({ type, text, className = "", hidden = false, size = "md", ac
         return {
           text: "Placeholder",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm", children: /* @__PURE__ */ jsx21(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm", children: /* @__PURE__ */ jsx23(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "ai":
         return {
           text: "AI Selected",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm", children: /* @__PURE__ */ jsx21(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm", children: /* @__PURE__ */ jsx23(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "manual":
         return {
           text: "Manually Selected",
           textColor: "text-ods-text-secondary",
-          icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm", children: /* @__PURE__ */ jsx21(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm", children: /* @__PURE__ */ jsx23(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "open-source":
         return {
           text: text || "Open Source",
-          icon: /* @__PURE__ */ jsx21(
+          icon: /* @__PURE__ */ jsx23(
             "div",
             {
               className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent",
               style: accentColor ? { backgroundColor: accentColor } : void 0,
-              children: /* @__PURE__ */ jsx21(OpenSourceIcon2, { width: 10, height: 10, className: "text-ods-text-on-accent" })
+              children: /* @__PURE__ */ jsx23(OpenSourceIcon2, { width: 10, height: 10, className: "text-ods-text-on-accent" })
             }
           )
         };
       case "commercial":
         return {
           text: text || "Commercial Vendor",
-          icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx21(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx23(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       // platform-capability tags — same neutral icon-box chrome as 'commercial'
       case "api":
         return {
           text: text || "API",
-          icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx21(Plug, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx23(Plug, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "data":
         return {
           text: text || "Data",
-          icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx21(Database, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx23(Database, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "k8s":
         return {
           text: text || "K8s",
-          icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx21(Boxes, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx23(Boxes, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "secured":
         return {
           text: text || "Secured",
-          icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx21(ShieldCheck, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx23(ShieldCheck, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "free":
         return {
           text: text || "Free",
-          icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx21("span", { className: "text-[8px] font-bold text-ods-text-on-accent", children: "$" }) })
+          icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx23("span", { className: "text-[8px] font-bold text-ods-text-on-accent", children: "$" }) })
         };
       case "freemium":
         return {
           text: text || "Freemium",
-          icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx21("span", { className: "text-[8px] font-bold text-ods-text-on-accent", children: "$" }) })
+          icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx23("span", { className: "text-[8px] font-bold text-ods-text-on-accent", children: "$" }) })
         };
       case "paid":
         return {
           text: text || "Paid",
-          icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx21(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx23(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "enterprise":
         return {
           text: text || "Enterprise",
-          icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx21("span", { className: "text-[8px] font-bold text-ods-text-on-accent", children: "E" }) })
+          icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx23("span", { className: "text-[8px] font-bold text-ods-text-on-accent", children: "E" }) })
         };
       case "recommended":
         return {
           text: text || "Recommended",
-          icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx21("span", { className: "text-[8px] font-bold text-ods-text-on-accent", children: "\u2605" }) })
+          icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx23("span", { className: "text-[8px] font-bold text-ods-text-on-accent", children: "\u2605" }) })
         };
       case "classification": {
         const classificationType = text?.toLowerCase();
         if (classificationType === "open_source") {
           return {
             text: "Open Source",
-            icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx21(OpenSourceIcon2, { width: 10, height: 10, className: "text-ods-text-on-accent" }) })
+            icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx23(OpenSourceIcon2, { width: 10, height: 10, className: "text-ods-text-on-accent" }) })
           };
         } else if (classificationType === "commercial") {
           return {
             text: "Commercial Vendor",
-            icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx21(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+            icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx23(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
           };
         } else if (isOpenFrameClassification(classificationType)) {
           return openFrameTag(classificationType);
         } else {
           return {
             text: text || "Classification",
-            icon: /* @__PURE__ */ jsx21("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx21("span", { className: "text-[8px] font-bold text-ods-text-on-accent", children: "C" }) })
+            icon: /* @__PURE__ */ jsx23("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx23("span", { className: "text-[8px] font-bold text-ods-text-on-accent", children: "C" }) })
           };
         }
       }
@@ -3704,19 +3782,19 @@ function VendorTag({ type, text, className = "", hidden = false, size = "md", ac
     }
   };
   const { text: displayText, icon, textColor } = getTagContent();
-  return /* @__PURE__ */ jsxs19("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
+  return /* @__PURE__ */ jsxs20("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
     icon,
-    /* @__PURE__ */ jsx21("span", { className: cn("font-semibold text-h5", textColor ? textColor : "text-ods-text-primary"), children: displayText })
+    /* @__PURE__ */ jsx23("span", { className: cn("font-semibold text-h5", textColor ? textColor : "text-ods-text-primary"), children: displayText })
   ] });
 }
 
 // src/components/selection-source-badge.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function SelectionSourceBadge({ source, hidden = false }) {
   if (!source) {
     return null;
   }
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     VendorTag,
     {
       type: source?.toLowerCase(),
@@ -3728,32 +3806,32 @@ function SelectionSourceBadge({ source, hidden = false }) {
 }
 
 // src/components/vendor-page-skeleton.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function VendorPageSkeleton() {
-  return /* @__PURE__ */ jsx23(VendorDetailLayoutSkeleton, {});
+  return /* @__PURE__ */ jsx25(VendorDetailLayoutSkeleton, {});
 }
 
 // src/components/why-it-matters.tsx
-import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 
 // src/components/yes-no-display.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function YesNoDisplay({ value, yesText = "Yes", noText = "No", customText, className = "" }) {
   if (customText) {
-    return /* @__PURE__ */ jsxs21("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx25(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx25("span", { className: "text-ods-text-primary text-h6", children: customText })
+    return /* @__PURE__ */ jsxs22("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx27(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx27("span", { className: "text-ods-text-primary text-h6", children: customText })
     ] });
   }
   if (value) {
-    return /* @__PURE__ */ jsxs21("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx25(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx25("span", { className: "text-ods-text-primary text-h6", children: yesText })
+    return /* @__PURE__ */ jsxs22("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx27(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx27("span", { className: "text-ods-text-primary text-h6", children: yesText })
     ] });
   }
-  return /* @__PURE__ */ jsxs21("div", { className: `flex items-center gap-2 ${className}`, children: [
-    /* @__PURE__ */ jsx25(XCircleIcon, { className: "h-6 w-6" }),
-    /* @__PURE__ */ jsx25("span", { className: "text-ods-text-secondary text-h6", children: noText })
+  return /* @__PURE__ */ jsxs22("div", { className: `flex items-center gap-2 ${className}`, children: [
+    /* @__PURE__ */ jsx27(XCircleIcon, { className: "h-6 w-6" }),
+    /* @__PURE__ */ jsx27("span", { className: "text-ods-text-secondary text-h6", children: noText })
   ] });
 }
 function evaluateFeatureValue(value, dataType) {
@@ -3788,7 +3866,7 @@ function evaluateFeatureValue(value, dataType) {
 
 // src/components/made-with-love.tsx
 import { useState as useState7, useEffect as useEffect3 } from "react";
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function MadeWithLove({ className = "", size = "md", showOnMobile = true }) {
   const [isMobile, setIsMobile] = useState7(false);
   const [isHovered, setIsHovered] = useState7(false);
@@ -3858,9 +3936,9 @@ function MadeWithLove({ className = "", size = "md", showOnMobile = true }) {
     marginLeft: "4px",
     textDecoration: "none"
   };
-  return /* @__PURE__ */ jsxs22("div", { style: containerStyle, className, children: [
+  return /* @__PURE__ */ jsxs23("div", { style: containerStyle, className, children: [
     "Made with love by",
-    /* @__PURE__ */ jsxs22(
+    /* @__PURE__ */ jsxs23(
       "a",
       {
         href: flamingoUrl,
@@ -3870,14 +3948,14 @@ function MadeWithLove({ className = "", size = "md", showOnMobile = true }) {
         onMouseEnter: () => setIsHovered(true),
         onMouseLeave: () => setIsHovered(false),
         children: [
-          /* @__PURE__ */ jsx26("div", { style: logoStyle, children: /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx28("div", { style: logoStyle, children: /* @__PURE__ */ jsx28(
             FlamingoLogo2,
             {
               size: config.logoSize,
               color: "#f357bb"
             }
           ) }),
-          /* @__PURE__ */ jsx26("span", { style: textStyle, children: "Flamingo" })
+          /* @__PURE__ */ jsx28("span", { style: textStyle, children: "Flamingo" })
         ]
       }
     )
@@ -3886,7 +3964,7 @@ function MadeWithLove({ className = "", size = "md", showOnMobile = true }) {
 
 // src/components/date-time-picker.tsx
 import DatePicker2 from "react-datepicker";
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } 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",
@@ -3910,9 +3988,9 @@ function DateTimePicker({
   timeIntervals = 15,
   dateFormat = "MMMM d, yyyy h:mm aa"
 }) {
-  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsx27(Label, { className: "font-semibold text-ods-text-secondary text-h5", children: label }),
-    /* @__PURE__ */ jsx27("div", { className: "w-full", children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs24("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsx29(Label, { className: "font-semibold text-ods-text-secondary text-h5", children: label }),
+    /* @__PURE__ */ jsx29("div", { className: "w-full", children: /* @__PURE__ */ jsx29(
       DatePicker2,
       {
         selected: value,
@@ -3927,7 +4005,7 @@ function DateTimePicker({
         className: inputClassName
       }
     ) }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx29(
       "style",
       {
         dangerouslySetInnerHTML: {
@@ -4038,7 +4116,7 @@ function DateTimePicker({
 }
 
 // src/components/authors/author-detail-view.tsx
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 function AuthorDetailView({ author, proxyImageUrl, children, className }) {
   const runtime = useChatRuntime();
   const proxiedAvatar = author.avatarUrl ? proxyImageUrl ? proxyImageUrl(author.avatarUrl) : getProxiedImageUrl(author.avatarUrl, {
@@ -4048,14 +4126,14 @@ function AuthorDetailView({ author, proxyImageUrl, children, className }) {
   }) ?? author.avatarUrl : null;
   const subtitle = [author.jobTitle, author.company].filter(Boolean).join(" @ ");
   const bioText = formatBioText(author.about);
-  return /* @__PURE__ */ jsxs24("div", { className: cn("flex flex-col gap-5 md:gap-6", className), children: [
-    /* @__PURE__ */ jsxs24("div", { className: "flex w-full items-start gap-6", children: [
-      /* @__PURE__ */ jsx28("div", { className: "relative h-24 w-24 shrink-0", children: /* @__PURE__ */ jsx28("div", { className: "relative h-full w-full overflow-hidden rounded-full border border-ods-border bg-ods-bg-surface", children: proxiedAvatar ? /* @__PURE__ */ jsx28(next_image_default, { src: proxiedAvatar, alt: author.fullName, fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ jsx28("div", { className: "flex h-full w-full items-center justify-center font-heading text-3xl text-ods-text-secondary", children: author.fullName.charAt(0).toUpperCase() }) }) }),
-      /* @__PURE__ */ jsxs24("div", { className: "flex min-w-0 flex-col justify-center gap-2", children: [
-        /* @__PURE__ */ jsx28("p", { className: "truncate leading-none text-ods-text-primary text-h2", children: author.fullName }),
-        subtitle && /* @__PURE__ */ jsx28("p", { className: "truncate font-body text-lg leading-none text-ods-text-secondary", children: subtitle }),
+  return /* @__PURE__ */ jsxs25("div", { className: cn("flex flex-col gap-5 md:gap-6", className), children: [
+    /* @__PURE__ */ jsxs25("div", { className: "flex w-full items-start gap-6", children: [
+      /* @__PURE__ */ jsx30("div", { className: "relative h-24 w-24 shrink-0", children: /* @__PURE__ */ jsx30("div", { className: "relative h-full w-full overflow-hidden rounded-full border border-ods-border bg-ods-bg-surface", children: proxiedAvatar ? /* @__PURE__ */ jsx30(next_image_default, { src: proxiedAvatar, alt: author.fullName, fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ jsx30("div", { className: "flex h-full w-full items-center justify-center font-heading text-3xl text-ods-text-secondary", children: author.fullName.charAt(0).toUpperCase() }) }) }),
+      /* @__PURE__ */ jsxs25("div", { className: "flex min-w-0 flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ jsx30("p", { className: "truncate leading-none text-ods-text-primary text-h2", children: author.fullName }),
+        subtitle && /* @__PURE__ */ jsx30("p", { className: "truncate font-body text-lg leading-none text-ods-text-secondary", children: subtitle }),
         author.socialLinks.length > 0 && // Ghost compact row (transparent 32px) — metadata, not CTAs.
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx30(
           SocialIconRow,
           {
             compact: true,
@@ -4068,8 +4146,8 @@ function AuthorDetailView({ author, proxyImageUrl, children, className }) {
         )
       ] })
     ] }),
-    bioText && /* @__PURE__ */ jsx28("p", { className: "text-ods-text-secondary text-h6", children: bioText }),
-    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx28("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx28(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
+    bioText && /* @__PURE__ */ jsx30("p", { className: "text-ods-text-secondary text-h6", children: bioText }),
+    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx30("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx30(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
     children
   ] });
 }
@@ -4084,7 +4162,6 @@ export {
   ANTHROPIC_SUPPORTED_IMAGE_MIME,
   APPROVAL_BLOCK_VARIANT,
   APPROVAL_STATUS,
-  ASK_AI_OPEN_EVENT,
   ASSISTANT_TYPE,
   AUTHOR_TYPE,
   AUTO_CONTINUATION_DIRECTIVE_PREFIX,
@@ -4301,6 +4378,7 @@ export {
   ClaudeIcon,
   ClickUpIcon,
   ClickUpTasksManager,
+  ClientOnlyHeader,
   CmdIcon,
   CoinsIcon,
   ColorPickerInput,
@@ -4511,6 +4589,8 @@ export {
   FloatingTooltip,
   FloatingWalkthroughVideo,
   FolderShieldIcon,
+  Footer,
+  FooterWaitlistButton,
   FormLoader,
   FormPageContainer,
   FormSkeleton,
@@ -4533,10 +4613,12 @@ export {
   GuideWelcome,
   HamburgerIcon,
   HandDollarIcon,
+  Header,
   HeaderButton,
   HeaderGlobalSearch,
   HeaderMingoButton,
   HeaderOrganizationFilter,
+  HeaderSkeleton,
   HeroImageUploader,
   HeroSkeleton,
   HiddenTagsPopup,
@@ -4622,7 +4704,7 @@ export {
   MINGO_APPROVAL_REQUEST_TYPE,
   MINGO_V2_RAIL_WIDTH,
   MINGO_V2_SPLIT_WIDTH,
-  MOBILE_NAV_SHEET_ID,
+  MOBILE_NAV_PANEL_ID,
   MSPDisplay,
   MUX_IMAGE_ORIGIN,
   MUX_STREAM_ORIGIN,
@@ -4682,7 +4764,7 @@ export {
   MinusIcon,
   MlgLogo,
   MobileBurgerMenu,
-  MobileNavSheet,
+  MobileNavPanel,
   MobileNavigationDropdown,
   Modal,
   ModalContent,
@@ -4710,9 +4792,7 @@ export {
   NEW_TAB_FEATURES,
   NOCIcon,
   NaturalLanguageIcon,
-  NavItemRow,
   NavLinkAnchorViaRuntime,
-  NavPanel,
   NavigationItemBadge,
   NavigationMenu,
   NavigationMenuContent,
@@ -4962,8 +5042,6 @@ export {
   ShieldKeyIcon,
   ShieldLockIcon,
   SimpleMarkdownRenderer,
-  SiteFooter,
-  SiteHeader,
   Skeleton,
   SkeletonButton,
   SkeletonCard,
@@ -5193,7 +5271,6 @@ export {
   decideNewTab,
   decodeHistoricalMessageData,
   defaultBuildProductReleaseCardProps,
-  defaultRenderSiteNavLink,
   defaultTableIdForDocumentType,
   deriveColumns,
   designDocMetaLine,
@@ -5269,7 +5346,6 @@ export {
   isApprovalNotificationType,
   isCrossOriginUrl,
   isHistoricalUserTurn,
-  isMegaMenu,
   isModifierClick,
   isQuickActionIconSpec,
   isStructuredContent,
@@ -5279,7 +5355,6 @@ export {
   maxPersistedStreamSeq,
   mergeHistoryWithRealtime,
   multiSelectFilterFn,
-  navLinkLabel,
   navigationMenuTriggerStyle,
   newTabAnchorAttrs,
   noDataActionsVariants,
@@ -5287,7 +5362,6 @@ export {
   normalizeContent,
   normalizeHistoricalMessageData,
   normalizeIconKey,
-  openAskAi,
   parseScrollAnchor,
   parseWireCommandOverride,
   photoOrientation,
@@ -5325,7 +5399,6 @@ export {
   setRealAuthHook,
   showCommandApprovalToast,
   showToast,
-  siteNavHasMobileMenus,
   sortBitesByCreatedAtDesc,
   sortBitesByFeaturedAtDesc,
   splitStreamingBlocks,