@flamingo-stack/openframe-frontend-core 0.0.581 → 0.0.582-1958.5391.1

package/dist/components/index.js

@@ -15,7 +15,7 @@ import {
   SoftwareInfo,
   SoftwareSourceBadge,
   ToolBadge
-} from "../chunk-3GXNCJZI.js";
+} from "../chunk-T4DIAKIK.js";
 import {
   AppHeader,
   AppLayout,
@@ -34,7 +34,7 @@ import {
   SlidingSidebar,
   TicketAlertsButton,
   TopNavigation
-} from "../chunk-GVM37TRU.js";
+} from "../chunk-GAL6EXUY.js";
 import {
   DeliveryLists,
   DeliveryTable,
@@ -48,45 +48,26 @@ import {
   RoadmapView,
   useLegalDocs,
   useRoadmapVoting
-} from "../chunk-HVSZYUGP.js";
+} from "../chunk-53ZVUW2M.js";
 import {
-  AnnouncementBarSkeleton,
-  ArticleLayoutSkeleton,
-  BlogCardGridSkeleton,
-  BreadcrumbSkeleton,
-  CardSkeleton,
-  CardSkeletonGrid,
-  CategorySidebarSkeleton,
   DocNavigationProvider,
   DocViewer,
   DocsHubPage,
   EmbedSkeleton,
-  HeroSkeleton,
-  InteractiveSkeleton,
   MarkdownSkeleton,
-  MediaSkeleton,
   PersistentFilterControls,
   PersistentMobileDropdown,
   PersistentSearchContainer,
   PersistentSidebar,
-  ResultsHeaderSkeleton,
-  SearchContainerSkeleton,
-  SlackCommunitySkeleton,
-  StatsSectionSkeleton,
-  TextSkeleton,
-  TwoColumnLayoutSkeleton,
-  UnifiedSkeleton,
-  VendorDetailLayoutSkeleton,
-  VendorGridSkeleton,
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-IHFQ5VVR.js";
+} from "../chunk-2EIGO6ZS.js";
 import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "../chunk-EZVABFEO.js";
+} from "../chunk-CJW6KZD3.js";
 import {
   PersistentPagination,
   PersistentPaginationWrapper,
@@ -96,13 +77,13 @@ import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-JW53WPB5.js";
+} from "../chunk-IZGXIZWF.js";
 import {
   MobileNavigationDropdown,
   MultiLevelNavigation,
   StickySectionNav,
   useSectionNavigation
-} from "../chunk-KAEVE7W2.js";
+} from "../chunk-EULY3BXB.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -110,16 +91,16 @@ import {
   DevCardRowSkeletonList,
   DevSectionPage,
   DevSectionView
-} from "../chunk-OKA3DJJ3.js";
+} from "../chunk-JUXCEHK2.js";
 import {
   EmptyState,
   UnifiedPagination
 } from "../chunk-Z2FZ5HP2.js";
-import "../chunk-R5JVRFSW.js";
+import "../chunk-5U2FU5LM.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "../chunk-ESWXXWCL.js";
+} from "../chunk-U6GFESVF.js";
 import {
   DocSearchBar,
   DocSearchResultRow,
@@ -127,7 +108,7 @@ import {
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-LWDIDSCF.js";
+} from "../chunk-IB23CRL2.js";
 import {
   useSelfFetch
 } from "../chunk-UC5RXT3O.js";
@@ -160,6 +141,7 @@ import {
   AlertDialogTrigger,
   AlertTitle,
   AllowedDomainsInput,
+  AnnouncementBarSkeleton,
   AnnouncementBarView,
   AppLayoutDrawerBody,
   AppLayoutDrawerClose,
@@ -173,6 +155,7 @@ import {
   ApprovalRequestNotificationTile,
   ArrayEntryManager,
   ArticleDetailLayout,
+  ArticleLayoutSkeleton,
   AspectRatio,
   AssigneeDropdown,
   AuthBenefitsPanel,
@@ -184,6 +167,7 @@ import {
   Badge,
   BenefitCard,
   BenefitCardGrid,
+  BlogCardGridSkeleton,
   Board,
   BoardColumn,
   BoardColumnHeader,
@@ -197,10 +181,16 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator,
+  BreadcrumbSkeleton,
   BulletList,
   COMPACT_ROW_MIN_HEIGHT_PX,
   CUSTOM_PRESET_KEY,
   CardLoader,
+  CardSkeleton,
+  CardSkeletonGrid,
+  CategoryCardSkeleton,
+  CategorySidebarSkeleton,
+  CategoryVendorSelectorSkeleton,
   ChangelogManager,
   ChangelogSectionsManager,
   CheckCircleIcon as CheckCircleIcon2,
@@ -214,10 +204,12 @@ import {
   ColorPickerInput,
   ColorPresetSelect,
   CommandBox,
+  CommentSkeleton,
   CompactPageLoader,
   CompleteAccountForm,
   ConfidenceBadge,
   ContentLoader,
+  ContentLoadingContainer,
   ContentPageContainer,
   CreateOrganizationForm,
   CrossfadePanels,
@@ -247,6 +239,8 @@ import {
   DetailPageContainer,
   DeviceCard,
   DeviceCardCompact,
+  DeviceCardSkeleton,
+  DeviceCardSkeletonGrid,
   Dialog,
   DialogClose,
   DialogContent,
@@ -259,6 +253,7 @@ import {
   DialogTrigger,
   DropdownButton,
   DurationInput,
+  DynamicSkeleton,
   DynamicThemeProvider,
   EMBED_SIZES,
   EmbedContainer,
@@ -272,6 +267,7 @@ import {
   FadePreview,
   FeatureCardGrid,
   FeatureList,
+  FeatureListSkeleton,
   Field,
   FigmaEmbed,
   FigmaPrototypeViewer,
@@ -285,8 +281,10 @@ import {
   FloatingWalkthroughVideo,
   FormLoader,
   FormPageContainer,
+  FormSkeleton,
   GitHubReleasesManager,
   HeaderButton,
+  HeroSkeleton,
   HiddenTagsPopup,
   HighlightCard,
   HighlightCardGrid,
@@ -305,6 +303,7 @@ import {
   InfoSection,
   InlineWalkthroughVideo,
   InputTrigger,
+  InteractiveSkeleton,
   InviteLinkInvalidModal,
   JsonDetailList,
   KnowledgeBaseLinksManager,
@@ -314,13 +313,16 @@ import {
   ListLoader,
   ListPageContainer,
   ListPageLayout,
+  ListSkeleton,
   LoadError,
   LoadingProvider,
   LoginForm,
+  MarginReportSkeleton,
   MarkdownEditor,
   MarkdownImage,
   MediaCarousel,
   MediaGalleryManager,
+  MediaSkeleton,
   MediaTypeSelector,
   Menubar,
   MenubarCheckboxItem,
@@ -341,6 +343,7 @@ import {
   MinusIcon,
   MoreAboutButton,
   MoreActionsMenu,
+  MspProfileFormSkeleton,
   NavigationMenu,
   NavigationMenuContent,
   NavigationMenuIndicator,
@@ -349,6 +352,7 @@ import {
   NavigationMenuList,
   NavigationMenuTrigger,
   NavigationMenuViewport,
+  NavigationSkeleton,
   NoData,
   NoDataAction,
   NoDataActions,
@@ -370,6 +374,9 @@ import {
   OpenFrameSsoSignUpForm,
   OpenFrameWordmark,
   OrganizationCard,
+  OrganizationCardSkeleton,
+  OrganizationCardSkeletonGrid,
+  OrganizationIconSkeleton,
   PROVIDER_META,
   PageActions,
   PageContainer,
@@ -377,16 +384,22 @@ import {
   PageLayout,
   PageLoader,
   PageShell,
+  ParagraphSkeleton,
   ParallaxImageShowcase,
   PasswordInput,
   PasswordResetForm,
   PathsDisplay,
   PhoneInput,
   PlatformFilterComponent,
+  PlatformSkeletonContainer,
   PolicyConfigurationPanel,
   PoweredByFlamingo,
+  PricingSkeleton,
+  ProfileLoadingSkeleton,
+  ProfileSkeleton,
   Progress,
   ProgressBar,
+  ProgressiveSkeleton,
   ProviderButton,
   PushButtonSelector,
   QueryReportTable,
@@ -405,10 +418,12 @@ import {
   ReleaseMediaManager,
   ReopenTicketModal,
   ReopenTicketRequestModal,
+  ResultsHeaderSkeleton,
   RichMarkdownRenderer,
   RichMarkdownRuntimeProvider,
   SEOEditorPreview,
   SLOT_STICKINESS,
+  SearchContainerSkeleton,
   SearchInput,
   SearchableSelect,
   SectionSelector,
@@ -435,7 +450,9 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger,
+  SkeletonPresets,
   SlackChannelChip,
+  SlackCommunitySkeleton,
   Slider,
   SocialLinksManager,
   SortableList,
@@ -445,6 +462,7 @@ import {
   SsoProviderButtons,
   StackedRowsPanel,
   StartWithOpenFrameButton,
+  StatsSectionSkeleton,
   StatusFilterComponent,
   StatusIndicator,
   SubtitlesEditor,
@@ -463,6 +481,7 @@ import {
   TableEmptyState,
   TableHeader,
   TableRow,
+  TableSkeleton,
   TableTimestampCell,
   TagKeyValueFilter,
   TagSearchInput,
@@ -477,6 +496,7 @@ import {
   TestRunErrorBanner,
   TestRunResults,
   TestRunStatusStat,
+  TextSkeleton,
   Textarea,
   ThemeProvider,
   TicketAttachmentsList,
@@ -493,6 +513,7 @@ import {
   TimeTrackerHeaderButton,
   TimeTrackerPanel,
   TimeTrackerProvider,
+  TimelineSkeleton,
   TimingStat,
   TitleBlock,
   TitleContentBlock,
@@ -506,15 +527,21 @@ import {
   TruncateText,
   TwitterContainer,
   TwitterEmbedClient,
+  TwoColumnLayoutSkeleton,
+  UnifiedSkeleton,
   UnreadCountBadge,
   UnreadDot,
   UnsavedChangesChip,
+  UsersGridSkeleton,
+  VendorDetailLayoutSkeleton,
+  VendorGridSkeleton,
   VideoBitesDisplay,
   VideoClipsSection,
   VideoSourceSelector,
   ViewToggle,
   WaitlistForm,
   WarningBlock,
+  WizardLayoutSkeleton,
   XCircleIcon,
   XIcon as XIcon2,
   YouTubeContainer,
@@ -559,6 +586,7 @@ import {
   useAppLayoutDrawerContainer,
   useBoardCollapse,
   useConfirm,
+  useContentLoading,
   useDataTable,
   useDataTableContext,
   useDynamicTheme,
@@ -577,7 +605,7 @@ import {
   useTimeTracker,
   useTrackerClock,
   useWalkthroughVideo
-} from "../chunk-VXUUSLD5.js";
+} from "../chunk-XA5UPYWE.js";
 import "../chunk-L2SLFCXP.js";
 import "../chunk-BJXDHKUX.js";
 import {
@@ -803,6 +831,7 @@ import {
   TooltipTrigger,
   UnarchiveChatModal,
   UserDisplay,
+  VIDEO_PLAYBACK_FAILED_EVENT,
   Video,
   VideoBiteCard,
   VideoBitesStrip,
@@ -940,7 +969,7 @@ import {
   useVideoOriginPreconnect,
   useVideoWarmup,
   usesCanonicalStatusStyle
-} from "../chunk-HJVKPG55.js";
+} from "../chunk-F227VMPL.js";
 import {
   scrollElementIntoView
 } from "../chunk-JRYS4VMV.js";
@@ -2127,305 +2156,9 @@ function CommentComposer({
   ] });
 }
 
-// src/components/content-loading-container.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
-function ContentLoadingContainer({
-  isLoading,
-  children,
-  skeletonComponent,
-  className,
-  minHeight = "min-h-[300px] md:min-h-[800px]",
-  loadingOpacity = 1,
-  transitionDuration = 300
-}) {
-  return /* @__PURE__ */ jsxs8(
-    "div",
-    {
-      className: cn("relative w-full transition-all ease-in-out", minHeight, className),
-      style: {
-        transitionDuration: `${transitionDuration}ms`
-      },
-      role: "region",
-      "aria-label": isLoading ? "Loading content" : "Content loaded",
-      "aria-live": "polite",
-      children: [
-        isLoading && /* @__PURE__ */ jsx10(
-          "div",
-          {
-            className: "absolute inset-0 z-10 bg-ods-bg",
-            style: {
-              opacity: loadingOpacity,
-              transition: `opacity ${transitionDuration}ms ease-in-out`
-            },
-            role: "status",
-            "aria-label": "Loading content",
-            children: skeletonComponent
-          }
-        ),
-        /* @__PURE__ */ jsx10(
-          "div",
-          {
-            className: cn("relative transition-opacity ease-in-out", isLoading && "opacity-0"),
-            style: {
-              transitionDuration: `${transitionDuration}ms`
-            },
-            "aria-hidden": isLoading,
-            children
-          }
-        )
-      ]
-    }
-  );
-}
-function useContentLoading(isLoading) {
-  const containerProps = {
-    "aria-busy": isLoading,
-    "data-loading": isLoading
-  };
-  const getSkeletonCount = (contentType) => {
-    return contentType === "vendor" ? 12 : 6;
-  };
-  const getMinHeight = (contentType) => {
-    return contentType === "vendor" ? "min-h-[400px] md:min-h-[900px]" : "min-h-[300px] md:min-h-[800px]";
-  };
-  return {
-    containerProps,
-    getSkeletonCount,
-    getMinHeight
-  };
-}
-
-// src/components/dynamic-skeleton.tsx
-import React from "react";
-
-// src/hooks/use-theme-aware.ts
-function useThemeAware() {
-  return {
-    themeColors: {},
-    platformContext: "default",
-    isDarkMode: false,
-    platform: "default",
-    isDark: false,
-    accentColor: "#FFC008"
-  };
-}
-
-// src/components/dynamic-skeleton.tsx
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-var sizePresets = {
-  sm: { width: "4rem", height: "1rem" },
-  md: { width: "8rem", height: "1.5rem" },
-  lg: { width: "12rem", height: "2rem" },
-  xl: { width: "16rem", height: "2.5rem" }
-};
-var variantStyles = {
-  text: "rounded",
-  avatar: "rounded-full aspect-square",
-  card: "rounded-lg",
-  button: "rounded-md",
-  image: "rounded-lg aspect-video",
-  custom: ""
-};
-function DynamicSkeleton({
-  animation = "shimmer",
-  variant = "text",
-  size = "md",
-  width,
-  height,
-  lines = 1,
-  platformAware = true,
-  includeAriaLabel = true,
-  className,
-  children
-}) {
-  const { platform, isDark, accentColor } = useThemeAware();
-  const dimensions = React.useMemo(() => {
-    if (width || height) {
-      return {
-        width: typeof width === "number" ? `${width}px` : width,
-        height: typeof height === "number" ? `${height}px` : height
-      };
-    }
-    if (variant === "avatar") {
-      const avatarSize = sizePresets[size].height;
-      return { width: avatarSize, height: avatarSize };
-    }
-    return sizePresets[size];
-  }, [width, height, size, variant]);
-  const platformStyles = React.useMemo(() => {
-    if (!platformAware) return {};
-    const baseOpacity = isDark ? 0.1 : 0.15;
-    const accentOpacity = isDark ? 0.05 : 0.08;
-    return {
-      "--skeleton-base": `color-mix(in srgb, var(--color-bg-skeleton) ${baseOpacity * 100}%, transparent)`,
-      "--skeleton-highlight": `color-mix(in srgb, ${accentColor} ${accentOpacity * 100}%, var(--color-bg-skeleton))`,
-      "--skeleton-accent": `color-mix(in srgb, ${accentColor} 10%, transparent)`
-    };
-  }, [platformAware, isDark, accentColor]);
-  const animationClasses = {
-    pulse: "animate-pulse",
-    shimmer: "ods-loading-dynamic",
-    wave: "skeleton-wave",
-    static: ""
-  };
-  const baseClasses = cn(
-    "bg-ods-skeleton",
-    variantStyles[variant],
-    animationClasses[animation],
-    platformAware && `skeleton-platform-${platform}`,
-    className
-  );
-  if (variant === "text" && lines > 1) {
-    return /* @__PURE__ */ jsx11(
-      "div",
-      {
-        className: "space-y-2",
-        style: platformStyles,
-        role: "status",
-        "aria-label": includeAriaLabel ? "Loading content..." : void 0,
-        children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx11(
-          "div",
-          {
-            className: cn(
-              baseClasses,
-              index === lines - 1 && "w-3/4"
-              // Last line shorter
-            ),
-            style: {
-              ...dimensions,
-              width: index === lines - 1 ? "75%" : dimensions.width
-            }
-          },
-          index
-        ))
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx11(
-    "div",
-    {
-      className: baseClasses,
-      style: { ...dimensions, ...platformStyles },
-      role: "status",
-      "aria-label": includeAriaLabel ? "Loading content..." : void 0,
-      children
-    }
-  );
-}
-var SkeletonPresets = {
-  /**
-   * Card skeleton with header, content, and actions
-   */
-  Card: ({ showActions = true, showImage = false }) => /* @__PURE__ */ jsxs9("div", { className: "space-y-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
-    showImage && /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "image", className: "h-40 w-full" }),
-    /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "lg" }),
-      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
-    ] }),
-    showActions && /* @__PURE__ */ jsxs9("div", { className: "flex gap-2 pt-2", children: [
-      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "button", width: "6rem", height: "2.5rem" }),
-      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "button", width: "4rem", height: "2.5rem" })
-    ] })
-  ] }),
-  /**
-   * User profile skeleton
-   */
-  Profile: () => /* @__PURE__ */ jsxs9("div", { className: "flex items-start gap-4 p-4", children: [
-    /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "avatar", size: "lg" }),
-    /* @__PURE__ */ jsxs9("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "lg", width: "8rem" }),
-      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "sm", width: "12rem" }),
-      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
-    ] })
-  ] }),
-  /**
-   * Navigation skeleton
-   */
-  Navigation: ({ items = 5 }) => /* @__PURE__ */ jsx11("nav", { className: "space-y-2 p-4", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "avatar", size: "sm" }),
-    /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "md" })
-  ] }, index)) }),
-  /**
-   * Table skeleton
-   */
-  Table: ({ rows = 5, columns = 4 }) => /* @__PURE__ */ jsxs9("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx11("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "md" }, `header-${index}`)) }),
-    Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx11("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_cell, colIndex) => /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "sm" }, `cell-${rowIndex}-${colIndex}`)) }, `row-${rowIndex}`))
-  ] }),
-  /**
-   * Vendor grid skeleton (specific to the app)
-   */
-  VendorGrid: ({ items = 6 }) => /* @__PURE__ */ jsx11("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs9("div", { className: "space-y-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "avatar", size: "md" }),
-      /* @__PURE__ */ jsxs9("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "md", width: "6rem" }),
-        /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "sm", width: "4rem", className: "mt-1" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", lines: 2, size: "sm" }),
-    /* @__PURE__ */ jsxs9("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "custom", width: "3rem", height: "1.25rem", className: "rounded-full" }),
-      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "custom", width: "4rem", height: "1.25rem", className: "rounded-full" })
-    ] })
-  ] }, index)) }),
-  /**
-   * Blog post skeleton
-   */
-  BlogPost: () => /* @__PURE__ */ jsxs9("article", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "xl", width: "75%" }),
-      /* @__PURE__ */ jsxs9("div", { className: "flex gap-4 text-sm", children: [
-        /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "sm", width: "4rem" }),
-        /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "sm", width: "6rem" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "image", className: "h-64 w-full" }),
-    /* @__PURE__ */ jsx11("div", { className: "space-y-3", children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", lines: 3, size: "md" }, index)) })
-  ] })
-};
-function PlatformSkeletonContainer({
-  children,
-  isLoading,
-  skeletonType = "Card",
-  skeletonProps = {}
-}) {
-  const { platform } = useThemeAware();
-  if (!isLoading) {
-    return /* @__PURE__ */ jsx11(Fragment2, { children });
-  }
-  const SkeletonComponent = SkeletonPresets[skeletonType];
-  return /* @__PURE__ */ jsx11("div", { className: `platform-skeleton skeleton-${platform}`, children: /* @__PURE__ */ jsx11(SkeletonComponent, { ...skeletonProps }) });
-}
-function ProgressiveSkeleton({
-  // Named only to keep it out of the `...props` spread: the stage NAMES are
-  // unused, `currentStage` alone selects the skeleton shape below.
-  stages: _stages = ["basic", "detailed", "interactive"],
-  currentStage = 0,
-  children,
-  ...props
-}) {
-  const { platform } = useThemeAware();
-  const stageConfig = {
-    0: { animation: "pulse", variant: "text" },
-    1: { animation: "shimmer", variant: "card" },
-    2: { animation: "wave", variant: "custom" }
-  };
-  const config = stageConfig[currentStage] || stageConfig[0];
-  return /* @__PURE__ */ jsx11(
-    DynamicSkeleton,
-    {
-      ...props,
-      ...config,
-      className: cn(props.className, `skeleton-stage-${currentStage}`, `skeleton-platform-${platform}`),
-      children
-    }
-  );
-}
-
 // src/components/filter-chip.tsx
 import { X as X2 } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function FilterChip({
   label,
   variant = "unselected",
@@ -2457,7 +2190,7 @@ function FilterChip({
     subcategory: "bg-ods-bg-surface text-ods-text-primary border border-ods-accent/60 hover:bg-ods-border hover:border-ods-accent/80 hover:text-ods-text-primary focus:ring-ods-accent/60 focus:ring-offset-ods-bg",
     tag: "bg-ods-bg-surface text-ods-text-primary border border-ods-accent/20 hover:bg-ods-border hover:border-ods-accent/30 hover:text-ods-text-primary focus:ring-ods-accent/20 focus:ring-offset-ods-bg"
   };
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: cn(baseClasses, variantClasses[variant], className),
@@ -2471,7 +2204,7 @@ function FilterChip({
       "aria-pressed": onClick && variant === "selected" ? true : void 0,
       "aria-disabled": disabled,
       children: [
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx10(
           "span",
           {
             className: cn(
@@ -2482,7 +2215,7 @@ function FilterChip({
             children: label
           }
         ),
-        removable && onRemove && /* @__PURE__ */ jsx12(
+        removable && onRemove && /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
@@ -2501,7 +2234,7 @@ function FilterChip({
             ),
             "aria-label": `Remove ${label} filter`,
             tabIndex: disabled ? -1 : 0,
-            children: /* @__PURE__ */ jsx12(X2, { className: "h-2 w-2 md:h-2 md:w-2" })
+            children: /* @__PURE__ */ jsx10(X2, { className: "h-2 w-2 md:h-2 md:w-2" })
           }
         )
       ]
@@ -2514,7 +2247,7 @@ import { Suspense } from "react";
 
 // src/components/social-icon-row.tsx
 import { Mail } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var defaultLinks = [
   { platform: "github", href: "https://github.com/flamingo-stack", label: "GitHub" },
   { platform: "linkedin", href: "https://linkedin.com/company/flamingo.run", label: "LinkedIn" },
@@ -2524,44 +2257,44 @@ function renderSocialIcon(platform) {
   const normalizedPlatform = platform.toLowerCase().trim();
   switch (normalizedPlatform) {
     case "github":
-      return /* @__PURE__ */ jsx13(GitHubIcon, { className: "h-5 w-5" });
+      return /* @__PURE__ */ jsx11(GitHubIcon, { className: "h-5 w-5" });
     case "twitter":
     case "x":
-      return /* @__PURE__ */ jsx13(XLogo, { className: "h-5 w-5" });
+      return /* @__PURE__ */ jsx11(XLogo, { className: "h-5 w-5" });
     case "reddit":
-      return /* @__PURE__ */ jsx13(RedditIcon, { className: "h-5 w-5", variant: "white" });
+      return /* @__PURE__ */ jsx11(RedditIcon, { className: "h-5 w-5", variant: "white" });
     case "linkedin":
-      return /* @__PURE__ */ jsx13(LinkedInIcon, { className: "h-5 w-5" });
+      return /* @__PURE__ */ jsx11(LinkedInIcon, { className: "h-5 w-5" });
     case "luma":
-      return /* @__PURE__ */ jsx13(LumaIcon, { className: "h-5 w-5" });
+      return /* @__PURE__ */ jsx11(LumaIcon, { className: "h-5 w-5" });
     case "whatsapp":
-      return /* @__PURE__ */ jsx13(WhatsAppIcon, { className: "h-5 w-5" });
+      return /* @__PURE__ */ jsx11(WhatsAppIcon, { className: "h-5 w-5" });
     case "email":
     case "mail":
-      return /* @__PURE__ */ jsx13(Mail, { className: "h-5 w-5" });
+      return /* @__PURE__ */ jsx11(Mail, { className: "h-5 w-5" });
     case "website":
     case "web":
     case "url":
-      return /* @__PURE__ */ jsx13(GlobeIcon, { className: "h-5 w-5" });
+      return /* @__PURE__ */ jsx11(GlobeIcon, { className: "h-5 w-5" });
     case "slack":
-      return /* @__PURE__ */ jsx13(SlackIcon, { className: "h-5 w-5", injectedColor: "white" });
+      return /* @__PURE__ */ jsx11(SlackIcon, { className: "h-5 w-5", injectedColor: "white" });
     case "discord":
-      return /* @__PURE__ */ jsx13(MessageCircleIcon, { className: "h-5 w-5" });
+      return /* @__PURE__ */ jsx11(MessageCircleIcon, { className: "h-5 w-5" });
     case "telegram":
-      return /* @__PURE__ */ jsx13(TelegramIcon, { className: "h-5 w-5" });
+      return /* @__PURE__ */ jsx11(TelegramIcon, { className: "h-5 w-5" });
     case "youtube":
     case "yt":
-      return /* @__PURE__ */ jsx13(YouTubeIcon, { className: "h-5 w-5" });
+      return /* @__PURE__ */ jsx11(YouTubeIcon, { className: "h-5 w-5" });
     case "instagram":
     case "ig":
-      return /* @__PURE__ */ jsx13(InstagramIcon, { className: "h-5 w-5" });
+      return /* @__PURE__ */ jsx11(InstagramIcon, { className: "h-5 w-5" });
     case "facebook":
     case "fb":
-      return /* @__PURE__ */ jsx13(FacebookIcon, { className: "h-5 w-5" });
+      return /* @__PURE__ */ jsx11(FacebookIcon, { className: "h-5 w-5" });
     case "copy":
-      return /* @__PURE__ */ jsx13(CopyIcon, { className: "h-5 w-5", color: "var(--color-text-primary)" });
+      return /* @__PURE__ */ jsx11(CopyIcon, { className: "h-5 w-5", color: "var(--color-text-primary)" });
     default:
-      return /* @__PURE__ */ jsx13(GlobeIcon, { className: "h-5 w-5" });
+      return /* @__PURE__ */ jsx11(GlobeIcon, { className: "h-5 w-5" });
   }
 }
 function SocialIconRow({
@@ -2574,7 +2307,7 @@ function SocialIconRow({
   const resolvedVariant = variant !== void 0 ? variant : compact ? "transparent" : "outline";
   const renderButton = (link, index) => {
     const ariaLabel = link.label || link.platform;
-    return link.onClick ? /* @__PURE__ */ jsx13(
+    return link.onClick ? /* @__PURE__ */ jsx11(
       Button,
       {
         type: "button",
@@ -2590,7 +2323,7 @@ function SocialIconRow({
       // Props-based linking — Button renders the anchor itself
       // (openInNewTab carries target="_blank" + rel="noopener noreferrer");
       // no asChild/<a> nesting.
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx11(
         Button,
         {
           variant: resolvedVariant,
@@ -2610,33 +2343,33 @@ function SocialIconRow({
     const external = links.filter((l) => l.visibility !== "internal");
     const internal = links.filter((l) => l.visibility === "internal");
     if (external.length > 0 && internal.length > 0) {
-      return /* @__PURE__ */ jsxs11("div", { className: rowClass, children: [
+      return /* @__PURE__ */ jsxs9("div", { className: rowClass, children: [
         external.map((l, i) => renderButton(l, i)),
-        /* @__PURE__ */ jsx13("span", { "aria-hidden": true, className: "my-1 w-px shrink-0 self-stretch bg-ods-border" }),
+        /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "my-1 w-px shrink-0 self-stretch bg-ods-border" }),
         internal.map((l, i) => renderButton(l, external.length + i))
       ] });
     }
   }
-  return /* @__PURE__ */ jsx13("div", { className: rowClass, children: links.map((link, index) => renderButton(link, index)) });
+  return /* @__PURE__ */ jsx11("div", { className: rowClass, children: links.map((link, index) => renderButton(link, index)) });
 }
 
 // src/components/footer.tsx
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function NavLinkSkeleton() {
-  return /* @__PURE__ */ jsx14(Skeleton, { className: "h-5 w-20 md:h-6 md:w-24" });
+  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__ */ jsx14(UniversalFooter, { config, renderLink });
+  return /* @__PURE__ */ jsx12(UniversalFooter, { config, renderLink });
 }
 function UniversalFooter({
   config,
   renderLink
 }) {
-  const defaultRenderLink = (link) => /* @__PURE__ */ jsx14(
+  const defaultRenderLink = (link) => /* @__PURE__ */ jsx12(
     "a",
     {
       href: link.href,
@@ -2645,21 +2378,21 @@ function UniversalFooter({
     }
   );
   const linkRenderer = renderLink || defaultRenderLink;
-  return /* @__PURE__ */ jsxs12(
+  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__ */ jsxs12("div", { className: "grid w-full grid-cols-2 items-start gap-6 md:gap-8 lg:grid-cols-4", children: [
-          /* @__PURE__ */ jsxs12("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__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-              config.logo && /* @__PURE__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(Skeleton, { className: "h-8 w-8" }), children: config.logo }),
-              config.nameElement || /* @__PURE__ */ jsx14("span", { className: "whitespace-nowrap font-heading text-heading-5 font-bold text-ods-text-primary", children: config.name })
+        /* @__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__ */ jsxs12(Fragment3, { children: [
-              /* @__PURE__ */ jsx14("p", { className: "font-body text-sm font-medium leading-[1.43] text-ods-text-primary md:text-sm", children: config.description }),
-              config.belowDescriptionContent && /* @__PURE__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent }),
-              !config.hideSocialRow && /* @__PURE__ */ jsx14(
+            !config.moveDescriptionToRight && /* @__PURE__ */ jsxs10(Fragment2, { 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",
@@ -2667,22 +2400,22 @@ function UniversalFooter({
                 }
               )
             ] }),
-            config.moveDescriptionToRight && config.keepBelowDescriptionLeft && config.belowDescriptionContent && /* @__PURE__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
+            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__ */ jsxs12("div", { className: "col-span-1 flex flex-col items-start gap-3 text-left", children: [
-            /* @__PURE__ */ jsx14("h3", { className: "tracking-[-0.02em] text-ods-text-muted text-h5", children: section.title }),
-            /* @__PURE__ */ jsx14("div", { className: "flex flex-col gap-3", children: section.links.map((link, linkIndex) => /* @__PURE__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(NavLinkSkeleton, {}), children: linkRenderer(link) }, linkIndex)) })
+          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__ */ jsx14("div", { className: "col-span-2 flex flex-col justify-center md:col-span-1 lg:col-span-1", children: /* @__PURE__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(Skeleton, { className: "h-32 w-full" }), children: config.customComponent }) }),
-          (config.rightColumnContent || config.moveDescriptionToRight) && /* @__PURE__ */ jsxs12("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__ */ jsxs12(Fragment3, { children: [
-              /* @__PURE__ */ jsx14("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__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
+          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(Fragment2, { 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__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(Skeleton, { className: "h-32 w-full" }), children: config.rightColumnContent })
+            config.rightColumnContent && /* @__PURE__ */ jsx12(Suspense, { fallback: /* @__PURE__ */ jsx12(Skeleton, { className: "h-32 w-full" }), children: config.rightColumnContent })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs12("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: [
+        /* @__PURE__ */ jsxs10("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: [
           "\xA9 ",
           (/* @__PURE__ */ new Date()).getFullYear(),
           " ",
@@ -3002,20 +2735,20 @@ var blogFilterConfig = {
 
 // src/components/footer-waitlist-button.tsx
 import { useCallback } from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+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__ */ jsx15(Button, { onClick: handleClick, className, leftIcon: /* @__PURE__ */ jsx15(OpenFrameLogo, {}), children: "Join Waitlist" });
+  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 useState3 } from "react";
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment3, 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) {
@@ -3118,53 +2851,53 @@ function HeroImageUploader({
     onChange(void 0);
   };
   const heightStyle = typeof height === "number" ? `${height}px` : height;
-  return /* @__PURE__ */ jsxs13("div", { className: "h-full max-h-full min-h-[300px] w-full space-y-2", children: [
-    imageUrl ? /* @__PURE__ */ jsxs13(
+  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__ */ jsx16(next_image_default, { src: imageUrl, className: `object-${objectFit}`, alt: "Cover", fill: true, sizes: "100vw", unoptimized: true }),
-          /* @__PURE__ */ jsxs13("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__ */ jsx16(
+          /* @__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__ */ jsx16(Upload, { className: "h-5 w-5" })
+                children: /* @__PURE__ */ jsx14(Upload, { className: "h-5 w-5" })
               }
             ),
-            /* @__PURE__ */ jsx16(
+            /* @__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__ */ jsx16(X3, { className: "h-5 w-5" })
+                children: /* @__PURE__ */ jsx14(X3, { className: "h-5 w-5" })
               }
             )
           ] })
         ]
       }
-    ) : /* @__PURE__ */ jsx16(
+    ) : /* @__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__ */ jsx16(Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
-          /* @__PURE__ */ jsx16(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary" }),
-          /* @__PURE__ */ jsx16("span", { className: "mt-2 text-ods-text-primary text-h6", children: "Upload cover image" }),
-          /* @__PURE__ */ jsx16("span", { className: "mt-1 text-ods-text-secondary text-h6", children: "Click to upload or drag and drop" }),
-          /* @__PURE__ */ jsx16("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(Fragment3, { 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__ */ jsx16("input", { ref: inputRef, type: "file", accept: "image/*", onChange: handleSelect, className: "hidden" })
+    /* @__PURE__ */ jsx14("input", { ref: inputRef, type: "file", accept: "image/*", onChange: handleSelect, className: "hidden" })
   ] });
 }
 
@@ -3183,13 +2916,13 @@ var CommunityIcon2 = MessageSquare;
 var CompareIcon2 = GitCompare;
 
 // src/components/icons-block.tsx
-import { jsx as jsx17, jsxs as jsxs14 } 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__ */ jsx17("div", { children: "Logo" });
+var OpenmspLogo2 = () => /* @__PURE__ */ jsx15("div", { children: "Logo" });
 var availableIcons = [
   VendorDirectoryIcon2,
   OpenSourceIcon2,
@@ -3252,17 +2985,17 @@ function ResponsiveIconsBlock({ loading = false }) {
     return iconGrid[row]?.[col] || availableIcons[0];
   };
   if (loading || iconGrid.length === 0) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx15(
       "div",
       {
         className: "relative h-[80px] w-full overflow-hidden bg-[#1A1A1A] md:h-[112px]",
         role: "presentation",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx17("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__ */ jsxs14(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: "relative z-10 h-[80px] w-full overflow-hidden bg-[#1A1A1A] md:h-[112px]",
@@ -3270,14 +3003,14 @@ function ResponsiveIconsBlock({ loading = false }) {
       role: "presentation",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx17("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__ */ jsx17(
+        /* @__PURE__ */ jsx15(
           "div",
           {
             className: "icons-block grid h-full w-full",
@@ -3289,7 +3022,7 @@ function ResponsiveIconsBlock({ loading = false }) {
               const col = idx % displayColumns;
               const row = Math.floor(idx / displayColumns);
               const IconComponent = getIconForIndex(idx);
-              return /* @__PURE__ */ jsx17(
+              return /* @__PURE__ */ jsx15(
                 "div",
                 {
                   className: "flex h-full w-full items-center justify-center",
@@ -3302,7 +3035,7 @@ function ResponsiveIconsBlock({ loading = false }) {
                     boxSizing: "border-box"
                   },
                   role: "presentation",
-                  children: /* @__PURE__ */ jsx17(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
               );
@@ -3318,7 +3051,7 @@ function ResponsiveIconsBlock({ loading = false }) {
 import { Check, RotateCcw } from "lucide-react";
 import { useCallback as useCallback2, useState as useState5 } from "react";
 import Cropper from "react-easy-crop";
-import { jsx as jsx18, jsxs as jsxs15 } 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();
@@ -3405,7 +3138,7 @@ var ImageCropper = ({
       onCancel?.();
     }
   };
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn("relative flex w-full flex-col gap-4", className),
@@ -3413,7 +3146,7 @@ var ImageCropper = ({
       tabIndex: 0,
       "aria-label": "Image cropper",
       children: [
-        /* @__PURE__ */ jsx18("div", { className: cn("relative aspect-square w-full overflow-hidden rounded-md md:aspect-video", checkerBg), children: /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx16("div", { className: cn("relative aspect-square w-full overflow-hidden rounded-md md:aspect-video", checkerBg), children: /* @__PURE__ */ jsx16(
           Cropper,
           {
             image: src,
@@ -3430,10 +3163,10 @@ var ImageCropper = ({
             objectFit: "contain"
           }
         ) }),
-        /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx18("span", { className: "min-w-[60px] text-h6", children: "Zoom" }),
-            /* @__PURE__ */ jsx18(
+        /* @__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,
@@ -3446,9 +3179,9 @@ var ImageCropper = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx18("span", { className: "min-w-[60px] text-h6", children: "Rotate" }),
-            /* @__PURE__ */ jsx18(
+          /* @__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,
@@ -3460,12 +3193,12 @@ var ImageCropper = ({
                 className: "flex-1"
               }
             ),
-            /* @__PURE__ */ jsx18(Button, { variant: "outline", size: "icon", onClick: () => setRotation(0), "aria-label": "Reset rotation", children: /* @__PURE__ */ jsx18(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__ */ jsxs15("div", { className: "mt-2 flex justify-end gap-2", children: [
-          onCancel && /* @__PURE__ */ jsx18(Button, { variant: "outline", onClick: onCancel, "aria-label": "Cancel crop", children: "Cancel" }),
-          /* @__PURE__ */ jsx18(
+        /* @__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",
@@ -3473,7 +3206,7 @@ var ImageCropper = ({
                 const result = await exportCrop();
                 if (result) onComplete(result);
               },
-              leftIcon: /* @__PURE__ */ jsx18(Check, { className: "h-4 w-4" }),
+              leftIcon: /* @__PURE__ */ jsx16(Check, { className: "h-4 w-4" }),
               "aria-label": "Apply crop",
               children: "Apply"
             }
@@ -3485,19 +3218,19 @@ var ImageCropper = ({
 };
 
 // src/components/metric-value.tsx
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function MetricValue({ value, label, className }) {
-  return /* @__PURE__ */ jsxs16("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__ */ jsx19("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 jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function MSPDisplay({ name, logoUrl, size = 40, className }) {
-  return /* @__PURE__ */ jsxs17("div", { className: cn("flex min-w-0 items-center gap-2", className), children: [
-    /* @__PURE__ */ jsx20(
+  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,
@@ -3506,16 +3239,16 @@ function MSPDisplay({ name, logoUrl, size = 40, className }) {
         sizePx: size
       }
     ),
-    /* @__PURE__ */ jsx20("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 jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 
 // src/components/pricing-display.tsx
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var PRICING_STYLES = {
   // Comparison table style (current default)
   comparison: {
@@ -3551,11 +3284,11 @@ function PricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (typeof pricing === "string") {
-    return /* @__PURE__ */ jsx22(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__ */ jsx22(
+    return /* @__PURE__ */ jsx20(
       "span",
       {
         className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`,
@@ -3567,9 +3300,9 @@ function PricingDisplay({
     const item = pricingArray[0];
     const price = item.ranges?.[0]?.min || 0;
     const unit = item.ranges?.[0]?.unit;
-    return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-      /* @__PURE__ */ jsx22("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
-      unit && /* @__PURE__ */ jsxs19("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
       ] })
@@ -3579,9 +3312,9 @@ function PricingDisplay({
     (item) => formatPriceValue(item.ranges?.[0]?.min || 0, styleConfig.showTildePrefix)
   );
   const itemWithUnit = pricingArray.find((item) => item.ranges?.[0]?.unit);
-  return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-    /* @__PURE__ */ jsx22("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
-    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+  return /* @__PURE__ */ 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
     ] })
@@ -3602,7 +3335,7 @@ function LegacyPricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (pricing === "Free" || pricing === "No pricing data") {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx20(
       "span",
       {
         className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`,
@@ -3664,9 +3397,9 @@ function LegacyPricingDisplay({
     };
   };
   const { mainValue, secondaryInfo } = parsePricing(pricing);
-  return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-    /* @__PURE__ */ jsx22("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
-    secondaryInfo && /* @__PURE__ */ jsx22("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) {
@@ -3674,7 +3407,7 @@ function formatPricingForDisplay(pricing) {
 }
 
 // src/components/results-count.tsx
-import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function ResultsCount({ currentPage, pageSize, totalResults, resultType, sortingMessage }) {
   if (totalResults === 0) {
     return null;
@@ -3684,7 +3417,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__ */ jsx23("div", { className: "mb-6", children: /* @__PURE__ */ jsx23("p", { className: "text-ods-text-secondary text-h6", children: totalResults > 0 && /* @__PURE__ */ jsxs20(Fragment5, { children: [
+  return /* @__PURE__ */ jsx21("div", { className: "mb-6", children: /* @__PURE__ */ jsx21("p", { className: "text-ods-text-secondary text-h6", children: totalResults > 0 && /* @__PURE__ */ jsxs18(Fragment4, { children: [
     "Showing ",
     startIndex,
     "-",
@@ -3693,7 +3426,7 @@ function ResultsCount({ currentPage, pageSize, totalResults, resultType, sorting
     totalResults,
     " ",
     displayType,
-    sortingMessage && /* @__PURE__ */ jsxs20("span", { className: "ml-2 text-ods-accent", children: [
+    sortingMessage && /* @__PURE__ */ jsxs18("span", { className: "ml-2 text-ods-accent", children: [
       "\u2022 ",
       sortingMessage
     ] })
@@ -3704,14 +3437,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 jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var OpenFrameLogo2 = ({
   className,
   lowerPathColor,
   upperPathColor,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx22(
     "svg",
     {
       ...props,
@@ -3725,30 +3458,30 @@ var OpenFrameLogo2 = ({
         "--fill-0": "currentColor",
         ...props.style
       },
-      children: /* @__PURE__ */ jsxs21("g", { children: [
-        /* @__PURE__ */ jsxs21("g", { children: [
-          /* @__PURE__ */ jsx24(
+      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__ */ jsx24(
+          /* @__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__ */ jsx24(
+          /* @__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__ */ jsx24(
+          /* @__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",
@@ -3756,7 +3489,7 @@ var OpenFrameLogo2 = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx24(
+        /* @__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",
@@ -3769,7 +3502,7 @@ var OpenFrameLogo2 = ({
 };
 
 // src/components/vendor-tag.tsx
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 function VendorTag({ type, text, className = "", hidden = false, size = "md", accentColor }) {
   const baseClasses = cn(
     "flex items-center gap-1.5 whitespace-nowrap rounded border border-ods-border bg-ods-bg",
@@ -3781,99 +3514,99 @@ function VendorTag({ type, text, className = "", hidden = false, size = "md", ac
         return {
           text: "Placeholder",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm", children: /* @__PURE__ */ jsx25(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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm", children: /* @__PURE__ */ jsx25(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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm", children: /* @__PURE__ */ jsx25(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__ */ jsx25(
+          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__ */ jsx25(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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx25(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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx25(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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx25(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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx25(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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx25(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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx25("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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx25("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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx25(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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx25("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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx25("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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx25(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__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx25(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 (classificationType === "openframe_selected") {
           return {
             text: "OpenFrame Selected",
-            icon: /* @__PURE__ */ jsx25(
+            icon: /* @__PURE__ */ jsx23(
               OpenFrameLogo2,
               {
                 lowerPathColor: "currentColor",
@@ -3885,14 +3618,14 @@ function VendorTag({ type, text, className = "", hidden = false, size = "md", ac
         } else {
           return {
             text: text || "Classification",
-            icon: /* @__PURE__ */ jsx25("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-accent", children: /* @__PURE__ */ jsx25("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" }) })
           };
         }
       }
       case "openframe_selected":
         return {
           text: text || "OpenFrame Selected",
-          icon: /* @__PURE__ */ jsx25(
+          icon: /* @__PURE__ */ jsx23(
             OpenFrameLogo2,
             {
               lowerPathColor: "currentColor",
@@ -3909,19 +3642,19 @@ function VendorTag({ type, text, className = "", hidden = false, size = "md", ac
     }
   };
   const { text: displayText, icon, textColor } = getTagContent();
-  return /* @__PURE__ */ jsxs22("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
+  return /* @__PURE__ */ jsxs20("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
     icon,
-    /* @__PURE__ */ jsx25("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 jsx26 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function SelectionSourceBadge({ source, hidden = false }) {
   if (!source) {
     return null;
   }
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx24(
     VendorTag,
     {
       type: source?.toLowerCase(),
@@ -3932,596 +3665,33 @@ function SelectionSourceBadge({ source, hidden = false }) {
   );
 }
 
-// src/components/loading/content-skeleton.tsx
-import { jsx as jsx27, 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__ */ jsx27("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: lineWidths[index % lineWidths.length] }, index)) });
-}
-function ListSkeleton({
-  className,
-  items = 5,
-  showIcons = false,
-  showActions = false
-}) {
-  return /* @__PURE__ */ jsx27("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__ */ jsx27(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-32 md:w-48" })
-    ] }),
-    showActions && /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-8" }),
-      /* @__PURE__ */ jsx27(UnifiedSkeleton, { variant: "default", className: "h-4 w-4" })
-    ] })
-  ] }, index)) });
-}
-function TableSkeleton({
-  className,
-  rows = 5,
-  columns = 4
-}) {
-  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsx27("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
-    /* @__PURE__ */ jsx27("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx27(
-      "div",
-      {
-        className: "grid gap-4 border-b border-ods-divider py-2",
-        style: { gridTemplateColumns: `repeat(${columns}, 1fr)` },
-        children: Array.from({ length: columns }).map((_cell, colIndex) => /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
-      },
-      rowIndex
-    )) })
-  ] });
-}
-function FormSkeleton({ className, fields = 4 }) {
-  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-6", className), children: [
-    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-24" }),
-      /* @__PURE__ */ jsx27(InteractiveSkeleton.Input, {}),
-      index % 3 === 0 && /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-48" })
-    ] }, index)),
-    /* @__PURE__ */ jsxs23("div", { className: "flex gap-4 pt-4", children: [
-      /* @__PURE__ */ jsx27(InteractiveSkeleton.Button, {}),
-      /* @__PURE__ */ jsx27(InteractiveSkeleton.Button, { className: "bg-ods-border" })
-    ] })
-  ] });
-}
-function NavigationSkeleton({
-  className,
-  items = 6,
-  horizontal = true
-}) {
-  return /* @__PURE__ */ jsx27(
-    "nav",
-    {
-      className: cn("flex gap-4 md:gap-6", !horizontal && "flex-col", className),
-      role: "status",
-      "aria-label": "Loading navigation",
-      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
-    }
-  );
-}
-function ProfileSkeleton({
-  className,
-  showBio = true,
-  showStats = true
-}) {
-  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-start gap-4", children: [
-      /* @__PURE__ */ jsx27(MediaSkeleton.Avatar, { size: "lg" }),
-      /* @__PURE__ */ jsxs23("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "w-1/2" }),
-        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-2/3" })
-      ] })
-    ] }),
-    showBio && /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-4/5" }),
-      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-3/4" })
-    ] }),
-    showStats && /* @__PURE__ */ jsxs23("div", { className: "flex gap-6", children: [
-      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "mx-auto w-8" }),
-        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "mx-auto w-12" })
-      ] }),
-      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "mx-auto w-8" }),
-        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "mx-auto w-16" })
-      ] }),
-      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "mx-auto w-8" }),
-        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "mx-auto w-14" })
-      ] })
-    ] })
-  ] });
-}
-function CommentSkeleton({
-  className,
-  showRating = false,
-  showReplies = false
-}) {
-  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx27(MediaSkeleton.Avatar, { size: "sm" }),
-      /* @__PURE__ */ jsxs23("div", { className: "flex flex-1 items-center gap-4", children: [
-        /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-24" }),
-        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-16" }),
-        showRating && /* @__PURE__ */ jsx27("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx27(MediaSkeleton.Icon, { size: "sm" }, i)) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs23("div", { className: "ml-11 space-y-2", children: [
-      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-3/4" }),
-      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-1/2" })
-    ] }),
-    /* @__PURE__ */ jsxs23("div", { className: "ml-11 flex gap-4", children: [
-      /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-12" }),
-      /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-16" }),
-      /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-8" })
-    ] }),
-    showReplies && /* @__PURE__ */ jsx27("div", { className: "ml-11 space-y-4 border-l border-ods-divider pl-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__ */ jsx27(MediaSkeleton.Avatar, { size: "sm" }),
-        /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-20" }),
-        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-12" })
-      ] }),
-      /* @__PURE__ */ jsxs23("div", { className: "ml-11", children: [
-        /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-2/3" })
-      ] })
-    ] }, index)) })
-  ] });
-}
-function FeatureListSkeleton({
-  className,
-  features = 6,
-  showIcons = true,
-  grouped = false
-}) {
-  if (grouped) {
-    return /* @__PURE__ */ jsx27("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs23("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx27("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_feature, featureIndex) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-        showIcons && /* @__PURE__ */ jsx27(MediaSkeleton.Icon, { size: "sm" }),
-        /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-2/3" })
-      ] }, featureIndex)) })
-    ] }, groupIndex)) });
-  }
-  return /* @__PURE__ */ jsx27("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__ */ jsx27(MediaSkeleton.Icon, { size: "sm" }),
-    /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-2/3" })
-  ] }, index)) });
-}
-function TimelineSkeleton({ className, items = 5 }) {
-  return /* @__PURE__ */ jsx27("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__ */ jsx27(MediaSkeleton.Icon, { size: "sm" }),
-      index < items - 1 && /* @__PURE__ */ jsx27("div", { className: "mt-2 h-12 w-px bg-ods-border" })
-    ] }),
-    /* @__PURE__ */ jsxs23("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-16" })
-      ] }),
-      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-3/4" })
-    ] })
-  ] }, index)) });
-}
-function PricingSkeleton({ className, plans = 3 }) {
-  return /* @__PURE__ */ jsx27(
-    "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__ */ jsx27("div", { className: "rounded-lg border border-ods-border bg-ods-card p-6", children: /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "w-1/2" }),
-        /* @__PURE__ */ jsxs23("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsx27(TextSkeleton.Heading, { className: "w-1/3" }),
-          /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-1/4" })
-        ] }),
-        /* @__PURE__ */ jsx27("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_feature, featureIndex) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx27(MediaSkeleton.Icon, { size: "sm" }),
-          /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-3/4" })
-        ] }, featureIndex)) }),
-        /* @__PURE__ */ jsx27(InteractiveSkeleton.Button, { className: "w-full" })
-      ] }) }, index))
-    }
-  );
-}
-
-// src/components/profile/ProfileLoadingSkeleton.tsx
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
-function ProfileLoadingSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs24("div", { className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsxs24("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ jsx28("div", { className: "h-16 w-16 animate-pulse rounded-full bg-ods-skeleton" }),
-      /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx28("div", { className: "h-4 w-32 animate-pulse rounded bg-ods-skeleton" }),
-        /* @__PURE__ */ jsx28("div", { className: "h-3 w-24 animate-pulse rounded bg-ods-skeleton" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs24("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx28("div", { className: "h-4 w-full animate-pulse rounded bg-ods-skeleton" }),
-      /* @__PURE__ */ jsx28("div", { className: "h-4 w-3/4 animate-pulse rounded bg-ods-skeleton" }),
-      /* @__PURE__ */ jsx28("div", { className: "h-4 w-1/2 animate-pulse rounded bg-ods-skeleton" })
-    ] })
-  ] });
-}
-
-// src/components/loading/msp-profile-form-skeleton.tsx
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
-function MspProfileFormSkeleton({ className, fields = 4 }) {
-  return /* @__PURE__ */ jsxs25(
-    "div",
-    {
-      className: cn("grid grid-cols-1 items-stretch gap-6 md:grid-cols-2", className),
-      role: "status",
-      "aria-label": "Loading MSP profile form",
-      children: [
-        /* @__PURE__ */ jsxs25("div", { className: "flex h-full flex-col space-y-2", children: [
-          /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-28" }),
-          /* @__PURE__ */ jsx29("div", { className: "min-h-[180px] flex-1 md:min-h-full", children: /* @__PURE__ */ jsx29(UnifiedSkeleton, { className: "h-full w-full rounded-lg", "aria-label": "Loading company logo" }) })
-        ] }),
-        /* @__PURE__ */ jsx29("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs25("div", { className: "flex flex-col space-y-2", children: [
-          /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-40" }),
-          /* @__PURE__ */ jsx29(InteractiveSkeleton.Input, {})
-        ] }, idx)) })
-      ]
-    }
-  );
-}
-
-// src/components/loading/category-card-skeleton.tsx
-import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
-function CategoryCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs26(
-    "article",
-    {
-      className: cn(
-        "box-border flex min-w-0 flex-col rounded-[12px] border border-ods-border bg-ods-card p-8",
-        className
-      ),
-      role: "status",
-      "aria-label": "Loading category card",
-      children: [
-        /* @__PURE__ */ jsx30("div", { className: "mb-8 flex items-center justify-center gap-6", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx30(UnifiedSkeleton, { variant: "circular", className: "h-10 w-10 flex-shrink-0", "aria-label": "Loading icon" }, i)) }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex flex-1 flex-col space-y-3", children: [
-          /* @__PURE__ */ jsx30(TextSkeleton.Heading, { className: "w-3/4" }),
-          /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" })
-        ] }),
-        /* @__PURE__ */ jsx30("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx30(UnifiedSkeleton, { className: "h-12 w-12 rounded-[6px]", "aria-label": "Loading button" }) })
-      ]
-    }
-  );
-}
-
-// src/components/loading/category-vendor-selector-skeleton.tsx
-import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
-function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
-  return /* @__PURE__ */ jsxs27(
-    "div",
-    {
-      className: cn("rounded-lg border border-ods-border bg-ods-card p-6", className),
-      role: "status",
-      "aria-label": "Loading category section",
-      children: [
-        /* @__PURE__ */ jsxs27("div", { className: "mb-6 max-w-xl space-y-2", children: [
-          /* @__PURE__ */ jsx31(TextSkeleton.Heading, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-3/4" })
-        ] }),
-        /* @__PURE__ */ jsx31("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx31(TextSkeleton.Subheading, { className: "w-1/3" }),
-          /* @__PURE__ */ jsx31("div", { className: "grid grid-cols-2 gap-4 md:grid-cols-3", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx31(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
-        ] }, idx)) })
-      ]
-    }
-  );
-}
-
-// src/components/loading/wizard-layout-skeleton.tsx
-import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
-function WizardLayoutSkeleton({ steps = 6, className }) {
-  return /* @__PURE__ */ jsxs28("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
-    /* @__PURE__ */ jsx32("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx32(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
-    /* @__PURE__ */ jsxs28("div", { className: "max-w-2xl space-y-2", children: [
-      /* @__PURE__ */ jsx32(TextSkeleton.Heading, { className: "w-2/3" }),
-      /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-1/2" })
-    ] }),
-    /* @__PURE__ */ jsxs28("div", { className: "mt-10 flex justify-between", children: [
-      /* @__PURE__ */ jsx32(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
-      /* @__PURE__ */ jsx32(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
-    ] })
-  ] });
-}
-
-// src/components/loading/margin-report-skeleton.tsx
-import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
-function MarginReportSkeleton({ animate = true, description, overlayContent }) {
-  return /* @__PURE__ */ jsxs29("main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
-    /* @__PURE__ */ jsxs29("div", { className: "mx-auto max-w-[1920px] space-y-10 px-6 py-6 md:px-20 md:py-10", children: [
-      /* @__PURE__ */ jsxs29("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx33("div", { className: "h-10 w-72 rounded bg-ods-skeleton" }),
-        /* @__PURE__ */ jsx33("div", { className: "h-4 w-80 rounded bg-ods-skeleton" })
-      ] }),
-      /* @__PURE__ */ jsx33("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx33("div", { className: "h-32 rounded border border-ods-border bg-ods-card" }, i)) }),
-      /* @__PURE__ */ jsxs29("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
-        /* @__PURE__ */ jsxs29("div", { className: "flex animate-pulse items-center gap-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
-          /* @__PURE__ */ jsx33("div", { className: "h-14 w-14 rounded-lg bg-ods-skeleton" }),
-          /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2", children: [
-            /* @__PURE__ */ jsx33("div", { className: "h-4 w-3/4 rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsx33("div", { className: "h-3 w-1/2 rounded bg-ods-skeleton" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs29("div", { className: "flex animate-pulse flex-col gap-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
-          /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx33("div", { className: "h-10 w-10 rounded-lg bg-ods-skeleton" }),
-              /* @__PURE__ */ jsxs29("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx33("div", { className: "h-4 w-32 rounded bg-ods-skeleton" }),
-                /* @__PURE__ */ jsx33("div", { className: "h-3 w-20 rounded bg-ods-skeleton" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx33("div", { className: "h-6 w-36 rounded bg-ods-skeleton" })
-          ] }),
-          /* @__PURE__ */ jsx33("div", { className: "mt-4 h-4 w-40 rounded bg-ods-skeleton" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx33("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs29(
-        "div",
-        {
-          className: "flex animate-pulse flex-col overflow-hidden rounded-lg border border-ods-border bg-ods-card",
-          children: [
-            /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between px-6 py-4", children: [
-              /* @__PURE__ */ jsx33("div", { className: "h-6 w-40 rounded bg-ods-skeleton" }),
-              /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx33("div", { className: "h-5 w-20 rounded bg-ods-skeleton" }),
-                /* @__PURE__ */ jsx33("div", { className: "h-4 w-10 rounded bg-ods-skeleton" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx33("div", { className: "flex flex-1 flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs29(
-              "div",
-              {
-                className: "flex items-center justify-between rounded-lg border border-ods-border bg-ods-bg px-4 py-3",
-                children: [
-                  /* @__PURE__ */ jsxs29("div", { className: "flex min-w-0 items-center gap-3", children: [
-                    /* @__PURE__ */ jsx33("div", { className: "h-12 w-12 flex-shrink-0 rounded-lg bg-ods-skeleton" }),
-                    /* @__PURE__ */ jsxs29("div", { className: "flex min-w-0 flex-col", children: [
-                      /* @__PURE__ */ jsx33("div", { className: "h-4 w-32 rounded bg-ods-skeleton" }),
-                      /* @__PURE__ */ jsx33("div", { className: "mt-1 hidden h-3 w-24 rounded bg-ods-skeleton md:block" })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs29("div", { className: "flex flex-shrink-0 items-center gap-1", children: [
-                    /* @__PURE__ */ jsx33("div", { className: "h-4 w-16 rounded bg-ods-skeleton" }),
-                    /* @__PURE__ */ jsx33("div", { className: "h-3 w-8 rounded bg-ods-skeleton" })
-                  ] })
-                ]
-              },
-              j
-            )) })
-          ]
-        },
-        idx
-      )) }),
-      /* @__PURE__ */ jsx33("div", { className: "h-6 w-60 rounded bg-ods-skeleton" }),
-      /* @__PURE__ */ jsx33("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx33("div", { className: "h-48 rounded border border-ods-border bg-ods-card" }, i)) }),
-      /* @__PURE__ */ jsxs29("div", { className: "space-y-6 rounded-3xl border border-ods-border p-8", children: [
-        /* @__PURE__ */ jsxs29("div", { className: "flex items-start gap-6", children: [
-          /* @__PURE__ */ jsxs29("div", { className: "min-w-0 flex-1 space-y-2", children: [
-            /* @__PURE__ */ jsx33("div", { className: "h-8 w-72 rounded bg-ods-skeleton" }),
-            /* @__PURE__ */ jsx33("div", { className: "h-4 w-3/4 rounded bg-ods-skeleton" })
-          ] }),
-          /* @__PURE__ */ jsx33("div", { className: "h-12 w-12 shrink-0 rounded-md bg-ods-skeleton" })
-        ] }),
-        /* @__PURE__ */ jsx33("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx33("div", { className: "h-32 rounded border border-ods-border bg-ods-card" }, i)) })
-      ] })
-    ] }),
-    overlayContent && /* @__PURE__ */ jsx33("div", { className: "pointer-events-none absolute inset-0 z-10 rounded-lg bg-ods-card/80", children: /* @__PURE__ */ jsxs29("div", { className: "pointer-events-auto fixed left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-4 px-4 text-center", children: [
-      description && /* @__PURE__ */ jsx33("h3", { children: description }),
-      overlayContent
-    ] }) })
-  ] });
-}
-
-// src/components/loading/users-grid-skeleton.tsx
-import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
-function UsersGridSkeleton({ rows = 10, className }) {
-  const skeletonRows = Array.from({ length: rows });
-  return /* @__PURE__ */ jsx34("div", { className: cn("animate-pulse overflow-x-auto rounded-lg border border-ods-border bg-ods-card", className), children: /* @__PURE__ */ jsxs30("table", { className: "min-w-full divide-y divide-ods-border", children: [
-    /* @__PURE__ */ jsx34("thead", { className: "bg-ods-skeleton", children: /* @__PURE__ */ jsx34("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx34("th", { className: "px-4 py-3 text-left text-ods-text-primary text-h6", children: h }, h)) }) }),
-    /* @__PURE__ */ jsx34("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx34("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx34("td", { className: "whitespace-nowrap px-4 py-3", children: /* @__PURE__ */ jsx34("div", { className: "h-4 w-full rounded bg-ods-border" }) }, cell)) }, idx)) })
-  ] }) });
-}
-
-// src/components/loading/organization-icon-skeleton.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
-var sizeClasses2 = {
-  xs: "w-6 h-6",
-  sm: "w-8 h-8",
-  md: "w-10 h-10",
-  lg: "w-12 h-12",
-  l: "w-14 h-14",
-  xl: "w-16 h-16"
-};
-var backgroundClasses2 = {
-  dark: "bg-ods-bg border border-ods-border",
-  light: "bg-ods-card border border-ods-border",
-  white: "bg-white border border-[#E5E5E5]"
-};
-function OrganizationIconSkeleton({
-  size = "md",
-  className = "",
-  showBackground = true,
-  backgroundStyle = "dark"
-}) {
-  const containerClasses = cn(
-    sizeClasses2[size],
-    "flex flex-shrink-0 items-center justify-center rounded-lg",
-    showBackground && backgroundClasses2[backgroundStyle],
-    !showBackground && "overflow-hidden",
-    className
-  );
-  return /* @__PURE__ */ jsx35("div", { className: containerClasses, role: "status", "aria-label": "Loading organization icon", children: /* @__PURE__ */ jsx35("div", { className: "h-1/2 w-1/2 animate-pulse rounded-sm bg-ods-border" }) });
-}
-
-// src/components/loading/organization-card-skeleton.tsx
-import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
-function OrganizationCardSkeleton({
-  className,
-  containerClassName,
-  showFooter = true,
-  showDescription = true
-}) {
-  return /* @__PURE__ */ jsx36(
-    "div",
-    {
-      className: cn(
-        containerClassName || "border border-ods-border bg-ods-card",
-        "flex h-full flex-col overflow-hidden rounded-lg",
-        className
-      ),
-      role: "status",
-      "aria-label": "Loading organization card",
-      children: /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-3 p-4", children: [
-        /* @__PURE__ */ jsxs31("div", { className: "flex w-full items-start gap-3", children: [
-          /* @__PURE__ */ jsx36(
-            OrganizationIconSkeleton,
-            {
-              size: "xl",
-              backgroundStyle: "dark",
-              showBackground: true,
-              className: "h-[60px] w-[60px]"
-            }
-          ),
-          /* @__PURE__ */ jsxs31("div", { className: "flex min-w-0 flex-1 flex-col justify-center space-y-1 py-2", children: [
-            /* @__PURE__ */ jsx36(TextSkeleton.Subheading, { className: "w-3/4" }),
-            /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-1/2" })
-          ] })
-        ] }),
-        showDescription && /* @__PURE__ */ jsx36("div", { className: "flex h-12 w-full items-center overflow-hidden", children: /* @__PURE__ */ jsxs31("div", { className: "w-full space-y-1", children: [
-          /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-2/3" })
-        ] }) }),
-        showFooter && /* @__PURE__ */ jsxs31("div", { className: "flex w-full min-w-0 items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsxs31("div", { className: "flex min-w-0 flex-shrink items-center gap-3 md:gap-4", children: [
-            /* @__PURE__ */ jsxs31("div", { className: "flex flex-shrink-0 items-center gap-1", children: [
-              /* @__PURE__ */ jsx36(MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
-              /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-8" })
-            ] }),
-            /* @__PURE__ */ jsxs31("div", { className: "flex flex-shrink-0 items-center gap-1", children: [
-              /* @__PURE__ */ jsx36(MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
-              /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-10" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx36("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1.5 rounded border border-ods-border bg-ods-bg px-2.5 py-1.5", children: [
-            /* @__PURE__ */ jsx36("div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ jsx36(MediaSkeleton.Icon, { size: "sm", className: "h-2.5 w-2.5" }) }),
-            /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-16" })
-          ] }) })
-        ] })
-      ] })
-    }
-  );
-}
-function OrganizationCardSkeletonGrid({
-  count = 12,
-  className,
-  containerClassName,
-  showFooter = true,
-  showDescription = true
-}) {
-  return /* @__PURE__ */ jsx36(
-    "div",
-    {
-      className: cn("grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6 lg:grid-cols-3", className),
-      role: "status",
-      "aria-label": `Loading ${count} organization cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx36(
-        OrganizationCardSkeleton,
-        {
-          containerClassName,
-          showFooter,
-          showDescription
-        },
-        index
-      ))
-    }
-  );
-}
-
-// src/components/loading/device-card-skeleton.tsx
-import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
-function DeviceCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs32(
-    "div",
-    {
-      className: cn("h-full rounded-[6px] border border-ods-border bg-ods-card", className),
-      role: "status",
-      "aria-label": "Loading device card",
-      children: [
-        /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-4 px-4 py-3", children: [
-          /* @__PURE__ */ jsx37("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-[6px] border border-ods-border bg-ods-bg", children: /* @__PURE__ */ jsx37("div", { className: "h-4 w-4 animate-pulse rounded bg-ods-border" }) }),
-          /* @__PURE__ */ jsx37("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx37("div", { className: "h-6 w-3/4 animate-pulse rounded bg-ods-border" }) }),
-          /* @__PURE__ */ jsx37("div", { className: "h-12 w-12 flex-shrink-0 animate-pulse rounded-[6px] bg-ods-border" })
-        ] }),
-        /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-4 px-4 py-2", children: [
-          /* @__PURE__ */ jsx37("div", { className: "h-6 w-24 flex-shrink-0 animate-pulse rounded bg-ods-border" }),
-          /* @__PURE__ */ jsx37(OrganizationIconSkeleton, { size: "sm" }),
-          /* @__PURE__ */ jsx37("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx37("div", { className: "h-5 w-1/2 animate-pulse rounded bg-ods-border" }) })
-        ] }),
-        /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-4 px-4 py-2", children: [
-          /* @__PURE__ */ jsx37("div", { className: "h-6 w-20 flex-shrink-0 animate-pulse rounded-full bg-ods-border" }),
-          /* @__PURE__ */ jsx37("div", { className: "flex-1", children: /* @__PURE__ */ jsx37("div", { className: "h-5 w-40 animate-pulse rounded bg-ods-border" }) })
-        ] })
-      ]
-    }
-  );
-}
-function DeviceCardSkeletonGrid({ count = 12, className }) {
-  return /* @__PURE__ */ jsx37(
-    "div",
-    {
-      className: cn("grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4", className),
-      role: "status",
-      "aria-label": `Loading ${count} device cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx37(DeviceCardSkeleton, {}, index))
-    }
-  );
-}
-
 // src/components/vendor-page-skeleton.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function VendorPageSkeleton() {
-  return /* @__PURE__ */ jsx38(VendorDetailLayoutSkeleton, {});
+  return /* @__PURE__ */ jsx25(VendorDetailLayoutSkeleton, {});
 }
 
 // src/components/why-it-matters.tsx
-import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 
 // src/components/yes-no-display.tsx
-import { jsx as jsx40, jsxs as jsxs34 } 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__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx40(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx40("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__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx40(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx40("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__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
-    /* @__PURE__ */ jsx40(XCircleIcon, { className: "h-6 w-6" }),
-    /* @__PURE__ */ jsx40("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) {
@@ -4556,7 +3726,7 @@ function evaluateFeatureValue(value, dataType) {
 
 // src/components/made-with-love.tsx
 import { useState as useState6, useEffect as useEffect3 } from "react";
-import { jsx as jsx41, jsxs as jsxs35 } 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] = useState6(false);
   const [isHovered, setIsHovered] = useState6(false);
@@ -4626,9 +3796,9 @@ function MadeWithLove({ className = "", size = "md", showOnMobile = true }) {
     marginLeft: "4px",
     textDecoration: "none"
   };
-  return /* @__PURE__ */ jsxs35("div", { style: containerStyle, className, children: [
+  return /* @__PURE__ */ jsxs23("div", { style: containerStyle, className, children: [
     "Made with love by",
-    /* @__PURE__ */ jsxs35(
+    /* @__PURE__ */ jsxs23(
       "a",
       {
         href: flamingoUrl,
@@ -4638,14 +3808,14 @@ function MadeWithLove({ className = "", size = "md", showOnMobile = true }) {
         onMouseEnter: () => setIsHovered(true),
         onMouseLeave: () => setIsHovered(false),
         children: [
-          /* @__PURE__ */ jsx41("div", { style: logoStyle, children: /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsx28("div", { style: logoStyle, children: /* @__PURE__ */ jsx28(
             FlamingoLogo2,
             {
               size: config.logoSize,
               color: "#f357bb"
             }
           ) }),
-          /* @__PURE__ */ jsx41("span", { style: textStyle, children: "Flamingo" })
+          /* @__PURE__ */ jsx28("span", { style: textStyle, children: "Flamingo" })
         ]
       }
     )
@@ -4654,7 +3824,7 @@ function MadeWithLove({ className = "", size = "md", showOnMobile = true }) {
 
 // src/components/date-time-picker.tsx
 import DatePicker2 from "react-datepicker";
-import { jsx as jsx42, jsxs as jsxs36 } 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",
@@ -4678,9 +3848,9 @@ function DateTimePicker({
   timeIntervals = 15,
   dateFormat = "MMMM d, yyyy h:mm aa"
 }) {
-  return /* @__PURE__ */ jsxs36("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsx42(Label, { className: "font-semibold text-ods-text-secondary text-h5", children: label }),
-    /* @__PURE__ */ jsx42("div", { className: "w-full", children: /* @__PURE__ */ jsx42(
+  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,
@@ -4695,7 +3865,7 @@ function DateTimePicker({
         className: inputClassName
       }
     ) }),
-    /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx29(
       "style",
       {
         dangerouslySetInnerHTML: {
@@ -4806,7 +3976,7 @@ function DateTimePicker({
 }
 
 // src/components/authors/author-detail-view.tsx
-import { jsx as jsx43, jsxs as jsxs37 } 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, {
@@ -4816,14 +3986,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__ */ jsxs37("div", { className: cn("flex flex-col gap-5 md:gap-6", className), children: [
-    /* @__PURE__ */ jsxs37("div", { className: "flex w-full items-start gap-6", children: [
-      /* @__PURE__ */ jsx43("div", { className: "relative h-24 w-24 shrink-0", children: /* @__PURE__ */ jsx43("div", { className: "relative h-full w-full overflow-hidden rounded-full border border-ods-border bg-ods-bg-surface", children: proxiedAvatar ? /* @__PURE__ */ jsx43(next_image_default, { src: proxiedAvatar, alt: author.fullName, fill: true, className: "object-cover", unoptimized: true }) : /* @__PURE__ */ jsx43("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__ */ jsxs37("div", { className: "flex min-w-0 flex-col justify-center gap-2", children: [
-        /* @__PURE__ */ jsx43("p", { className: "truncate leading-none text-ods-text-primary text-h2", children: author.fullName }),
-        subtitle && /* @__PURE__ */ jsx43("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__ */ jsx43(
+        /* @__PURE__ */ jsx30(
           SocialIconRow,
           {
             compact: true,
@@ -4836,8 +4006,8 @@ function AuthorDetailView({ author, proxyImageUrl, children, className }) {
         )
       ] })
     ] }),
-    bioText && /* @__PURE__ */ jsx43("p", { className: "text-ods-text-secondary text-h6", children: bioText }),
-    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx43("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx43(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
   ] });
 }
@@ -5792,6 +4962,7 @@ export {
   UsersGridSkeleton,
   UsersGroupIcon,
   UsersIcon,
+  VIDEO_PLAYBACK_FAILED_EVENT,
   VendorDetailLayoutSkeleton,
   VendorDirectoryIcon,
   VendorDisplayButton,