@flamingo-stack/openframe-frontend-core 0.0.348 → 0.0.349

package/dist/components/index.js

@@ -4,7 +4,7 @@ import "../chunk-GZ4C3XW6.js";
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../chunk-YOVM7KGM.js";
+} from "../chunk-XKXJB4D4.js";
 import {
   DeliveryLists,
   DeliveryTable,
@@ -21,7 +21,7 @@ import {
   useLegalDocs,
   usePaginationLoading,
   useRoadmapVoting
-} from "../chunk-6BW37KWJ.js";
+} from "../chunk-G2PUXREK.js";
 import {
   AnnouncementBarSkeleton,
   ArticleLayoutSkeleton,
@@ -54,17 +54,17 @@ import {
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-YWEWRAMA.js";
+} from "../chunk-2CKA3CCD.js";
 import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "../chunk-NUO4JXTS.js";
+} from "../chunk-UKEJUXQY.js";
 import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-XBJJIMIG.js";
+} from "../chunk-WY35YHCG.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -75,11 +75,11 @@ import {
   EmptyState,
   UnifiedPagination,
   init_unified_pagination
-} from "../chunk-RDJNK5AV.js";
+} from "../chunk-63EJ7OVZ.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "../chunk-4RMUTJTZ.js";
+} from "../chunk-GPLQR3AR.js";
 import {
   DocSearchBar,
   DocSearchResultRow,
@@ -87,7 +87,7 @@ import {
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-RT6GEODM.js";
+} from "../chunk-ETCT2IBA.js";
 import "../chunk-KYCZ4ISB.js";
 import "../chunk-4XLJWX2N.js";
 import {
@@ -110,6 +110,7 @@ import {
   ActionsMenu,
   ActionsMenuDropdown,
   AdminContentCard,
+  AgentMark,
   Alert,
   AlertDescription,
   AlertDialog,
@@ -325,6 +326,7 @@ import {
   EmbedIframe,
   EmbeddableChat,
   EntityAuthorCard,
+  EntityIcon,
   EntityImage,
   EntityMetadataAuthorCell,
   EntityMetadataValueCell,
@@ -335,7 +337,6 @@ import {
   ErrorMessageDisplay,
   ErrorState,
   ExpandChevron,
-  FAE_AVATAR_DATA_URI,
   FeatureCardGrid,
   FeatureList,
   FigmaEmbed,
@@ -379,6 +380,8 @@ import {
   HoverDropdown,
   HubspotTicketCard,
   HubspotTicketCardSkeleton,
+  ICON_ALIASES,
+  ICON_OPTIONS,
   ICON_REGISTRY,
   IconsBlock,
   ImageGalleryModal,
@@ -477,8 +480,6 @@ import {
   NotificationsProvider,
   OGLinkErrorBoundary,
   OGLinkPreview,
-  ONBOARDING_ICONS,
-  ONBOARDING_ICON_OPTIONS,
   OPENFRAME_DOCTOR_COMMANDS,
   OPENFRAME_PATHS,
   OSTypeBadge,
@@ -490,7 +491,6 @@ import {
   OnboardingGuideCardSkeleton,
   OnboardingStepCard,
   OnboardingWalkthrough,
-  OpenmspLogo as OpenmspLogo2,
   OrganizationCard,
   PAGE_HEADING_CLASS,
   PageActions,
@@ -771,7 +771,7 @@ import {
   renderChatInlineEntityCard,
   resolutionToStatus,
   resolveExternalNavigation,
-  resolveOnboardingIcon,
+  resolveIcon,
   resolveSourceIcon,
   resolveSourceRowCTA,
   resolveStatusTagProps,
@@ -826,7 +826,7 @@ import {
   useVideoOriginPreconnect,
   useVideoWarmup,
   usesCanonicalStatusStyle
-} from "../chunk-7CBXPBSB.js";
+} from "../chunk-CWNVR32U.js";
 import {
   CommandApprovalToast,
   ToastCard,
@@ -1058,98 +1058,10 @@ import "../chunk-PHWQLKVE.js";
 import "../chunk-GGWZFCYS.js";
 
 // src/components/announcement-bar.tsx
-import { useState, useEffect } from "react";
 init_button();
+import { useState, useEffect } from "react";
 import { X } from "lucide-react";
 
-// src/components/icon-utils.tsx
-import {
-  Megaphone,
-  Bell,
-  Info,
-  Star,
-  Rocket,
-  Package
-} from "lucide-react";
-
-// src/components/openframe-logo.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var OpenFrameLogo2 = ({ className, lowerPathColor, upperPathColor, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      ...props,
-      className,
-      width: "32",
-      height: "32",
-      viewBox: "0 0 32 32",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      style: {
-        "--fill-0": "currentColor",
-        ...props.style
-      },
-      children: /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx(
-            "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__ */ jsx(
-            "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__ */ jsx(
-            "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__ */ jsx(
-            "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",
-              fill: lowerPathColor ?? "#ffffff"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          "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",
-            fill: upperPathColor ?? "#1A1A1A"
-          }
-        )
-      ] })
-    }
-  );
-};
-
-// src/components/icon-utils.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function renderSvgIcon2(name, props = {}) {
-  const map = {
-    megaphone: (p) => /* @__PURE__ */ jsx2(Megaphone, { ...p }),
-    bell: (p) => /* @__PURE__ */ jsx2(Bell, { ...p }),
-    info: (p) => /* @__PURE__ */ jsx2(Info, { ...p }),
-    star: (p) => /* @__PURE__ */ jsx2(Star, { ...p }),
-    rocket: (p) => /* @__PURE__ */ jsx2(Rocket, { ...p }),
-    package: (p) => /* @__PURE__ */ jsx2(Package, { ...p }),
-    "openframe-logo": (p) => /* @__PURE__ */ jsx2(OpenFrameLogo2, { ...p }),
-    "openmsp-logo": (p) => /* @__PURE__ */ jsx2(OpenmspLogo2, { ...p }),
-    "flamingo": (p) => /* @__PURE__ */ jsx2(FlamingoLogo2, { ...p })
-  };
-  const renderer = map[name] || map["megaphone"];
-  return renderer(props);
-}
-
 // src/utils/announcement-storage.ts
 function getStoredAnnouncement(key) {
   if (typeof window !== "undefined") {
@@ -1179,11 +1091,7 @@ function clearStoredAnnouncement(key = "announcement") {
 }
 
 // src/components/announcement-bar.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var getSvgIcon = (name, size = "main", extra = {}) => {
-  const cls = size === "cta" ? "relative shrink-0 w-3 h-3 md:w-4 md:h-4" : "relative shrink-0 w-6 h-6 md:w-8 md:h-8";
-  return renderSvgIcon2(name, { className: cls, ...extra });
-};
+import { jsx, jsxs } from "react/jsx-runtime";
 function AnnouncementBar() {
   const [announcement, setAnnouncement] = useState(null);
   const [isVisible, setIsVisible] = useState(false);
@@ -1244,34 +1152,28 @@ function AnnouncementBar() {
   };
   const renderIcon = () => {
     if (!announcement) return null;
-    if (announcement.icon_url) {
-      return /* @__PURE__ */ jsx3(
-        next_image_default,
-        {
-          src: announcement.icon_url,
-          alt: "Announcement icon",
-          width: 32,
-          height: 32,
-          className: "relative shrink-0",
-          "aria-hidden": true
-        }
-      );
-    }
-    return getSvgIcon(
-      announcement.icon_name || "openframe-logo",
-      "main",
-      announcement.icon_props ?? {}
+    return /* @__PURE__ */ jsx(
+      EntityIcon,
+      {
+        icon: {
+          name: announcement.icon_name || "openframe-logo",
+          url: announcement.icon_url,
+          props: announcement.icon_props
+        },
+        size: 32,
+        className: "relative shrink-0 w-6 h-6 md:w-8 md:h-8"
+      }
     );
   };
   if (!announcement || !isVisible) return null;
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: "relative w-full z-50",
       style: { backgroundColor: announcement.background_color },
       "data-announcement-bar": true,
-      children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center w-full max-w-full", children: [
-        /* @__PURE__ */ jsxs2(
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full max-w-full", children: [
+        /* @__PURE__ */ jsxs(
           "div",
           {
             className: `flex flex-row gap-2 md:gap-4 items-center pl-4 md:pl-6 py-1.5 md:py-2 flex-1 min-w-0 ${announcement.cta_enabled && announcement.cta_url ? "md:cursor-default cursor-pointer" : ""}`,
@@ -1283,20 +1185,23 @@ function AnnouncementBar() {
             },
             children: [
               renderIcon(),
-              /* @__PURE__ */ jsxs2("div", { className: "flex-1 min-w-0 max-w-full", children: [
-                /* @__PURE__ */ jsx3("p", { className: "font-body font-bold text-[14px] md:text-[18px] leading-tight tracking-tight mb-0 text-[#1A1A1A] truncate", children: announcement.title }),
-                /* @__PURE__ */ jsx3("p", { className: "font-body text-[12px] md:text-[18px] leading-tight hidden md:block text-[#1A1A1A] truncate", children: announcement.description })
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 max-w-full", children: [
+                /* @__PURE__ */ jsx("p", { className: "font-body font-bold text-[14px] md:text-[18px] leading-tight tracking-tight mb-0 text-[#1A1A1A] truncate", children: announcement.title }),
+                /* @__PURE__ */ jsx("p", { className: "font-body text-[12px] md:text-[18px] leading-tight hidden md:block text-[#1A1A1A] truncate", children: announcement.description })
               ] }),
-              announcement.cta_enabled && announcement.cta_text && announcement.cta_url && /* @__PURE__ */ jsx3("div", { className: "hidden md:flex flex-shrink-0 ml-1 md:ml-2", children: /* @__PURE__ */ jsx3(
+              announcement.cta_enabled && announcement.cta_text && announcement.cta_url && /* @__PURE__ */ jsx("div", { className: "hidden md:flex flex-shrink-0 ml-1 md:ml-2", children: /* @__PURE__ */ jsx(
                 Button,
                 {
                   onClick: handleCtaClick,
                   variant: "outline",
                   size: "small-legacy",
-                  leftIcon: announcement.cta_show_icon && announcement.cta_icon_name ? getSvgIcon(
-                    announcement.cta_icon_name,
-                    "cta",
-                    announcement.cta_icon_props ?? {}
+                  leftIcon: announcement.cta_show_icon && announcement.cta_icon_name ? /* @__PURE__ */ jsx(
+                    EntityIcon,
+                    {
+                      icon: { name: announcement.cta_icon_name, props: announcement.cta_icon_props },
+                      size: 16,
+                      className: "w-3 h-3 md:w-4 md:h-4"
+                    }
                   ) : void 0,
                   className: "transition-opacity hover:opacity-90 text-xs md:text-sm whitespace-nowrap",
                   style: {
@@ -1310,7 +1215,7 @@ function AnnouncementBar() {
             ]
           }
         ),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx(
           "button",
           {
             onClick: (e) => {
@@ -1320,7 +1225,7 @@ function AnnouncementBar() {
             className: "flex-shrink-0 w-8 h-8 md:w-10 md:h-10 flex items-center justify-center hover:bg-[#1A1A1A]/10 focus:outline-none focus:ring-2 focus:ring-[#1A1A1A] mr-2 md:mr-4",
             "aria-label": "Dismiss announcement",
             type: "button",
-            children: /* @__PURE__ */ jsx3(X, { className: "w-4 h-4 text-[#1A1A1A]", strokeWidth: 2 })
+            children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4 text-[#1A1A1A]", strokeWidth: 2 })
           }
         )
       ] })
@@ -1372,7 +1277,7 @@ function getVendorLogo(vendor) {
 }
 
 // src/components/vendor-icon.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var sizeClasses = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
@@ -1410,7 +1315,7 @@ function VendorIcon({
     !showBackground && "overflow-hidden",
     className
   );
-  return /* @__PURE__ */ jsx4("div", { className: containerClasses, children: logoUrl ? /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx2("div", { className: containerClasses, children: logoUrl ? /* @__PURE__ */ jsx2(
     next_image_default,
     {
       src: getProxiedImageUrl2(logoUrl) || logoUrl,
@@ -1422,14 +1327,14 @@ function VendorIcon({
         showBackground ? "p-1" : "w-full h-full"
       )
     }
-  ) : /* @__PURE__ */ jsx4("div", { className: cn(
+  ) : /* @__PURE__ */ jsx2("div", { className: cn(
     "flex items-center justify-center text-xs font-medium uppercase",
     backgroundStyle === "white" ? "text-[#333333]" : "text-ods-text-secondary"
   ), children: vendor.title?.substring(0, 2) || "??" }) });
 }
 
 // src/components/categories-cart.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function CategoriesCart({
   category,
   vendors = [],
@@ -1438,23 +1343,23 @@ function CategoriesCart({
   isLoading = false,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx3(
     next_link_default,
     {
       href: `/vendors?category=${category.slug}`,
       className: `block bg-ods-card border border-ods-border rounded-lg p-3 md:p-4 pb-4 md:pb-6 hover:border-[#FFC008] transition-colors group relative ${className}`,
-      children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4 md:gap-6", children: [
-        /* @__PURE__ */ jsxs3("div", { className: "relative w-full h-8 md:h-10 overflow-hidden", children: [
-          /* @__PURE__ */ jsx5("div", { className: "flex gap-2 md:gap-3 w-full", children: isLoading ? (
+      children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-4 md:gap-6", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "relative w-full h-8 md:h-10 overflow-hidden", children: [
+          /* @__PURE__ */ jsx3("div", { className: "flex gap-2 md:gap-3 w-full", children: isLoading ? (
             // Skeleton loading for vendor icons
-            Array.from({ length: 20 }).map((_, index) => /* @__PURE__ */ jsx5(
+            Array.from({ length: 20 }).map((_, index) => /* @__PURE__ */ jsx3(
               "div",
               {
                 className: "w-8 h-8 md:w-10 md:h-10 bg-ods-border rounded animate-pulse flex-shrink-0"
               },
               index
             ))
-          ) : vendors && vendors.length > 0 ? vendors.map((vendor) => /* @__PURE__ */ jsx5(
+          ) : vendors && vendors.length > 0 ? vendors.map((vendor) => /* @__PURE__ */ jsx3(
             VendorIcon,
             {
               vendor,
@@ -1464,36 +1369,36 @@ function CategoriesCart({
             vendor.id
           )) : (
             // No vendors found - show placeholder icons
-            Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsx5(
+            Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsx3(
               "div",
               {
                 className: "w-8 h-8 md:w-10 md:h-10 bg-ods-border rounded flex items-center justify-center opacity-30 flex-shrink-0",
-                children: /* @__PURE__ */ jsx5("div", { className: "w-4 h-4 md:w-6 md:h-6 bg-[#888888] rounded-sm" })
+                children: /* @__PURE__ */ jsx3("div", { className: "w-4 h-4 md:w-6 md:h-6 bg-[#888888] rounded-sm" })
               },
               index
             ))
           ) }),
-          /* @__PURE__ */ jsx5("div", { className: "absolute inset-y-0 left-0 w-4 md:w-6 bg-gradient-to-r from-[#212121] to-transparent pointer-events-none" }),
-          /* @__PURE__ */ jsx5("div", { className: "absolute inset-y-0 right-0 w-4 md:w-6 bg-gradient-to-l from-[#212121] to-transparent pointer-events-none" })
+          /* @__PURE__ */ jsx3("div", { className: "absolute inset-y-0 left-0 w-4 md:w-6 bg-gradient-to-r from-[#212121] to-transparent pointer-events-none" }),
+          /* @__PURE__ */ jsx3("div", { className: "absolute inset-y-0 right-0 w-4 md:w-6 bg-gradient-to-l from-[#212121] to-transparent pointer-events-none" })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsx5("h3", { className: "text-xl md:text-2xl font-bold text-ods-text-primary group-hover:text-ods-accent transition-colors leading-[1.33] font-body", children: category.name }),
-            /* @__PURE__ */ jsxs3("p", { className: "text-sm md:text-base font-medium text-ods-text-secondary leading-[1.43] font-body", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx3("h3", { className: "text-xl md:text-2xl font-bold text-ods-text-primary group-hover:text-ods-accent transition-colors leading-[1.33] font-body", children: category.name }),
+            /* @__PURE__ */ jsxs2("p", { className: "text-sm md:text-base font-medium text-ods-text-secondary leading-[1.43] font-body", children: [
               subcategoryCount || 0,
               " Subcategories \u2022 ",
               vendorCount || 0,
               " Products"
             ] })
           ] }),
-          /* @__PURE__ */ jsxs3("div", { className: "flex items-start md:items-end justify-between gap-4 md:gap-6", children: [
-            /* @__PURE__ */ jsx5("p", { className: "font-['DM_Sans'] font-medium text-lg leading-[1.33] text-ods-text-primary flex-1", children: category.description }),
-            /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsxs2("div", { className: "flex items-start md:items-end justify-between gap-4 md:gap-6", children: [
+            /* @__PURE__ */ jsx3("p", { className: "font-['DM_Sans'] font-medium text-lg leading-[1.33] text-ods-text-primary flex-1", children: category.description }),
+            /* @__PURE__ */ jsx3(
               "div",
               {
                 className: "flex items-center justify-center w-10 h-10 md:w-12 md:h-12 bg-transparent border border-ods-border rounded-md group-hover:bg-[#FFC008] transition-colors flex-shrink-0",
                 "aria-label": `View ${category.name} category`,
-                children: /* @__PURE__ */ jsx5(ChevronRight, { className: "w-5 h-5 md:w-6 md:h-6 text-ods-text-primary group-hover:text-black transition-colors" })
+                children: /* @__PURE__ */ jsx3(ChevronRight, { className: "w-5 h-5 md:w-6 md:h-6 text-ods-text-primary group-hover:text-black transition-colors" })
               }
             )
           ] })
@@ -1504,27 +1409,27 @@ function CategoriesCart({
 }
 
 // src/components/category-card.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function CategoryCard({ name, description, categoryCount, productCount, icons = [] }) {
-  return /* @__PURE__ */ jsxs4("article", { className: "bg-[#1A1A1A] border border-[#424242] rounded-[12px] p-8 flex flex-col min-w-0 box-border", children: [
-    /* @__PURE__ */ jsx6("div", { className: "flex gap-6 mb-8 justify-center items-center", children: (icons.length > 0 ? icons : Array(10).fill(null)).map((icon, i) => /* @__PURE__ */ jsx6("div", { className: "w-10 h-10 bg-gray-700 rounded flex items-center justify-center", children: icon }, i)) }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex-1 flex flex-col", children: [
-      /* @__PURE__ */ jsx6("h2", { className: "text-[24px] font-bold text-ods-text-primary mb-2 text-left leading-tight", children: name }),
-      /* @__PURE__ */ jsxs4("div", { className: "text-[16px] text-ods-text-secondary mb-4 text-left", children: [
+  return /* @__PURE__ */ jsxs3("article", { className: "bg-[#1A1A1A] border border-[#424242] rounded-[12px] p-8 flex flex-col min-w-0 box-border", children: [
+    /* @__PURE__ */ jsx4("div", { className: "flex gap-6 mb-8 justify-center items-center", children: (icons.length > 0 ? icons : Array(10).fill(null)).map((icon, i) => /* @__PURE__ */ jsx4("div", { className: "w-10 h-10 bg-gray-700 rounded flex items-center justify-center", children: icon }, i)) }),
+    /* @__PURE__ */ jsxs3("div", { className: "flex-1 flex flex-col", children: [
+      /* @__PURE__ */ jsx4("h2", { className: "text-[24px] font-bold text-ods-text-primary mb-2 text-left leading-tight", children: name }),
+      /* @__PURE__ */ jsxs3("div", { className: "text-[16px] text-ods-text-secondary mb-4 text-left", children: [
         categoryCount,
         " Categories \u2022 ",
         productCount,
         " Products"
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex flex-row items-start", children: [
-        /* @__PURE__ */ jsx6("p", { className: "text-[16px] text-ods-text-primary text-left leading-snug flex-1", children: description }),
-        /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsxs3("div", { className: "flex flex-row items-start", children: [
+        /* @__PURE__ */ jsx4("p", { className: "text-[16px] text-ods-text-primary text-left leading-snug flex-1", children: description }),
+        /* @__PURE__ */ jsx4(
           "button",
           {
             className: "w-12 h-12 flex items-center justify-center border border-ods-border rounded-[6px] bg-transparent hover:bg-[#FFC008] transition-colors ml-4",
             style: { minWidth: 48, minHeight: 48 },
             "aria-label": `View ${name}`,
-            children: /* @__PURE__ */ jsx6("svg", { width: "24", height: "24", fill: "none", stroke: "#FAFAFA", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx6("path", { d: "M9 18l6-6-6-6" }) })
+            children: /* @__PURE__ */ jsx4("svg", { width: "24", height: "24", fill: "none", stroke: "#FAFAFA", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("path", { d: "M9 18l6-6-6-6" }) })
           }
         )
       ] })
@@ -1536,7 +1441,7 @@ function CategoryCard({ name, description, categoryCount, productCount, icons =
 init_button();
 
 // src/components/vendor-display-button.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function VendorDisplayButton({ vendor, onClick, variant = "default", externalUrl }) {
   const handleClick = () => {
     if (externalUrl && vendor.slug) {
@@ -1547,13 +1452,13 @@ function VendorDisplayButton({ vendor, onClick, variant = "default", externalUrl
   };
   if (variant === "compact") {
     const logoUrl = getVendorLogo(vendor);
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsxs4(
       "button",
       {
         onClick: handleClick,
         className: "inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-ods-card border border-ods-border hover:border-ods-accent/50 transition-colors",
         children: [
-          logoUrl ? /* @__PURE__ */ jsx7("div", { className: "w-5 h-5 rounded overflow-hidden flex-shrink-0", children: /* @__PURE__ */ jsx7(
+          logoUrl ? /* @__PURE__ */ jsx5("div", { className: "w-5 h-5 rounded overflow-hidden flex-shrink-0", children: /* @__PURE__ */ jsx5(
             next_image_default,
             {
               src: getProxiedImageUrl2(logoUrl) || logoUrl,
@@ -1562,19 +1467,19 @@ function VendorDisplayButton({ vendor, onClick, variant = "default", externalUrl
               height: 20,
               className: "w-full h-full object-cover"
             }
-          ) }) : /* @__PURE__ */ jsx7("div", { className: "w-5 h-5 rounded bg-ods-border flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx7("span", { className: "text-ods-text-secondary text-[10px] font-medium", children: vendor.title.charAt(0).toUpperCase() }) }),
-          /* @__PURE__ */ jsx7("span", { className: "text-sm font-medium text-ods-text-primary", children: vendor.title })
+          ) }) : /* @__PURE__ */ jsx5("div", { className: "w-5 h-5 rounded bg-ods-border flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx5("span", { className: "text-ods-text-secondary text-[10px] font-medium", children: vendor.title.charAt(0).toUpperCase() }) }),
+          /* @__PURE__ */ jsx5("span", { className: "text-sm font-medium text-ods-text-primary", children: vendor.title })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     "button",
     {
       onClick: handleClick,
       className: "flex items-center gap-2 bg-ods-card border border-ods-border rounded-lg py-2 px-3 hover:border-ods-accent transition-colors max-w-full overflow-hidden",
       children: [
-        getVendorLogo(vendor) ? /* @__PURE__ */ jsx7("div", { className: "w-8 h-8 bg-ods-card border border-ods-border rounded-lg flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx7(
+        getVendorLogo(vendor) ? /* @__PURE__ */ jsx5("div", { className: "w-8 h-8 bg-ods-card border border-ods-border rounded-lg flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx5(
           next_image_default,
           {
             src: getProxiedImageUrl2(getVendorLogo(vendor)) || getVendorLogo(vendor),
@@ -1583,8 +1488,8 @@ function VendorDisplayButton({ vendor, onClick, variant = "default", externalUrl
             height: 24,
             className: "rounded object-cover"
           }
-        ) }) : /* @__PURE__ */ jsx7("div", { className: "w-8 h-8 bg-ods-border border border-ods-border rounded-lg flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx7("span", { className: "text-ods-text-primary text-[12px] font-medium", children: vendor.title.charAt(0) }) }),
-        /* @__PURE__ */ jsx7("span", { className: "text-h4 text-ods-text-primary truncate min-w-0", title: vendor.title, children: vendor.title })
+        ) }) : /* @__PURE__ */ jsx5("div", { className: "w-8 h-8 bg-ods-border border border-ods-border rounded-lg flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx5("span", { className: "text-ods-text-primary text-[12px] font-medium", children: vendor.title.charAt(0) }) }),
+        /* @__PURE__ */ jsx5("span", { className: "text-h4 text-ods-text-primary truncate min-w-0", title: vendor.title, children: vendor.title })
       ]
     }
   );
@@ -1592,7 +1497,7 @@ function VendorDisplayButton({ vendor, onClick, variant = "default", externalUrl
 
 // src/components/auth-stub.tsx
 import { createContext } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var AuthContext = createContext({
   user: null,
   isLoading: false
@@ -1617,24 +1522,24 @@ function useAuth() {
   };
 }
 function AuthProvider({ children }) {
-  return /* @__PURE__ */ jsx8(AuthContext.Provider, { value: { user: { id: "mock-user-id", name: "Mock User" }, isLoading: false }, children });
+  return /* @__PURE__ */ jsx6(AuthContext.Provider, { value: { user: { id: "mock-user-id", name: "Mock User" }, isLoading: false }, children });
 }
 
 // src/components/user-summary-stub.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var getAuthProviderIcon = (provider) => {
   const p = provider.toLowerCase();
   switch (p) {
     case "google":
-      return /* @__PURE__ */ jsx9(next_image_default, { src: "/icons/google-logo.svg", alt: "Google", width: 16, height: 16, className: "w-4 h-4" });
+      return /* @__PURE__ */ jsx7(next_image_default, { src: "/icons/google-logo.svg", alt: "Google", width: 16, height: 16, className: "w-4 h-4" });
     case "microsoft":
     case "azure":
-      return /* @__PURE__ */ jsx9(next_image_default, { src: "/icons/microsoft-logo.svg", alt: "Microsoft", width: 16, height: 16, className: "w-4 h-4" });
+      return /* @__PURE__ */ jsx7(next_image_default, { src: "/icons/microsoft-logo.svg", alt: "Microsoft", width: 16, height: 16, className: "w-4 h-4" });
     case "slack":
     case "slack_oidc":
-      return /* @__PURE__ */ jsx9("div", { className: "w-4 h-4 bg-ods-text-secondary rounded-full" });
+      return /* @__PURE__ */ jsx7("div", { className: "w-4 h-4 bg-ods-text-secondary rounded-full" });
     default:
-      return /* @__PURE__ */ jsx9("div", { className: "w-4 h-4 bg-ods-text-secondary rounded-full" });
+      return /* @__PURE__ */ jsx7("div", { className: "w-4 h-4 bg-ods-text-secondary rounded-full" });
   }
 };
 var formatNumber = (n) => {
@@ -1668,35 +1573,35 @@ function UserSummary({
   onPhotoChange
 }) {
   if (compact) {
-    return /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3 min-w-0", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "relative shrink-0", children: [
-        avatarUrl ? /* @__PURE__ */ jsx9(next_image_default, { src: getProxiedImageUrl2(avatarUrl) ?? avatarUrl, alt: name, width: avatarSize, height: avatarSize, className: "object-cover rounded-lg" }) : /* @__PURE__ */ jsx9("div", { className: "rounded-lg bg-ods-accent flex items-center justify-center text-ods-text-on-accent font-heading font-bold", style: { width: avatarSize, height: avatarSize }, children: name.split(" ").map((n) => n.charAt(0)).join("").slice(0, 2) }),
-        mspPreview && mspPreview.logoUrl && /* @__PURE__ */ jsx9(next_image_default, { src: getProxiedImageUrl2(mspPreview.logoUrl) ?? mspPreview.logoUrl, alt: mspPreview.name || "MSP", width: 24, height: 24, className: "absolute -bottom-1 -right-1 size-6 rounded-full object-cover select-none z-10" })
+    return /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 min-w-0", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "relative shrink-0", children: [
+        avatarUrl ? /* @__PURE__ */ jsx7(next_image_default, { src: getProxiedImageUrl2(avatarUrl) ?? avatarUrl, alt: name, width: avatarSize, height: avatarSize, className: "object-cover rounded-lg" }) : /* @__PURE__ */ jsx7("div", { className: "rounded-lg bg-ods-accent flex items-center justify-center text-ods-text-on-accent font-heading font-bold", style: { width: avatarSize, height: avatarSize }, children: name.split(" ").map((n) => n.charAt(0)).join("").slice(0, 2) }),
+        mspPreview && mspPreview.logoUrl && /* @__PURE__ */ jsx7(next_image_default, { src: getProxiedImageUrl2(mspPreview.logoUrl) ?? mspPreview.logoUrl, alt: mspPreview.name || "MSP", width: 24, height: 24, className: "absolute -bottom-1 -right-1 size-6 rounded-full object-cover select-none z-10" })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs6(
+      /* @__PURE__ */ jsxs5("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs5(
           "p",
           {
             className: "text-h4 text-ods-text-primary truncate",
             title: mspPreview?.name ? `${name} \u2022 ${mspPreview.name}` : name,
             children: [
               name,
-              mspPreview?.name && /* @__PURE__ */ jsxs6("span", { className: "text-ods-text-secondary", children: [
+              mspPreview?.name && /* @__PURE__ */ jsxs5("span", { className: "text-ods-text-secondary", children: [
                 " \u2022 ",
                 mspPreview.name
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsx9("p", { className: "text-h6 text-ods-text-secondary truncate", title: subtitle && subtitle.trim().length > 0 ? subtitle : email && email.trim().length > 0 ? email : "\xA0", children: subtitle && subtitle.trim().length > 0 ? subtitle : email && email.trim().length > 0 ? email : "\xA0" })
+        /* @__PURE__ */ jsx7("p", { className: "text-h6 text-ods-text-secondary truncate", title: subtitle && subtitle.trim().length > 0 ? subtitle : email && email.trim().length > 0 ? email : "\xA0", children: subtitle && subtitle.trim().length > 0 ? subtitle : email && email.trim().length > 0 ? email : "\xA0" })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-4 w-full", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "flex gap-6 w-full items-start", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "relative shrink-0 h-24 w-24 overflow-visible", children: [
-        avatarUrl ? /* @__PURE__ */ jsx9(next_image_default, { src: getProxiedImageUrl2(avatarUrl) ?? avatarUrl, alt: name, width: 96, height: 96, className: "object-cover rounded-full" }) : /* @__PURE__ */ jsx9("div", { className: "rounded-full bg-ods-card border border-ods-border w-full h-full flex items-center justify-center text-3xl text-ods-text-secondary font-heading", children: name.charAt(0).toUpperCase() }),
-        mspPreview && /* @__PURE__ */ jsx9("div", { className: "absolute -bottom-1 -right-1 size-10 rounded-full bg-ods-bg ring-2 ring-ods-border overflow-hidden flex items-center justify-center select-none", children: mspPreview.logoUrl ? /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-4 w-full", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex gap-6 w-full items-start", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "relative shrink-0 h-24 w-24 overflow-visible", children: [
+        avatarUrl ? /* @__PURE__ */ jsx7(next_image_default, { src: getProxiedImageUrl2(avatarUrl) ?? avatarUrl, alt: name, width: 96, height: 96, className: "object-cover rounded-full" }) : /* @__PURE__ */ jsx7("div", { className: "rounded-full bg-ods-card border border-ods-border w-full h-full flex items-center justify-center text-3xl text-ods-text-secondary font-heading", children: name.charAt(0).toUpperCase() }),
+        mspPreview && /* @__PURE__ */ jsx7("div", { className: "absolute -bottom-1 -right-1 size-10 rounded-full bg-ods-bg ring-2 ring-ods-border overflow-hidden flex items-center justify-center select-none", children: mspPreview.logoUrl ? /* @__PURE__ */ jsx7(
           next_image_default,
           {
             src: getProxiedImageUrl2(mspPreview.logoUrl) ?? mspPreview.logoUrl,
@@ -1705,12 +1610,12 @@ function UserSummary({
             height: 40,
             className: "object-cover"
           }
-        ) : /* @__PURE__ */ jsx9("span", { className: "text-ods-text-primary font-heading text-sm font-bold", children: mspPreview.name?.charAt(0).toUpperCase() || "?" }) })
+        ) : /* @__PURE__ */ jsx7("span", { className: "text-ods-text-primary font-heading text-sm font-bold", children: mspPreview.name?.charAt(0).toUpperCase() || "?" }) })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "flex-1 grid grid-cols-[1fr_auto] gap-4", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "min-h-[6rem] flex flex-col justify-center space-y-3 truncate", children: [
-          /* @__PURE__ */ jsx9("p", { className: "text-h2 text-ods-text-primary leading-none truncate", title: name, children: name }),
-          /* @__PURE__ */ jsx9("p", { className: "text-h4 text-ods-text-secondary break-all truncate", title: subtitle && subtitle.trim().length > 0 ? subtitle : email && email.trim().length > 0 ? email : "\xA0", children: subtitle && subtitle.trim().length > 0 ? subtitle : email && email.trim().length > 0 ? email : "\xA0" }),
+      /* @__PURE__ */ jsxs5("div", { className: "flex-1 grid grid-cols-[1fr_auto] gap-4", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "min-h-[6rem] flex flex-col justify-center space-y-3 truncate", children: [
+          /* @__PURE__ */ jsx7("p", { className: "text-h2 text-ods-text-primary leading-none truncate", title: name, children: name }),
+          /* @__PURE__ */ jsx7("p", { className: "text-h4 text-ods-text-secondary break-all truncate", title: subtitle && subtitle.trim().length > 0 ? subtitle : email && email.trim().length > 0 ? email : "\xA0", children: subtitle && subtitle.trim().length > 0 ? subtitle : email && email.trim().length > 0 ? email : "\xA0" }),
           mspPreview && (() => {
             const mspSegments = [
               mspPreview.name ?? "\u2014",
@@ -1719,30 +1624,30 @@ function UserSummary({
               typeof mspPreview.annualRevenue === "number" ? `$${formatNumber(mspPreview.annualRevenue)}` : null
             ].filter(Boolean);
             const mspTitle = mspSegments.join(" \u2022 ");
-            return /* @__PURE__ */ jsx9("p", { className: "text-h6 text-ods-text-primary truncate", title: mspTitle, children: mspSegments.flatMap((txt, idx) => idx === 0 ? [txt] : [" \u2022 ", txt]).map((seg, idx) => /* @__PURE__ */ jsx9("span", { className: seg === " \u2022 " ? "text-ods-text-secondary" : "", children: seg }, idx)) });
+            return /* @__PURE__ */ jsx7("p", { className: "text-h6 text-ods-text-primary truncate", title: mspTitle, children: mspSegments.flatMap((txt, idx) => idx === 0 ? [txt] : [" \u2022 ", txt]).map((seg, idx) => /* @__PURE__ */ jsx7("span", { className: seg === " \u2022 " ? "text-ods-text-secondary" : "", children: seg }, idx)) });
           })()
         ] }),
-        (authProviders?.length || showEditButton) && /* @__PURE__ */ jsxs6("div", { className: "hidden md:flex flex-col items-end justify-between flex-shrink-0 min-h-[6rem]", children: [
-          authProviders && authProviders.length > 0 && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx9("span", { className: "text-xs text-ods-text-secondary whitespace-nowrap select-none", children: "Authorized by" }),
-            /* @__PURE__ */ jsx9("div", { className: "flex items-center gap-2", children: authProviders.map((p) => /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-center w-4 h-4", children: getAuthProviderIcon(p) }, p)) })
+        (authProviders?.length || showEditButton) && /* @__PURE__ */ jsxs5("div", { className: "hidden md:flex flex-col items-end justify-between flex-shrink-0 min-h-[6rem]", children: [
+          authProviders && authProviders.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx7("span", { className: "text-xs text-ods-text-secondary whitespace-nowrap select-none", children: "Authorized by" }),
+            /* @__PURE__ */ jsx7("div", { className: "flex items-center gap-2", children: authProviders.map((p) => /* @__PURE__ */ jsx7("div", { className: "flex items-center justify-center w-4 h-4", children: getAuthProviderIcon(p) }, p)) })
           ] }),
-          showEditButton && /* @__PURE__ */ jsx9("div", { className: "text-xs text-ods-text-secondary", children: "Edit Profile" })
+          showEditButton && /* @__PURE__ */ jsx7("div", { className: "text-xs text-ods-text-secondary", children: "Edit Profile" })
         ] })
       ] })
     ] }),
-    (authProviders?.length || showEditButton) && /* @__PURE__ */ jsxs6("div", { className: "flex md:hidden items-center justify-between w-full gap-4", children: [
-      authProviders && authProviders.length > 0 && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx9("span", { className: "text-xs text-ods-text-secondary whitespace-nowrap select-none", children: "Authorized by" }),
-        /* @__PURE__ */ jsx9("div", { className: "flex items-center gap-2", children: authProviders.map((p) => /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-center w-4 h-4", children: getAuthProviderIcon(p) }, p)) })
+    (authProviders?.length || showEditButton) && /* @__PURE__ */ jsxs5("div", { className: "flex md:hidden items-center justify-between w-full gap-4", children: [
+      authProviders && authProviders.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx7("span", { className: "text-xs text-ods-text-secondary whitespace-nowrap select-none", children: "Authorized by" }),
+        /* @__PURE__ */ jsx7("div", { className: "flex items-center gap-2", children: authProviders.map((p) => /* @__PURE__ */ jsx7("div", { className: "flex items-center justify-center w-4 h-4", children: getAuthProviderIcon(p) }, p)) })
       ] }),
-      showEditButton && /* @__PURE__ */ jsx9("div", { className: "text-xs text-ods-text-secondary", children: "Edit Profile" })
+      showEditButton && /* @__PURE__ */ jsx7("div", { className: "text-xs text-ods-text-secondary", children: "Edit Profile" })
     ] })
   ] });
 }
 
 // src/components/comment-card.tsx
-import { Fragment, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function CommentCard({
   comment,
   onViewProduct,
@@ -1766,10 +1671,10 @@ function CommentCard({
     return false;
   };
   const showDeleteButton = canUserDeleteComment();
-  return /* @__PURE__ */ jsxs7("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 hover:border-ods-accent transition-all group overflow-hidden w-full max-w-full box-border", style: { maxWidth: "100%", wordBreak: "break-word" }, children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-3 mb-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2 w-full", children: [
-      /* @__PURE__ */ jsx10("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: context === "profile" && comment.vendor ? /* @__PURE__ */ jsxs7(Fragment, { children: [
-        /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs6("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 hover:border-ods-accent transition-all group overflow-hidden w-full max-w-full box-border", style: { maxWidth: "100%", wordBreak: "break-word" }, children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-3 mb-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2 w-full", children: [
+      /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: context === "profile" && comment.vendor ? /* @__PURE__ */ jsxs6(Fragment, { children: [
+        /* @__PURE__ */ jsx8(
           VendorDisplayButton,
           {
             vendor: comment.vendor,
@@ -1777,8 +1682,8 @@ function CommentCard({
             })
           }
         ),
-        /* @__PURE__ */ jsx10("span", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[1.43] text-ods-text-secondary whitespace-nowrap flex-shrink-0", children: formatActivityTime(comment.createdAt) })
-      ] }) : context === "vendor" && comment.user ? /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx8("span", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[1.43] text-ods-text-secondary whitespace-nowrap flex-shrink-0", children: formatActivityTime(comment.createdAt) })
+      ] }) : context === "vendor" && comment.user ? /* @__PURE__ */ jsx8(
         UserSummary,
         {
           name: comment.user.name,
@@ -1798,22 +1703,22 @@ function CommentCard({
           authProviders: []
         }
       ) : null }),
-      /* @__PURE__ */ jsx10("div", { className: "flex gap-2 justify-start min-[420px]:justify-end", children: showDeleteButton && onDeleteComment && /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx8("div", { className: "flex gap-2 justify-start min-[420px]:justify-end", children: showDeleteButton && onDeleteComment && /* @__PURE__ */ jsx8(
         Button,
         {
           onClick: () => onDeleteComment(comment.id),
           variant: "outline",
           size: "icon",
           className: "text-ods-text-primary",
-          children: /* @__PURE__ */ jsxs7("svg", { width: "22", height: "24", viewBox: "0 0 22 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-ods-text-primary", children: [
-            /* @__PURE__ */ jsx10("path", { d: "M18.6025 4.37939C19.221 4.43597 19.6768 4.98399 19.6206 5.60254L18.5176 17.7358C18.4492 18.4886 18.3924 19.1183 18.3052 19.6299C18.2155 20.1552 18.0809 20.6447 17.8101 21.1021C17.4444 21.7195 16.9245 22.2292 16.3042 22.583L16.0317 22.7251C15.5519 22.9533 15.0526 23.0438 14.5215 23.0854C14.0042 23.126 13.3727 23.125 12.6172 23.125H9.38281C8.62726 23.125 7.9958 23.126 7.47852 23.0854C7.01357 23.049 6.57289 22.975 6.14844 22.8042L5.96826 22.7251C5.32037 22.4169 4.76543 21.9454 4.35693 21.3599L4.18994 21.1021C3.91912 20.6447 3.78445 20.1552 3.69482 19.6299C3.65123 19.3743 3.61556 19.0894 3.58203 18.7744L3.48242 17.7358L2.37939 5.60254L2.375 5.48682C2.38099 4.91684 2.81768 4.43244 3.39746 4.37939C3.97776 4.32664 4.496 4.72462 4.60449 5.28467L4.62061 5.39746L5.72363 17.5322C5.79528 18.3203 5.84358 18.8475 5.9126 19.252C5.97923 19.6424 6.05232 19.8298 6.12646 19.9551L6.28467 20.1836C6.45963 20.3987 6.68118 20.5732 6.93359 20.6934L7.04639 20.7388C7.17478 20.7822 7.35781 20.8195 7.6543 20.8428C8.06325 20.8749 8.59186 20.875 9.38281 20.875H12.6172C13.4081 20.875 13.9367 20.8749 14.3457 20.8428C14.7409 20.8117 14.9349 20.7559 15.0664 20.6934L15.3066 20.5557C15.5369 20.4008 15.7309 20.1958 15.8735 19.9551C15.9477 19.8298 16.0208 19.6424 16.0874 19.252C16.1564 18.8475 16.2047 18.3203 16.2764 17.5322L17.3794 5.39746C17.436 4.77903 17.984 4.32316 18.6025 4.37939Z", fill: "currentColor" }),
-            /* @__PURE__ */ jsx10("path", { d: "M7.37451 15.9995V11C7.37451 10.3788 7.87842 9.87526 8.49951 9.875C9.12083 9.875 9.62451 10.3787 9.62451 11V15.9995C9.62451 16.6208 9.12083 17.1245 8.49951 17.1245C7.87842 17.1242 7.37451 16.6207 7.37451 15.9995ZM12.3755 15.9995V11C12.3755 10.3787 12.8792 9.875 13.5005 9.875C14.1216 9.87526 14.6255 10.3788 14.6255 11V15.9995C14.6255 16.6207 14.1216 17.1242 13.5005 17.1245C12.8792 17.1245 12.3755 16.6208 12.3755 15.9995ZM12.585 0.875C13.0174 0.879157 13.425 0.903301 13.8096 1.02881L14.1157 1.14746C14.4155 1.28159 14.6931 1.46221 14.9375 1.68359L15.0811 1.82568C15.4034 2.16872 15.6379 2.59872 15.8984 3.05469L16.6528 4.37451H20L20.1157 4.38037C20.6825 4.43826 21.1248 4.91747 21.125 5.49951C21.125 6.08174 20.6827 6.5607 20.1157 6.61865L20 6.62451H2C1.37868 6.62451 0.875 6.12083 0.875 5.49951C0.875264 4.87842 1.37884 4.37451 2 4.37451H5.34717L6.32129 2.6709C6.53952 2.29735 6.76267 1.95525 7.0625 1.68359L7.31738 1.47705C7.58262 1.28327 7.87687 1.1312 8.19043 1.02881L8.38525 0.974609C8.71199 0.896341 9.05467 0.878464 9.41504 0.875H12.585ZM9.85742 3.125C9.29191 3.125 9.08123 3.13201 8.97266 3.14844L8.88916 3.16748C8.83075 3.18655 8.77503 3.21301 8.72217 3.24365L8.57275 3.35205C8.53704 3.38448 8.50137 3.42629 8.42773 3.54102L8.05566 4.1709L7.93848 4.37451H14.0615L13.9443 4.1709C13.6645 3.68114 13.554 3.50141 13.4858 3.41504L13.4272 3.35205C13.3815 3.31062 13.3309 3.27443 13.2778 3.24365L13.1108 3.16748C13.019 3.13753 12.8946 3.125 12.1426 3.125H9.85742Z", fill: "currentColor" })
+          children: /* @__PURE__ */ jsxs6("svg", { width: "22", height: "24", viewBox: "0 0 22 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-ods-text-primary", children: [
+            /* @__PURE__ */ jsx8("path", { d: "M18.6025 4.37939C19.221 4.43597 19.6768 4.98399 19.6206 5.60254L18.5176 17.7358C18.4492 18.4886 18.3924 19.1183 18.3052 19.6299C18.2155 20.1552 18.0809 20.6447 17.8101 21.1021C17.4444 21.7195 16.9245 22.2292 16.3042 22.583L16.0317 22.7251C15.5519 22.9533 15.0526 23.0438 14.5215 23.0854C14.0042 23.126 13.3727 23.125 12.6172 23.125H9.38281C8.62726 23.125 7.9958 23.126 7.47852 23.0854C7.01357 23.049 6.57289 22.975 6.14844 22.8042L5.96826 22.7251C5.32037 22.4169 4.76543 21.9454 4.35693 21.3599L4.18994 21.1021C3.91912 20.6447 3.78445 20.1552 3.69482 19.6299C3.65123 19.3743 3.61556 19.0894 3.58203 18.7744L3.48242 17.7358L2.37939 5.60254L2.375 5.48682C2.38099 4.91684 2.81768 4.43244 3.39746 4.37939C3.97776 4.32664 4.496 4.72462 4.60449 5.28467L4.62061 5.39746L5.72363 17.5322C5.79528 18.3203 5.84358 18.8475 5.9126 19.252C5.97923 19.6424 6.05232 19.8298 6.12646 19.9551L6.28467 20.1836C6.45963 20.3987 6.68118 20.5732 6.93359 20.6934L7.04639 20.7388C7.17478 20.7822 7.35781 20.8195 7.6543 20.8428C8.06325 20.8749 8.59186 20.875 9.38281 20.875H12.6172C13.4081 20.875 13.9367 20.8749 14.3457 20.8428C14.7409 20.8117 14.9349 20.7559 15.0664 20.6934L15.3066 20.5557C15.5369 20.4008 15.7309 20.1958 15.8735 19.9551C15.9477 19.8298 16.0208 19.6424 16.0874 19.252C16.1564 18.8475 16.2047 18.3203 16.2764 17.5322L17.3794 5.39746C17.436 4.77903 17.984 4.32316 18.6025 4.37939Z", fill: "currentColor" }),
+            /* @__PURE__ */ jsx8("path", { d: "M7.37451 15.9995V11C7.37451 10.3788 7.87842 9.87526 8.49951 9.875C9.12083 9.875 9.62451 10.3787 9.62451 11V15.9995C9.62451 16.6208 9.12083 17.1245 8.49951 17.1245C7.87842 17.1242 7.37451 16.6207 7.37451 15.9995ZM12.3755 15.9995V11C12.3755 10.3787 12.8792 9.875 13.5005 9.875C14.1216 9.87526 14.6255 10.3788 14.6255 11V15.9995C14.6255 16.6207 14.1216 17.1242 13.5005 17.1245C12.8792 17.1245 12.3755 16.6208 12.3755 15.9995ZM12.585 0.875C13.0174 0.879157 13.425 0.903301 13.8096 1.02881L14.1157 1.14746C14.4155 1.28159 14.6931 1.46221 14.9375 1.68359L15.0811 1.82568C15.4034 2.16872 15.6379 2.59872 15.8984 3.05469L16.6528 4.37451H20L20.1157 4.38037C20.6825 4.43826 21.1248 4.91747 21.125 5.49951C21.125 6.08174 20.6827 6.5607 20.1157 6.61865L20 6.62451H2C1.37868 6.62451 0.875 6.12083 0.875 5.49951C0.875264 4.87842 1.37884 4.37451 2 4.37451H5.34717L6.32129 2.6709C6.53952 2.29735 6.76267 1.95525 7.0625 1.68359L7.31738 1.47705C7.58262 1.28327 7.87687 1.1312 8.19043 1.02881L8.38525 0.974609C8.71199 0.896341 9.05467 0.878464 9.41504 0.875H12.585ZM9.85742 3.125C9.29191 3.125 9.08123 3.13201 8.97266 3.14844L8.88916 3.16748C8.83075 3.18655 8.77503 3.21301 8.72217 3.24365L8.57275 3.35205C8.53704 3.38448 8.50137 3.42629 8.42773 3.54102L8.05566 4.1709L7.93848 4.37451H14.0615L13.9443 4.1709C13.6645 3.68114 13.554 3.50141 13.4858 3.41504L13.4272 3.35205C13.3815 3.31062 13.3309 3.27443 13.2778 3.24365L13.1108 3.16748C13.019 3.13753 12.8946 3.125 12.1426 3.125H9.85742Z", fill: "currentColor" })
           ] })
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxs7("div", { className: "space-y-2 w-full max-w-full overflow-hidden", style: { maxWidth: "100%", wordBreak: "break-word" }, children: [
-      comment.title && /* @__PURE__ */ jsx10("div", { className: compact ? "h-[20px] flex items-center" : "h-[24px] flex items-center", children: /* @__PURE__ */ jsx10("h4", { className: "text-h3 tracking-[-0.02em] text-ods-text-primary group-hover:text-ods-accent transition-colors line-clamp-1", style: {
+    /* @__PURE__ */ jsxs6("div", { className: "space-y-2 w-full max-w-full overflow-hidden", style: { maxWidth: "100%", wordBreak: "break-word" }, children: [
+      comment.title && /* @__PURE__ */ jsx8("div", { className: compact ? "h-[20px] flex items-center" : "h-[24px] flex items-center", children: /* @__PURE__ */ jsx8("h4", { className: "text-h3 tracking-[-0.02em] text-ods-text-primary group-hover:text-ods-accent transition-colors line-clamp-1", style: {
         wordBreak: "break-word",
         overflowWrap: "break-word",
         maxWidth: "100%",
@@ -1823,7 +1728,7 @@ function CommentCard({
         WebkitBoxOrient: "vertical",
         WebkitLineClamp: 1
       }, children: comment.title }) }),
-      /* @__PURE__ */ jsx10("div", { className: compact ? "h-[60px] flex items-center" : "h-[72px] flex items-center", children: /* @__PURE__ */ jsx10("p", { className: "text-h4 text-ods-text-primary line-clamp-3", style: {
+      /* @__PURE__ */ jsx8("div", { className: compact ? "h-[60px] flex items-center" : "h-[72px] flex items-center", children: /* @__PURE__ */ jsx8("p", { className: "text-h4 text-ods-text-primary line-clamp-3", style: {
         wordBreak: "break-word",
         overflowWrap: "break-word",
         maxWidth: "100%",
@@ -1839,7 +1744,7 @@ function CommentCard({
 
 // src/components/content-loading-container.tsx
 init_cn();
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function ContentLoadingContainer({
   isLoading,
   children,
@@ -1849,7 +1754,7 @@ function ContentLoadingContainer({
   loadingOpacity = 1,
   transitionDuration = 300
 }) {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: cn(
@@ -1864,7 +1769,7 @@ function ContentLoadingContainer({
       "aria-label": isLoading ? "Loading content" : "Content loaded",
       "aria-live": "polite",
       children: [
-        isLoading && /* @__PURE__ */ jsx11(
+        isLoading && /* @__PURE__ */ jsx9(
           "div",
           {
             className: "absolute inset-0 z-10 bg-ods-bg",
@@ -1877,7 +1782,7 @@ function ContentLoadingContainer({
             children: skeletonComponent
           }
         ),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx9(
           "div",
           {
             className: cn(
@@ -1930,7 +1835,7 @@ function useThemeAware() {
 }
 
 // src/components/dynamic-skeleton.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var sizePresets = {
   sm: { width: "4rem", height: "1rem" },
   md: { width: "8rem", height: "1.5rem" },
@@ -1995,14 +1900,14 @@ function DynamicSkeleton({
     className
   );
   if (variant === "text" && lines > 1) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx10(
       "div",
       {
         className: "space-y-2",
         style: platformStyles,
         role: "status",
         "aria-label": includeAriaLabel ? "Loading content..." : void 0,
-        children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx12(
+        children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx10(
           "div",
           {
             className: cn(
@@ -2020,7 +1925,7 @@ function DynamicSkeleton({
       }
     );
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       className: baseClasses,
@@ -2035,72 +1940,72 @@ var SkeletonPresets = {
   /**
    * Card skeleton with header, content, and actions
    */
-  Card: ({ showActions = true, showImage = false }) => /* @__PURE__ */ jsxs9("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 space-y-4", children: [
-    showImage && /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "image", className: "w-full h-40" }),
-    /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", size: "lg" }),
-      /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
+  Card: ({ showActions = true, showImage = false }) => /* @__PURE__ */ jsxs8("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 space-y-4", children: [
+    showImage && /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "image", className: "w-full h-40" }),
+    /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "lg" }),
+      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
     ] }),
-    showActions && /* @__PURE__ */ jsxs9("div", { className: "flex gap-2 pt-2", children: [
-      /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "button", width: "6rem", height: "2.5rem" }),
-      /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "button", width: "4rem", height: "2.5rem" })
+    showActions && /* @__PURE__ */ jsxs8("div", { className: "flex gap-2 pt-2", children: [
+      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "button", width: "6rem", height: "2.5rem" }),
+      /* @__PURE__ */ jsx10(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__ */ jsx12(DynamicSkeleton, { variant: "avatar", size: "lg" }),
-    /* @__PURE__ */ jsxs9("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", size: "lg", width: "8rem" }),
-      /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", size: "sm", width: "12rem" }),
-      /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
+  Profile: () => /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-4 p-4", children: [
+    /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "avatar", size: "lg" }),
+    /* @__PURE__ */ jsxs8("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "lg", width: "8rem" }),
+      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "sm", width: "12rem" }),
+      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
     ] })
   ] }),
   /**
    * Navigation skeleton
    */
-  Navigation: ({ items = 5 }) => /* @__PURE__ */ jsx12("nav", { className: "space-y-2 p-4", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "avatar", size: "sm" }),
-    /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", size: "md" })
+  Navigation: ({ items = 5 }) => /* @__PURE__ */ jsx10("nav", { className: "space-y-2 p-4", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "avatar", size: "sm" }),
+    /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "md" })
   ] }, index)) }),
   /**
    * Table skeleton
    */
-  Table: ({ rows = 5, columns = 4 }) => /* @__PURE__ */ jsxs9("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx12("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", size: "md" }, `header-${index}`)) }),
-    Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx12("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", size: "sm" }, `cell-${rowIndex}-${colIndex}`)) }, `row-${rowIndex}`))
+  Table: ({ rows = 5, columns = 4 }) => /* @__PURE__ */ jsxs8("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx10("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "md" }, `header-${index}`)) }),
+    Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx10("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "sm" }, `cell-${rowIndex}-${colIndex}`)) }, `row-${rowIndex}`))
   ] }),
   /**
    * Vendor grid skeleton (specific to the app)
    */
-  VendorGrid: ({ items = 6 }) => /* @__PURE__ */ jsx12("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs9("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 space-y-3", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "avatar", size: "md" }),
-      /* @__PURE__ */ jsxs9("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", size: "md", width: "6rem" }),
-        /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", size: "sm", width: "4rem", className: "mt-1" })
+  VendorGrid: ({ items = 6 }) => /* @__PURE__ */ jsx10("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs8("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 space-y-3", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "avatar", size: "md" }),
+      /* @__PURE__ */ jsxs8("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "md", width: "6rem" }),
+        /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "sm", width: "4rem", className: "mt-1" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", lines: 2, size: "sm" }),
-    /* @__PURE__ */ jsxs9("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "custom", width: "3rem", height: "1.25rem", className: "rounded-full" }),
-      /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "custom", width: "4rem", height: "1.25rem", className: "rounded-full" })
+    /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", lines: 2, size: "sm" }),
+    /* @__PURE__ */ jsxs8("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "custom", width: "3rem", height: "1.25rem", className: "rounded-full" }),
+      /* @__PURE__ */ jsx10(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__ */ jsx12(DynamicSkeleton, { variant: "text", size: "xl", width: "75%" }),
-      /* @__PURE__ */ jsxs9("div", { className: "flex gap-4 text-sm", children: [
-        /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", size: "sm", width: "4rem" }),
-        /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", size: "sm", width: "6rem" })
+  BlogPost: () => /* @__PURE__ */ jsxs8("article", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "xl", width: "75%" }),
+      /* @__PURE__ */ jsxs8("div", { className: "flex gap-4 text-sm", children: [
+        /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "sm", width: "4rem" }),
+        /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "sm", width: "6rem" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "image", className: "w-full h-64" }),
-    /* @__PURE__ */ jsx12("div", { className: "space-y-3", children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsx12(DynamicSkeleton, { variant: "text", lines: 3, size: "md" }, index)) })
+    /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "image", className: "w-full h-64" }),
+    /* @__PURE__ */ jsx10("div", { className: "space-y-3", children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", lines: 3, size: "md" }, index)) })
   ] })
 };
 function PlatformSkeletonContainer({
@@ -2111,10 +2016,10 @@ function PlatformSkeletonContainer({
 }) {
   const { platform } = useThemeAware();
   if (!isLoading) {
-    return /* @__PURE__ */ jsx12(Fragment2, { children });
+    return /* @__PURE__ */ jsx10(Fragment2, { children });
   }
   const SkeletonComponent = SkeletonPresets[skeletonType];
-  return /* @__PURE__ */ jsx12("div", { className: `platform-skeleton skeleton-${platform}`, children: /* @__PURE__ */ jsx12(SkeletonComponent, { ...skeletonProps }) });
+  return /* @__PURE__ */ jsx10("div", { className: `platform-skeleton skeleton-${platform}`, children: /* @__PURE__ */ jsx10(SkeletonComponent, { ...skeletonProps }) });
 }
 function ProgressiveSkeleton({
   stages = ["basic", "detailed", "interactive"],
@@ -2129,7 +2034,7 @@ function ProgressiveSkeleton({
     2: { animation: "wave", variant: "custom" }
   };
   const config = stageConfig[currentStage] || stageConfig[0];
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx10(
     DynamicSkeleton,
     {
       ...props,
@@ -2147,7 +2052,7 @@ function ProgressiveSkeleton({
 // src/components/filter-chip.tsx
 init_cn();
 import { X as X2 } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function FilterChip({
   id,
   label,
@@ -2180,7 +2085,7 @@ function FilterChip({
     subcategory: "bg-[#2A2A2A] text-[#E8E8E8] border border-[#FFC008]/60 hover:bg-ods-border hover:border-[#FFC008]/80 hover:text-ods-text-primary focus:ring-[#FFC008]/60 focus:ring-offset-[#161616]",
     tag: "bg-[#2A2A2A] text-ods-text-primary border border-[#FFC008]/20 hover:bg-ods-border hover:border-[#FFC008]/30 hover:text-ods-text-primary focus:ring-[#FFC008]/20 focus:ring-offset-[#161616]"
   };
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn(baseClasses, variantClasses[variant], className),
@@ -2194,11 +2099,11 @@ function FilterChip({
       "aria-pressed": onClick && variant === "selected" ? true : void 0,
       "aria-disabled": disabled,
       children: [
-        /* @__PURE__ */ jsx13("span", { className: cn(
+        /* @__PURE__ */ jsx11("span", { className: cn(
           "truncate font-['DM_Sans'] font-medium leading-none text-center",
           size === "sm" ? "max-w-[100px] md:max-w-[120px]" : "max-w-[120px] md:max-w-[140px]"
         ), title: label, children: label }),
-        removable && onRemove && /* @__PURE__ */ jsx13(
+        removable && onRemove && /* @__PURE__ */ jsx11(
           "button",
           {
             type: "button",
@@ -2217,7 +2122,7 @@ function FilterChip({
             ),
             "aria-label": `Remove ${label} filter`,
             tabIndex: disabled ? -1 : 0,
-            children: /* @__PURE__ */ jsx13(X2, { className: "h-2 w-2 md:h-2 md:w-2" })
+            children: /* @__PURE__ */ jsx11(X2, { className: "h-2 w-2 md:h-2 md:w-2" })
           }
         )
       ]
@@ -2231,7 +2136,7 @@ import { Suspense } from "react";
 // src/components/social-icon-row.tsx
 init_button();
 import { Mail } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } 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" },
@@ -2241,51 +2146,51 @@ function renderSocialIcon(platform) {
   const normalizedPlatform = platform.toLowerCase().trim();
   switch (normalizedPlatform) {
     case "github":
-      return /* @__PURE__ */ jsx14(GitHubIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx12(GitHubIcon, { className: "w-5 h-5" });
     case "twitter":
     case "x":
-      return /* @__PURE__ */ jsx14(XLogo, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx12(XLogo, { className: "w-5 h-5" });
     case "reddit":
-      return /* @__PURE__ */ jsx14(RedditIcon, { className: "w-5 h-5", variant: "white" });
+      return /* @__PURE__ */ jsx12(RedditIcon, { className: "w-5 h-5", variant: "white" });
     case "linkedin":
-      return /* @__PURE__ */ jsx14(LinkedInIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx12(LinkedInIcon, { className: "w-5 h-5" });
     case "luma":
-      return /* @__PURE__ */ jsx14(LumaIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx12(LumaIcon, { className: "w-5 h-5" });
     case "whatsapp":
-      return /* @__PURE__ */ jsx14(WhatsAppIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx12(WhatsAppIcon, { className: "w-5 h-5" });
     case "email":
     case "mail":
-      return /* @__PURE__ */ jsx14(Mail, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx12(Mail, { className: "w-5 h-5" });
     case "website":
     case "web":
     case "url":
-      return /* @__PURE__ */ jsx14(GlobeIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx12(GlobeIcon, { className: "w-5 h-5" });
     case "slack":
-      return /* @__PURE__ */ jsx14(SlackIcon, { className: "w-5 h-5", injectedColor: "white" });
+      return /* @__PURE__ */ jsx12(SlackIcon, { className: "w-5 h-5", injectedColor: "white" });
     case "discord":
-      return /* @__PURE__ */ jsx14(MessageCircleIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx12(MessageCircleIcon, { className: "w-5 h-5" });
     case "telegram":
-      return /* @__PURE__ */ jsx14(TelegramIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx12(TelegramIcon, { className: "w-5 h-5" });
     case "youtube":
     case "yt":
-      return /* @__PURE__ */ jsx14(YouTubeIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx12(YouTubeIcon, { className: "w-5 h-5" });
     case "instagram":
     case "ig":
-      return /* @__PURE__ */ jsx14(InstagramIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx12(InstagramIcon, { className: "w-5 h-5" });
     case "facebook":
     case "fb":
-      return /* @__PURE__ */ jsx14(FacebookIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx12(FacebookIcon, { className: "w-5 h-5" });
     case "copy":
-      return /* @__PURE__ */ jsx14(CopyIcon, { className: "w-5 h-5", color: "var(--ods-text-primary)" });
+      return /* @__PURE__ */ jsx12(CopyIcon, { className: "w-5 h-5", color: "var(--ods-text-primary)" });
     default:
-      return /* @__PURE__ */ jsx14(GlobeIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx12(GlobeIcon, { className: "w-5 h-5" });
   }
 }
 function SocialIconRow({ className = "", links = defaultLinks, variant, compact = false, groupByVisibility = false }) {
   const resolvedVariant = variant !== void 0 ? variant : compact ? "transparent" : "outline";
   const renderButton = (link, index) => {
     const ariaLabel = link.label || link.platform;
-    return link.onClick ? /* @__PURE__ */ jsx14(
+    return link.onClick ? /* @__PURE__ */ jsx12(
       Button,
       {
         type: "button",
@@ -2301,7 +2206,7 @@ function SocialIconRow({ className = "", links = defaultLinks, variant, compact
       // Props-based linking — Button renders the anchor itself
       // (openInNewTab carries target="_blank" + rel="noopener noreferrer");
       // no asChild/<a> nesting.
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx12(
         Button,
         {
           variant: resolvedVariant,
@@ -2321,42 +2226,42 @@ function SocialIconRow({ className = "", links = defaultLinks, variant, compact
     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__ */ jsxs10("div", { className: rowClass, children: [
         external.map((l, i) => renderButton(l, i)),
-        /* @__PURE__ */ jsx14("span", { "aria-hidden": true, className: "self-stretch w-px my-1 bg-ods-border shrink-0" }),
+        /* @__PURE__ */ jsx12("span", { "aria-hidden": true, className: "self-stretch w-px my-1 bg-ods-border shrink-0" }),
         internal.map((l, i) => renderButton(l, external.length + i))
       ] });
     }
   }
-  return /* @__PURE__ */ jsx14("div", { className: rowClass, children: links.map((link, index) => renderButton(link, index)) });
+  return /* @__PURE__ */ jsx12("div", { className: rowClass, children: links.map((link, index) => renderButton(link, index)) });
 }
 
 // src/components/footer.tsx
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function NavLinkSkeleton() {
-  return /* @__PURE__ */ jsx15(Skeleton, { className: "h-5 md:h-6 w-20 md:w-24" });
+  return /* @__PURE__ */ jsx13(Skeleton, { className: "h-5 md:h-6 w-20 md:w-24" });
 }
 function Footer({ config, renderLink }) {
   if (!config) {
     console.warn("Footer: No config provided");
     return null;
   }
-  return /* @__PURE__ */ jsx15(UniversalFooter, { config, renderLink });
+  return /* @__PURE__ */ jsx13(UniversalFooter, { config, renderLink });
 }
 function UniversalFooter({ config, renderLink }) {
-  const defaultRenderLink = (link) => /* @__PURE__ */ jsx15("a", { href: link.href, className: "font-body font-medium text-md md:text-md leading-[1.33] text-ods-text-primary hover:text-ods-accent-primary transition-colors", children: link.label });
+  const defaultRenderLink = (link) => /* @__PURE__ */ jsx13("a", { href: link.href, className: "font-body font-medium text-md md:text-md leading-[1.33] text-ods-text-primary hover:text-ods-accent-primary transition-colors", children: link.label });
   const linkRenderer = renderLink || defaultRenderLink;
-  return /* @__PURE__ */ jsxs12("footer", { className: `w-full flex flex-col justify-center items-center ${config.backgroundColor || "bg-ods-bg-card"} px-6 py-10 relative gap-6 md:gap-6 min-h-[auto] md:min-h-[248px] z-50 border-t border-ods-border`, children: [
-    /* @__PURE__ */ jsxs12("div", { className: "w-full grid grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8 items-start", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4 md:gap-6 items-start text-left col-span-2 md:col-span-1 lg:col-span-1", children: [
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-          config.logo && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "w-8 h-8" }), children: config.logo }),
-          config.nameElement || /* @__PURE__ */ jsx15("span", { className: "font-heading text-heading-5 font-bold text-ods-text-primary whitespace-nowrap", children: config.name })
+  return /* @__PURE__ */ jsxs11("footer", { className: `w-full flex flex-col justify-center items-center ${config.backgroundColor || "bg-ods-bg-card"} px-6 py-10 relative gap-6 md:gap-6 min-h-[auto] md:min-h-[248px] z-50 border-t border-ods-border`, children: [
+    /* @__PURE__ */ jsxs11("div", { className: "w-full grid grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8 items-start", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-4 md:gap-6 items-start text-left col-span-2 md:col-span-1 lg:col-span-1", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+          config.logo && /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(Skeleton, { className: "w-8 h-8" }), children: config.logo }),
+          config.nameElement || /* @__PURE__ */ jsx13("span", { className: "font-heading text-heading-5 font-bold text-ods-text-primary whitespace-nowrap", children: config.name })
         ] }),
-        !config.moveDescriptionToRight && /* @__PURE__ */ jsxs12(Fragment3, { children: [
-          /* @__PURE__ */ jsx15("p", { className: "font-body font-medium text-sm md:text-sm leading-[1.43] text-ods-text-primary", children: config.description }),
-          config.belowDescriptionContent && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent }),
-          !config.hideSocialRow && /* @__PURE__ */ jsx15(
+        !config.moveDescriptionToRight && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          /* @__PURE__ */ jsx13("p", { className: "font-body font-medium text-sm md:text-sm leading-[1.43] text-ods-text-primary", children: config.description }),
+          config.belowDescriptionContent && /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent }),
+          !config.hideSocialRow && /* @__PURE__ */ jsx13(
             SocialIconRow,
             {
               className: "pt-2",
@@ -2364,22 +2269,22 @@ function UniversalFooter({ config, renderLink }) {
             }
           )
         ] }),
-        config.moveDescriptionToRight && config.keepBelowDescriptionLeft && config.belowDescriptionContent && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
+        config.moveDescriptionToRight && config.keepBelowDescriptionLeft && config.belowDescriptionContent && /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
       ] }),
-      config.sections.map((section, index) => /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-3 items-start text-left col-span-1", children: [
-        /* @__PURE__ */ jsx15("h3", { className: "text-h5 tracking-[-0.02em] text-ods-text-muted", children: section.title }),
-        /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-3", children: section.links.map((link, linkIndex) => /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(NavLinkSkeleton, {}), children: linkRenderer(link) }, linkIndex)) })
+      config.sections.map((section, index) => /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-3 items-start text-left col-span-1", children: [
+        /* @__PURE__ */ jsx13("h3", { className: "text-h5 tracking-[-0.02em] text-ods-text-muted", children: section.title }),
+        /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-3", children: section.links.map((link, linkIndex) => /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(NavLinkSkeleton, {}), children: linkRenderer(link) }, linkIndex)) })
       ] }, index)),
-      config.customComponent && /* @__PURE__ */ jsx15("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-center", children: /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-32 w-full" }), children: config.customComponent }) }),
-      (config.rightColumnContent || config.moveDescriptionToRight) && /* @__PURE__ */ jsxs12("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-start gap-4 md:gap-6", children: [
-        config.moveDescriptionToRight && /* @__PURE__ */ jsxs12(Fragment3, { children: [
-          /* @__PURE__ */ jsx15("p", { className: "font-body font-medium text-sm md:text-sm leading-[1.43] text-ods-text-primary", children: config.description }),
-          config.belowDescriptionContent && !config.keepBelowDescriptionLeft && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
+      config.customComponent && /* @__PURE__ */ jsx13("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-center", children: /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(Skeleton, { className: "h-32 w-full" }), children: config.customComponent }) }),
+      (config.rightColumnContent || config.moveDescriptionToRight) && /* @__PURE__ */ jsxs11("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-start gap-4 md:gap-6", children: [
+        config.moveDescriptionToRight && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          /* @__PURE__ */ jsx13("p", { className: "font-body font-medium text-sm md:text-sm leading-[1.43] text-ods-text-primary", children: config.description }),
+          config.belowDescriptionContent && !config.keepBelowDescriptionLeft && /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
         ] }),
-        config.rightColumnContent && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-32 w-full" }), children: config.rightColumnContent })
+        config.rightColumnContent && /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(Skeleton, { className: "h-32 w-full" }), children: config.rightColumnContent })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs12("p", { className: "font-body font-medium text-md md:text-md leading-[1.33] text-center w-full text-ods-text-muted pt-4 md:pt-0", children: [
+    /* @__PURE__ */ jsxs11("p", { className: "font-body font-medium text-md md:text-md leading-[1.33] text-center w-full text-ods-text-muted pt-4 md:pt-0", children: [
       "\xA9 ",
       (/* @__PURE__ */ new Date()).getFullYear(),
       " ",
@@ -2689,19 +2594,19 @@ init_unified_pagination();
 init_next_navigation();
 import { useCallback } from "react";
 init_button();
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx14 } 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__ */ jsx16(
+  return /* @__PURE__ */ jsx14(
     Button,
     {
       onClick: handleClick,
       className,
-      leftIcon: /* @__PURE__ */ jsx16(OpenFrameLogo, {}),
+      leftIcon: /* @__PURE__ */ jsx14(OpenFrameLogo, {}),
       children: "Join Waitlist"
     }
   );
@@ -2711,7 +2616,7 @@ function FooterWaitlistButton({ className }) {
 init_button();
 import { useRef, useState as useState2 } from "react";
 import { Loader2, Image as ImageIcon2, Upload, X as X3 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, objectFit = "cover", showReplaceButton = true, deferUpload = false, onUpload, onDelete }) {
   const inputRef = useRef(null);
   const { toast } = useToast();
@@ -2787,46 +2692,46 @@ function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, o
     onChange(void 0);
   };
   const heightStyle = typeof height === "number" ? `${height}px` : height;
-  return /* @__PURE__ */ jsxs13("div", { className: "w-full h-full max-h-full space-y-2 min-h-[300px]", children: [
-    imageUrl ? /* @__PURE__ */ jsxs13("div", { className: "relative group w-full aspect-square md:aspect-auto h-auto md:h-full flex items-center justify-center overflow-hidden", style: { height: heightStyle }, children: [
-      /* @__PURE__ */ jsx17("img", { src: imageUrl, className: `absolute inset-0 w-full h-full object-${objectFit}`, alt: "Cover" }),
-      /* @__PURE__ */ jsxs13("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 flex items-center justify-center gap-4 transition-opacity rounded-lg", children: [
-        showReplaceButton && /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs12("div", { className: "w-full h-full max-h-full space-y-2 min-h-[300px]", children: [
+    imageUrl ? /* @__PURE__ */ jsxs12("div", { className: "relative group w-full aspect-square md:aspect-auto h-auto md:h-full flex items-center justify-center overflow-hidden", style: { height: heightStyle }, children: [
+      /* @__PURE__ */ jsx15("img", { src: imageUrl, className: `absolute inset-0 w-full h-full object-${objectFit}`, alt: "Cover" }),
+      /* @__PURE__ */ jsxs12("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 flex items-center justify-center gap-4 transition-opacity rounded-lg", children: [
+        showReplaceButton && /* @__PURE__ */ jsx15(
           Button,
           {
             variant: "outline",
             size: "icon",
             onClick: openDialog,
             className: "bg-white text-black hover:bg-gray-100 rounded-full w-12 h-12",
-            children: /* @__PURE__ */ jsx17(Upload, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx15(Upload, { className: "h-5 w-5" })
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx15(
           Button,
           {
             variant: "outline",
             size: "icon",
             onClick: () => handleRemove(),
             className: "bg-white text-black hover:bg-gray-100 rounded-full w-12 h-12",
-            children: /* @__PURE__ */ jsx17(X3, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx15(X3, { className: "h-5 w-5" })
           }
         )
       ] })
-    ] }) : /* @__PURE__ */ jsx17(
+    ] }) : /* @__PURE__ */ jsx15(
       "div",
       {
         className: `w-full h-full border-2 border-dashed ${uploading ? "border-ods-accent" : "border-ods-border hover:border-ods-accent"} rounded-lg flex flex-col items-center justify-center cursor-pointer bg-ods-bg`,
         style: { height: heightStyle },
         onClick: openDialog,
-        children: uploading ? /* @__PURE__ */ jsx17(Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
-          /* @__PURE__ */ jsx17(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary" }),
-          /* @__PURE__ */ jsx17("span", { className: "text-ods-text-primary font-['DM_Sans'] text-[16px] font-medium mt-2", children: "Upload cover image" }),
-          /* @__PURE__ */ jsx17("span", { className: "text-ods-text-secondary font-['DM_Sans'] text-[14px] mt-1", children: "Click to upload or drag and drop" }),
-          /* @__PURE__ */ jsx17("span", { className: "text-ods-text-secondary font-['DM_Sans'] text-[12px]", children: "PNG, JPEG, WebP, GIF up to 5MB" })
+        children: uploading ? /* @__PURE__ */ jsx15(Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
+          /* @__PURE__ */ jsx15(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary" }),
+          /* @__PURE__ */ jsx15("span", { className: "text-ods-text-primary font-['DM_Sans'] text-[16px] font-medium mt-2", children: "Upload cover image" }),
+          /* @__PURE__ */ jsx15("span", { className: "text-ods-text-secondary font-['DM_Sans'] text-[14px] mt-1", children: "Click to upload or drag and drop" }),
+          /* @__PURE__ */ jsx15("span", { className: "text-ods-text-secondary font-['DM_Sans'] text-[12px]", children: "PNG, JPEG, WebP, GIF up to 5MB" })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx17("input", { ref: inputRef, type: "file", accept: "image/*", onChange: handleSelect, className: "hidden" })
+    /* @__PURE__ */ jsx15("input", { ref: inputRef, type: "file", accept: "image/*", onChange: handleSelect, className: "hidden" })
   ] });
 }
 
@@ -2845,13 +2750,13 @@ var CompareIcon2 = GitCompare;
 
 // src/components/icons-block.tsx
 import { Sun, Moon, CheckCircle, Github, PlusCircle } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var SunIcon2 = Sun;
 var MoonIcon2 = Moon;
 var CheckCircleIcon3 = CheckCircle;
 var GitHubIcon2 = Github;
 var PlusCircleIcon2 = PlusCircle;
-var OpenmspLogo3 = () => /* @__PURE__ */ jsx18("div", { children: "Logo" });
+var OpenmspLogo2 = () => /* @__PURE__ */ jsx16("div", { children: "Logo" });
 var availableIcons = [
   VendorDirectoryIcon2,
   OpenSourceIcon2,
@@ -2864,7 +2769,7 @@ var availableIcons = [
   CheckCircleIcon3,
   GitHubIcon2,
   PlusCircleIcon2,
-  OpenmspLogo3
+  OpenmspLogo2
 ];
 function ResponsiveIconsBlock({ loading = false }) {
   const [columns, setColumns] = useState3(24);
@@ -2914,17 +2819,17 @@ function ResponsiveIconsBlock({ loading = false }) {
     return iconGrid[row]?.[col] || availableIcons[0];
   };
   if (loading || iconGrid.length === 0) {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx16(
       "div",
       {
         className: "w-full h-[80px] md:h-[112px] bg-[#1A1A1A] relative overflow-hidden",
         role: "presentation",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx18("div", { className: "absolute inset-0 animate-pulse bg-[#2A2A2A]/60" })
+        children: /* @__PURE__ */ jsx16("div", { className: "absolute inset-0 animate-pulse bg-[#2A2A2A]/60" })
       }
     );
   }
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: "w-full h-[80px] md:h-[112px] overflow-hidden bg-[#1A1A1A] relative z-10",
@@ -2932,14 +2837,14 @@ function ResponsiveIconsBlock({ loading = false }) {
       role: "presentation",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx18("style", { children: `
+        /* @__PURE__ */ jsx16("style", { children: `
         .icons-block svg,
         .icons-block svg * {
           filter: grayscale(100%) brightness(0) invert(1) brightness(0.4) !important;
           fill: currentColor !important;
         }
       ` }),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx16(
           "div",
           {
             className: "grid h-full icons-block w-full",
@@ -2951,7 +2856,7 @@ function ResponsiveIconsBlock({ loading = false }) {
               const col = idx % displayColumns;
               const row = Math.floor(idx / displayColumns);
               const IconComponent = getIconForIndex(idx);
-              return /* @__PURE__ */ jsx18(
+              return /* @__PURE__ */ jsx16(
                 "div",
                 {
                   className: "flex items-center justify-center w-full h-full",
@@ -2964,7 +2869,7 @@ function ResponsiveIconsBlock({ loading = false }) {
                     boxSizing: "border-box"
                   },
                   role: "presentation",
-                  children: /* @__PURE__ */ jsx18(
+                  children: /* @__PURE__ */ jsx16(
                     IconComponent,
                     {
                       width: 16,
@@ -2990,7 +2895,7 @@ import { useCallback as useCallback2, useState as useState4 } from "react";
 import Cropper from "react-easy-crop";
 init_cn();
 import { Check, RotateCcw } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function loadImage(src) {
   return new Promise((resolve, reject) => {
     const img = new Image();
@@ -3078,7 +2983,7 @@ var ImageCropper = ({
       onCancel?.();
     }
   };
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -3089,14 +2994,14 @@ var ImageCropper = ({
       tabIndex: 0,
       "aria-label": "Image cropper",
       children: [
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx17(
           "div",
           {
             className: cn(
               "relative w-full aspect-square md:aspect-video rounded-md overflow-hidden",
               checkerBg
             ),
-            children: /* @__PURE__ */ jsx19(
+            children: /* @__PURE__ */ jsx17(
               Cropper,
               {
                 image: src,
@@ -3115,10 +3020,10 @@ var ImageCropper = ({
             )
           }
         ),
-        /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx19("span", { className: "min-w-[60px] text-sm", children: "Zoom" }),
-            /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx17("span", { className: "min-w-[60px] text-sm", children: "Zoom" }),
+            /* @__PURE__ */ jsx17(
               Slider,
               {
                 min: 1,
@@ -3131,9 +3036,9 @@ var ImageCropper = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx19("span", { className: "min-w-[60px] text-sm", children: "Rotate" }),
-            /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx17("span", { className: "min-w-[60px] text-sm", children: "Rotate" }),
+            /* @__PURE__ */ jsx17(
               Slider,
               {
                 min: 0,
@@ -3145,21 +3050,21 @@ var ImageCropper = ({
                 className: "flex-1"
               }
             ),
-            /* @__PURE__ */ jsx19(
+            /* @__PURE__ */ jsx17(
               Button,
               {
                 variant: "outline",
                 size: "icon",
                 onClick: () => setRotation(0),
                 "aria-label": "Reset rotation",
-                children: /* @__PURE__ */ jsx19(RotateCcw, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx17(RotateCcw, { className: "h-4 w-4" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs15("div", { className: "flex justify-end gap-2 mt-2", children: [
-          onCancel && /* @__PURE__ */ jsx19(Button, { variant: "outline", onClick: onCancel, "aria-label": "Cancel crop", children: "Cancel" }),
-          /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsxs14("div", { className: "flex justify-end gap-2 mt-2", children: [
+          onCancel && /* @__PURE__ */ jsx17(Button, { variant: "outline", onClick: onCancel, "aria-label": "Cancel crop", children: "Cancel" }),
+          /* @__PURE__ */ jsx17(
             Button,
             {
               variant: "accent",
@@ -3167,7 +3072,7 @@ var ImageCropper = ({
                 const result = await exportCrop();
                 if (result) onComplete(result);
               },
-              leftIcon: /* @__PURE__ */ jsx19(Check, { className: "h-4 w-4" }),
+              leftIcon: /* @__PURE__ */ jsx17(Check, { className: "h-4 w-4" }),
               "aria-label": "Apply crop",
               children: "Apply"
             }
@@ -3180,11 +3085,11 @@ var ImageCropper = ({
 
 // src/components/metric-value.tsx
 init_cn();
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function MetricValue({ value, label, className }) {
-  return /* @__PURE__ */ jsxs16("div", { className: cn('flex items-end gap-2 whitespace-nowrap font-["DM_Sans"] text-lg leading-[24px] text-ods-text-primary', className), children: [
+  return /* @__PURE__ */ jsxs15("div", { className: cn('flex items-end gap-2 whitespace-nowrap font-["DM_Sans"] text-lg leading-[24px] text-ods-text-primary', className), children: [
     value,
-    /* @__PURE__ */ jsx20("span", { className: "text-sm text-ods-text-secondary", children: label })
+    /* @__PURE__ */ jsx18("span", { className: "text-sm text-ods-text-secondary", children: label })
   ] });
 }
 
@@ -3194,14 +3099,14 @@ init_cn();
 // src/components/square-avatar.tsx
 init_cn();
 import React4 from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function SquareAvatar2({ src, fallbackName = "", size = 56, fullWidth = false, className }) {
   const initials = React4.useMemo(() => {
     if (!fallbackName) return "";
     return fallbackName.split(" ").map((n) => n.charAt(0)).join("").slice(0, 2).toUpperCase();
   }, [fallbackName]);
   const style = fullWidth ? {} : { width: size, height: size };
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: cn(
@@ -3212,8 +3117,8 @@ function SquareAvatar2({ src, fallbackName = "", size = 56, fullWidth = false, c
       style,
       children: src ? (
         // eslint-disable-next-line @next/next/no-img-element
-        /* @__PURE__ */ jsx21("img", { src: getProxiedImageUrl(src) || src, alt: "Avatar", className: "object-cover w-full h-full" })
-      ) : /* @__PURE__ */ jsx21("span", { className: cn(
+        /* @__PURE__ */ jsx19("img", { src: getProxiedImageUrl(src) || src, alt: "Avatar", className: "object-cover w-full h-full" })
+      ) : /* @__PURE__ */ jsx19("span", { className: cn(
         "font-['DM_Sans'] text-ods-text-primary font-bold",
         fullWidth ? "text-4xl" : "text-lg"
       ), children: initials })
@@ -3222,23 +3127,23 @@ function SquareAvatar2({ src, fallbackName = "", size = 56, fullWidth = false, c
 }
 
 // src/components/msp-display.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function MSPDisplay({ name, logoUrl, size = 40, className }) {
-  return /* @__PURE__ */ jsxs17("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
-    /* @__PURE__ */ jsx22(SquareAvatar2, { src: logoUrl ?? void 0, fallbackName: name, size }),
-    /* @__PURE__ */ jsx22("h2", { className: "truncate pl-2", children: name })
+  return /* @__PURE__ */ jsxs16("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
+    /* @__PURE__ */ jsx20(SquareAvatar2, { src: logoUrl ?? void 0, fallbackName: name, size }),
+    /* @__PURE__ */ jsx20("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 jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 
 // src/components/index.ts
 init_pagination();
 
 // src/components/pricing-display.tsx
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var PRICING_STYLES = {
   // Comparison table style (current default)
   comparison: {
@@ -3274,19 +3179,19 @@ function PricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (typeof pricing === "string") {
-    return /* @__PURE__ */ jsx24(LegacyPricingDisplay, { pricing, className, styleConfig });
+    return /* @__PURE__ */ jsx22(LegacyPricingDisplay, { pricing, className, styleConfig });
   }
   const pricingArray = Array.isArray(pricing) ? pricing : [pricing];
   if (!pricingArray || pricingArray.length === 0) {
-    return /* @__PURE__ */ jsx24("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: "No pricing data" });
+    return /* @__PURE__ */ jsx22("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: "No pricing data" });
   }
   if (pricingArray.length === 1) {
     const item = pricingArray[0];
     const price = item.ranges?.[0]?.min || 0;
     const unit = item.ranges?.[0]?.unit;
-    return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-      /* @__PURE__ */ jsx24("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
-      unit && /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+    return /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+      /* @__PURE__ */ jsx22("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
+      unit && /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
         "/",
         unit
       ] })
@@ -3294,9 +3199,9 @@ function PricingDisplay({
   }
   const priceValues = pricingArray.map((item) => formatPriceValue(item.ranges?.[0]?.min || 0, styleConfig.showTildePrefix));
   const itemWithUnit = pricingArray.find((item) => item.ranges?.[0]?.unit);
-  return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-    /* @__PURE__ */ jsx24("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
-    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+  return /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    /* @__PURE__ */ jsx22("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
+    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
       "/",
       itemWithUnit.ranges[0].unit
     ] })
@@ -3317,7 +3222,7 @@ function LegacyPricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (pricing === "Free" || pricing === "No pricing data") {
-    return /* @__PURE__ */ jsx24("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: pricing });
+    return /* @__PURE__ */ jsx22("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: pricing });
   }
   const parsePricing = (pricingStr) => {
     if (pricingStr.includes(", ")) {
@@ -3373,23 +3278,17 @@ function LegacyPricingDisplay({
     };
   };
   const { mainValue, secondaryInfo } = parsePricing(pricing);
-  return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-    /* @__PURE__ */ jsx24("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
-    secondaryInfo && /* @__PURE__ */ jsx24("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: secondaryInfo })
+  return /* @__PURE__ */ jsxs18("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 })
   ] });
 }
 function formatPricingForDisplay(pricing) {
   return pricing;
 }
 
-// src/components/agent-mark.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
-function AgentMark({ agent, className = "", faeAvatarSrc = FAE_AVATAR_DATA_URI }) {
-  return agent === "mingo" ? /* @__PURE__ */ jsx25(MingoIcon, { className, "aria-hidden": "true", focusable: "false" }) : /* @__PURE__ */ jsx25("img", { src: faeAvatarSrc, alt: "", className });
-}
-
 // src/components/results-count.tsx
-import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function ResultsCount({
   currentPage,
   pageSize,
@@ -3405,7 +3304,7 @@ function ResultsCount({
   const plural = resultType === "vendors" ? "vendors" : "posts";
   const singular = resultType === "vendors" ? "vendor" : "post";
   const displayType = totalResults === 1 ? singular : plural;
-  return /* @__PURE__ */ jsx26("div", { className: "mb-6", children: /* @__PURE__ */ jsx26("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: totalResults > 0 && /* @__PURE__ */ jsxs20(Fragment5, { children: [
+  return /* @__PURE__ */ jsx23("div", { className: "mb-6", children: /* @__PURE__ */ jsx23("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: totalResults > 0 && /* @__PURE__ */ jsxs19(Fragment5, { children: [
     "Showing ",
     startIndex,
     "-",
@@ -3414,17 +3313,77 @@ function ResultsCount({
     totalResults,
     " ",
     displayType,
-    sortingMessage && /* @__PURE__ */ jsxs20("span", { className: "ml-2 text-ods-accent", children: [
+    sortingMessage && /* @__PURE__ */ jsxs19("span", { className: "ml-2 text-ods-accent", children: [
       "\u2022 ",
       sortingMessage
     ] })
   ] }) }) });
 }
 
+// src/components/openframe-logo.tsx
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+var OpenFrameLogo2 = ({ className, lowerPathColor, upperPathColor, ...props }) => {
+  return /* @__PURE__ */ jsx24(
+    "svg",
+    {
+      ...props,
+      className,
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      style: {
+        "--fill-0": "currentColor",
+        ...props.style
+      },
+      children: /* @__PURE__ */ jsxs20("g", { children: [
+        /* @__PURE__ */ jsxs20("g", { children: [
+          /* @__PURE__ */ jsx24(
+            "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(
+            "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(
+            "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(
+            "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",
+              fill: lowerPathColor ?? "#ffffff"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx24(
+          "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",
+            fill: upperPathColor ?? "#1A1A1A"
+          }
+        )
+      ] })
+    }
+  );
+};
+
 // src/components/vendor-tag.tsx
 init_cn();
 import { Hand, Sparkles } from "lucide-react";
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function VendorTag({
   type,
   text,
@@ -3443,89 +3402,89 @@ function VendorTag({
         return {
           text: "Placeholder",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "ai":
         return {
           text: "AI Selected",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "manual":
         return {
           text: "Manually Selected",
           textColor: "text-ods-text-secondary",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "open-source":
         return {
           text: text || "Open Source",
-          icon: /* @__PURE__ */ jsx27(
+          icon: /* @__PURE__ */ jsx25(
             "div",
             {
               className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0",
               style: accentColor ? { backgroundColor: accentColor } : void 0,
-              children: /* @__PURE__ */ jsx27(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" })
+              children: /* @__PURE__ */ jsx25(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" })
             }
           )
         };
       case "commercial":
         return {
           text: text || "Commercial Vendor",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "free":
         return {
           text: text || "Free",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
         };
       case "freemium":
         return {
           text: text || "Freemium",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
         };
       case "paid":
         return {
           text: text || "Paid",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "enterprise":
         return {
           text: text || "Enterprise",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "E" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "E" }) })
         };
       case "recommended":
         return {
           text: text || "Recommended",
-          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "\u2605" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "\u2605" }) })
         };
       case "classification":
         const classificationType = text?.toLowerCase();
         if (classificationType === "open_source") {
           return {
             text: "Open Source",
-            icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" }) })
+            icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" }) })
           };
         } else if (classificationType === "commercial") {
           return {
             text: "Commercial Vendor",
-            icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+            icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
           };
         } else if (classificationType === "openframe_selected") {
           return {
             text: "OpenFrame Selected",
-            icon: /* @__PURE__ */ jsx27(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+            icon: /* @__PURE__ */ jsx25(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
           };
         } else {
           return {
             text: text || "Classification",
-            icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "C" }) })
+            icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "C" }) })
           };
         }
       case "openframe_selected":
         return {
           text: text || "OpenFrame Selected",
-          icon: /* @__PURE__ */ jsx27(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+          icon: /* @__PURE__ */ jsx25(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
         };
       default:
         return {
@@ -3537,7 +3496,7 @@ function VendorTag({
   const { text: displayText, icon, textColor } = getTagContent();
   return /* @__PURE__ */ jsxs21("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
     icon,
-    /* @__PURE__ */ jsx27("span", { className: cn(
+    /* @__PURE__ */ jsx25("span", { className: cn(
       "font-mono font-semibold uppercase",
       textColor ? textColor : "text-ods-text-primary",
       size === "sm" ? "text-[10px]" : "text-xs"
@@ -3546,12 +3505,12 @@ function VendorTag({
 }
 
 // src/components/selection-source-badge.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function SelectionSourceBadge({ source, hidden = false }) {
   if (!source) {
     return null;
   }
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx26(
     VendorTag,
     {
       type: source?.toLowerCase(),
@@ -3564,26 +3523,26 @@ function SelectionSourceBadge({ source, hidden = false }) {
 
 // src/components/user-display.tsx
 init_cn();
-import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function UserDisplay({ name, avatarUrl, subtitle, size = 32, className }) {
   return /* @__PURE__ */ jsxs22("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
-    /* @__PURE__ */ jsx29(SquareAvatar2, { src: avatarUrl ?? void 0, fallbackName: name, size }),
+    /* @__PURE__ */ jsx27(SquareAvatar2, { src: avatarUrl ?? void 0, fallbackName: name, size }),
     /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx29("p", { className: "font-['DM_Sans'] text-lg leading-[22px] text-ods-text-primary truncate", children: name }),
-      subtitle && /* @__PURE__ */ jsx29("span", { className: "font-['DM_Sans'] text-md leading-[16px] text-ods-text-secondary truncate", children: subtitle })
+      /* @__PURE__ */ jsx27("p", { className: "font-['DM_Sans'] text-lg leading-[22px] text-ods-text-primary truncate", children: name }),
+      subtitle && /* @__PURE__ */ jsx27("span", { className: "font-['DM_Sans'] text-md leading-[16px] text-ods-text-secondary truncate", children: subtitle })
     ] })
   ] });
 }
 
 // src/components/loading/content-skeleton.tsx
 init_cn();
-import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, 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__ */ jsx30("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx28("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx28(
     TextSkeleton.Body,
     {
       className: lineWidths[index % lineWidths.length]
@@ -3597,14 +3556,14 @@ function ListSkeleton({
   showIcons = false,
   showActions = false
 }) {
-  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsx28("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
     /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-      showIcons && /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-32 md:w-48" })
+      showIcons && /* @__PURE__ */ jsx28(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-32 md:w-48" })
     ] }),
     showActions && /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-8" }),
-      /* @__PURE__ */ jsx30(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
+      /* @__PURE__ */ jsx28(TextSkeleton.Caption, { className: "w-8" }),
+      /* @__PURE__ */ jsx28(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
     ] })
   ] }, index)) });
 }
@@ -3614,13 +3573,13 @@ function TableSkeleton({
   columns = 4
 }) {
   return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsx30("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
-    /* @__PURE__ */ jsx30("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx28("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx28(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
+    /* @__PURE__ */ jsx28("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx28(
       "div",
       {
         className: "grid gap-4 py-2 border-b border-ods-divider",
         style: { gridTemplateColumns: `repeat(${columns}, 1fr)` },
-        children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
+        children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
       },
       rowIndex
     )) })
@@ -3632,13 +3591,13 @@ function FormSkeleton({
 }) {
   return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-6", className), children: [
     Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-24" }),
-      /* @__PURE__ */ jsx30(InteractiveSkeleton.Input, {}),
-      index % 3 === 0 && /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-48" })
+      /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-24" }),
+      /* @__PURE__ */ jsx28(InteractiveSkeleton.Input, {}),
+      index % 3 === 0 && /* @__PURE__ */ jsx28(TextSkeleton.Caption, { className: "w-48" })
     ] }, index)),
     /* @__PURE__ */ jsxs23("div", { className: "flex gap-4 pt-4", children: [
-      /* @__PURE__ */ jsx30(InteractiveSkeleton.Button, {}),
-      /* @__PURE__ */ jsx30(InteractiveSkeleton.Button, { className: "bg-ods-border" })
+      /* @__PURE__ */ jsx28(InteractiveSkeleton.Button, {}),
+      /* @__PURE__ */ jsx28(InteractiveSkeleton.Button, { className: "bg-ods-border" })
     ] })
   ] });
 }
@@ -3647,7 +3606,7 @@ function NavigationSkeleton({
   items = 6,
   horizontal = true
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx28(
     "nav",
     {
       className: cn(
@@ -3657,7 +3616,7 @@ function NavigationSkeleton({
       ),
       role: "status",
       "aria-label": "Loading navigation",
-      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
+      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
     }
   );
 }
@@ -3668,30 +3627,30 @@ function ProfileSkeleton({
 }) {
   return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
     /* @__PURE__ */ jsxs23("div", { className: "flex items-start gap-4", children: [
-      /* @__PURE__ */ jsx30(MediaSkeleton.Avatar, { size: "lg" }),
+      /* @__PURE__ */ jsx28(MediaSkeleton.Avatar, { size: "lg" }),
       /* @__PURE__ */ jsxs23("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/2" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
+        /* @__PURE__ */ jsx28(TextSkeleton.Subheading, { className: "w-1/2" }),
+        /* @__PURE__ */ jsx28(TextSkeleton.Caption, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }),
     showBio && /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-4/5" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
+      /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-4/5" }),
+      /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-3/4" })
     ] }),
     showStats && /* @__PURE__ */ jsxs23("div", { className: "flex gap-6", children: [
       /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-12 mx-auto" })
+        /* @__PURE__ */ jsx28(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx28(TextSkeleton.Caption, { className: "w-12 mx-auto" })
       ] }),
       /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16 mx-auto" })
+        /* @__PURE__ */ jsx28(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx28(TextSkeleton.Caption, { className: "w-16 mx-auto" })
       ] }),
       /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-14 mx-auto" })
+        /* @__PURE__ */ jsx28(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx28(TextSkeleton.Caption, { className: "w-14 mx-auto" })
       ] })
     ] })
   ] });
@@ -3703,32 +3662,32 @@ function CommentSkeleton({
 }) {
   return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-3", className), children: [
     /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx30(MediaSkeleton.Avatar, { size: "sm" }),
+      /* @__PURE__ */ jsx28(MediaSkeleton.Avatar, { size: "sm" }),
       /* @__PURE__ */ jsxs23("div", { className: "flex-1 flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-24" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16" }),
-        showRating && /* @__PURE__ */ jsx30("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }, i)) })
+        /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-24" }),
+        /* @__PURE__ */ jsx28(TextSkeleton.Caption, { className: "w-16" }),
+        showRating && /* @__PURE__ */ jsx28("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx28(MediaSkeleton.Icon, { size: "sm" }, i)) })
       ] })
     ] }),
     /* @__PURE__ */ jsxs23("div", { className: "ml-11 space-y-2", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-1/2" })
+      /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-3/4" }),
+      /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
     /* @__PURE__ */ jsxs23("div", { className: "ml-11 flex gap-4", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-12" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-8" })
+      /* @__PURE__ */ jsx28(TextSkeleton.Caption, { className: "w-12" }),
+      /* @__PURE__ */ jsx28(TextSkeleton.Caption, { className: "w-16" }),
+      /* @__PURE__ */ jsx28(TextSkeleton.Caption, { className: "w-8" })
     ] }),
-    showReplies && /* @__PURE__ */ jsx30("div", { className: "ml-11 pl-4 border-l border-ods-divider space-y-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
+    showReplies && /* @__PURE__ */ jsx28("div", { className: "ml-11 pl-4 border-l border-ods-divider space-y-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx30(MediaSkeleton.Avatar, { size: "sm" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-20" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-12" })
+        /* @__PURE__ */ jsx28(MediaSkeleton.Avatar, { size: "sm" }),
+        /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-20" }),
+        /* @__PURE__ */ jsx28(TextSkeleton.Caption, { className: "w-12" })
       ] }),
       /* @__PURE__ */ jsxs23("div", { className: "ml-11", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
+        /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }, index)) })
   ] });
@@ -3740,35 +3699,35 @@ function FeatureListSkeleton({
   grouped = false
 }) {
   if (grouped) {
-    return /* @__PURE__ */ jsx30("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs23("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx30("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-        showIcons && /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
+    return /* @__PURE__ */ jsx28("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs23("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx28(TextSkeleton.Subheading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx28("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+        showIcons && /* @__PURE__ */ jsx28(MediaSkeleton.Icon, { size: "sm" }),
+        /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-2/3" })
       ] }, featureIndex)) })
     ] }, groupIndex)) });
   }
-  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-    showIcons && /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
-    /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
+  return /* @__PURE__ */ jsx28("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__ */ jsx28(MediaSkeleton.Icon, { size: "sm" }),
+    /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-2/3" })
   ] }, index)) });
 }
 function TimelineSkeleton({
   className,
   items = 5
 }) {
-  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex gap-4", children: [
+  return /* @__PURE__ */ jsx28("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex gap-4", children: [
     /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
-      index < items - 1 && /* @__PURE__ */ jsx30("div", { className: "w-px h-12 bg-ods-border mt-2" })
+      /* @__PURE__ */ jsx28(MediaSkeleton.Icon, { size: "sm" }),
+      index < items - 1 && /* @__PURE__ */ jsx28("div", { className: "w-px h-12 bg-ods-border mt-2" })
     ] }),
     /* @__PURE__ */ jsxs23("div", { className: "flex-1 space-y-2", children: [
       /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16" })
+        /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx28(TextSkeleton.Caption, { className: "w-16" })
       ] }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
+      /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-3/4" })
     ] })
   ] }, index)) });
 }
@@ -3776,49 +3735,49 @@ function PricingSkeleton({
   className,
   plans = 3
 }) {
-  return /* @__PURE__ */ jsx30("div", { className: cn(
+  return /* @__PURE__ */ jsx28("div", { className: cn(
     "grid gap-6",
     plans === 2 && "grid-cols-1 md:grid-cols-2",
     plans === 3 && "grid-cols-1 md:grid-cols-3",
     plans === 4 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
     className
-  ), children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ jsx30("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/2" }),
+  ), children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ jsx28("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx28(TextSkeleton.Subheading, { className: "w-1/2" }),
     /* @__PURE__ */ jsxs23("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Heading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-1/4" })
+      /* @__PURE__ */ jsx28(TextSkeleton.Heading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx28(TextSkeleton.Caption, { className: "w-1/4" })
     ] }),
-    /* @__PURE__ */ jsx30("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
+    /* @__PURE__ */ jsx28("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx28(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-3/4" })
     ] }, featureIndex)) }),
-    /* @__PURE__ */ jsx30(InteractiveSkeleton.Button, { className: "w-full" })
+    /* @__PURE__ */ jsx28(InteractiveSkeleton.Button, { className: "w-full" })
   ] }) }, index)) });
 }
 
 // src/components/profile/ProfileLoadingSkeleton.tsx
 init_cn();
-import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, 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__ */ jsx31("div", { className: "h-16 w-16 bg-gray-200 rounded-full animate-pulse" }),
+      /* @__PURE__ */ jsx29("div", { className: "h-16 w-16 bg-gray-200 rounded-full animate-pulse" }),
       /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx31("div", { className: "h-4 w-32 bg-gray-200 rounded animate-pulse" }),
-        /* @__PURE__ */ jsx31("div", { className: "h-3 w-24 bg-gray-200 rounded animate-pulse" })
+        /* @__PURE__ */ jsx29("div", { className: "h-4 w-32 bg-gray-200 rounded animate-pulse" }),
+        /* @__PURE__ */ jsx29("div", { className: "h-3 w-24 bg-gray-200 rounded animate-pulse" })
       ] })
     ] }),
     /* @__PURE__ */ jsxs24("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx31("div", { className: "h-4 w-full bg-gray-200 rounded animate-pulse" }),
-      /* @__PURE__ */ jsx31("div", { className: "h-4 w-3/4 bg-gray-200 rounded animate-pulse" }),
-      /* @__PURE__ */ jsx31("div", { className: "h-4 w-1/2 bg-gray-200 rounded animate-pulse" })
+      /* @__PURE__ */ jsx29("div", { className: "h-4 w-full bg-gray-200 rounded animate-pulse" }),
+      /* @__PURE__ */ jsx29("div", { className: "h-4 w-3/4 bg-gray-200 rounded animate-pulse" }),
+      /* @__PURE__ */ jsx29("div", { className: "h-4 w-1/2 bg-gray-200 rounded animate-pulse" })
     ] })
   ] });
 }
 
 // src/components/loading/msp-profile-form-skeleton.tsx
 init_cn();
-import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 function MspProfileFormSkeleton({
   className,
   fields = 4
@@ -3834,12 +3793,12 @@ function MspProfileFormSkeleton({
       "aria-label": "Loading MSP profile form",
       children: [
         /* @__PURE__ */ jsxs25("div", { className: "flex flex-col space-y-2 h-full", children: [
-          /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-28" }),
-          /* @__PURE__ */ jsx32("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx32(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
+          /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-28" }),
+          /* @__PURE__ */ jsx30("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx30(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
         ] }),
-        /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs25("div", { className: "space-y-2 flex flex-col", children: [
-          /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-40" }),
-          /* @__PURE__ */ jsx32(InteractiveSkeleton.Input, {})
+        /* @__PURE__ */ jsx30("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs25("div", { className: "space-y-2 flex flex-col", children: [
+          /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-40" }),
+          /* @__PURE__ */ jsx30(InteractiveSkeleton.Input, {})
         ] }, idx)) })
       ]
     }
@@ -3848,7 +3807,7 @@ function MspProfileFormSkeleton({
 
 // src/components/loading/category-card-skeleton.tsx
 init_cn();
-import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 function CategoryCardSkeleton({ className }) {
   return /* @__PURE__ */ jsxs26(
     "article",
@@ -3860,7 +3819,7 @@ function CategoryCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading category card",
       children: [
-        /* @__PURE__ */ jsx33("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx31("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx31(
           UnifiedSkeleton,
           {
             variant: "circular",
@@ -3870,11 +3829,11 @@ function CategoryCardSkeleton({ className }) {
           i
         )) }),
         /* @__PURE__ */ jsxs26("div", { className: "flex-1 flex flex-col space-y-3", children: [
-          /* @__PURE__ */ jsx33(TextSkeleton.Heading, { className: "w-3/4" }),
-          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-full" })
+          /* @__PURE__ */ jsx31(TextSkeleton.Heading, { className: "w-3/4" }),
+          /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-full" })
         ] }),
-        /* @__PURE__ */ jsx33("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx33(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
+        /* @__PURE__ */ jsx31("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx31(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
       ]
     }
   );
@@ -3882,7 +3841,7 @@ function CategoryCardSkeleton({ className }) {
 
 // src/components/loading/category-vendor-selector-skeleton.tsx
 init_cn();
-import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
   return /* @__PURE__ */ jsxs27(
     "div",
@@ -3892,12 +3851,12 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
       "aria-label": "Loading category section",
       children: [
         /* @__PURE__ */ jsxs27("div", { className: "mb-6 space-y-2 max-w-xl", children: [
-          /* @__PURE__ */ jsx34(TextSkeleton.Heading, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-3/4" })
+          /* @__PURE__ */ jsx32(TextSkeleton.Heading, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-3/4" })
         ] }),
-        /* @__PURE__ */ jsx34("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-1/3" }),
-          /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
+        /* @__PURE__ */ jsx32("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx32(TextSkeleton.Subheading, { className: "w-1/3" }),
+          /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx32(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
         ] }, idx)) })
       ]
     }
@@ -3906,90 +3865,90 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
 
 // src/components/loading/wizard-layout-skeleton.tsx
 init_cn();
-import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx33, 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__ */ jsx35("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
+    /* @__PURE__ */ jsx33("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx33(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
     /* @__PURE__ */ jsxs28("div", { className: "space-y-2 max-w-2xl", children: [
-      /* @__PURE__ */ jsx35(TextSkeleton.Heading, { className: "w-2/3" }),
-      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-1/2" })
+      /* @__PURE__ */ jsx33(TextSkeleton.Heading, { className: "w-2/3" }),
+      /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
     /* @__PURE__ */ jsxs28("div", { className: "flex justify-between mt-10", children: [
-      /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
-      /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
+      /* @__PURE__ */ jsx33(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
+      /* @__PURE__ */ jsx33(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
     ] })
   ] });
 }
 
 // src/components/loading/margin-report-skeleton.tsx
-import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx34, 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: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
       /* @__PURE__ */ jsxs29("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx36("div", { className: "h-10 w-72 bg-[#2A2A2A] rounded" }),
-        /* @__PURE__ */ jsx36("div", { className: "h-4 w-80 bg-[#2A2A2A] rounded" })
+        /* @__PURE__ */ jsx34("div", { className: "h-10 w-72 bg-[#2A2A2A] rounded" }),
+        /* @__PURE__ */ jsx34("div", { className: "h-4 w-80 bg-[#2A2A2A] rounded" })
       ] }),
-      /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx36("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx34("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) }),
       /* @__PURE__ */ jsxs29("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
         /* @__PURE__ */ jsxs29("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex items-center gap-4 animate-pulse", children: [
-          /* @__PURE__ */ jsx36("div", { className: "w-14 h-14 rounded-lg bg-[#2A2A2A]" }),
+          /* @__PURE__ */ jsx34("div", { className: "w-14 h-14 rounded-lg bg-[#2A2A2A]" }),
           /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2", children: [
-            /* @__PURE__ */ jsx36("div", { className: "h-4 bg-[#2A2A2A] rounded w-3/4" }),
-            /* @__PURE__ */ jsx36("div", { className: "h-3 bg-[#2A2A2A] rounded w-1/2" })
+            /* @__PURE__ */ jsx34("div", { className: "h-4 bg-[#2A2A2A] rounded w-3/4" }),
+            /* @__PURE__ */ jsx34("div", { className: "h-3 bg-[#2A2A2A] rounded w-1/2" })
           ] })
         ] }),
         /* @__PURE__ */ jsxs29("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex flex-col gap-4 animate-pulse", children: [
           /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between gap-4", children: [
             /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx36("div", { className: "w-10 h-10 rounded-lg bg-[#2A2A2A]" }),
+              /* @__PURE__ */ jsx34("div", { className: "w-10 h-10 rounded-lg bg-[#2A2A2A]" }),
               /* @__PURE__ */ jsxs29("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx36("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
-                /* @__PURE__ */ jsx36("div", { className: "h-3 w-20 bg-[#2A2A2A] rounded" })
+                /* @__PURE__ */ jsx34("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
+                /* @__PURE__ */ jsx34("div", { className: "h-3 w-20 bg-[#2A2A2A] rounded" })
               ] })
             ] }),
-            /* @__PURE__ */ jsx36("div", { className: "h-6 w-36 bg-[#2A2A2A] rounded" })
+            /* @__PURE__ */ jsx34("div", { className: "h-6 w-36 bg-[#2A2A2A] rounded" })
           ] }),
-          /* @__PURE__ */ jsx36("div", { className: "h-4 w-40 bg-[#2A2A2A] rounded mt-4" })
+          /* @__PURE__ */ jsx34("div", { className: "h-4 w-40 bg-[#2A2A2A] rounded mt-4" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs29("div", { className: "bg-ods-card border border-ods-border rounded-lg overflow-hidden flex flex-col animate-pulse", children: [
+      /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs29("div", { className: "bg-ods-card border border-ods-border rounded-lg overflow-hidden flex flex-col animate-pulse", children: [
         /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ jsx36("div", { className: "h-6 w-40 bg-[#2A2A2A] rounded" }),
+          /* @__PURE__ */ jsx34("div", { className: "h-6 w-40 bg-[#2A2A2A] rounded" }),
           /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx36("div", { className: "h-5 w-20 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx36("div", { className: "h-4 w-10 bg-[#2A2A2A] rounded" })
+            /* @__PURE__ */ jsx34("div", { className: "h-5 w-20 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx34("div", { className: "h-4 w-10 bg-[#2A2A2A] rounded" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx36("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs29("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx34("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs29("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-3 min-w-0", children: [
-            /* @__PURE__ */ jsx36("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
+            /* @__PURE__ */ jsx34("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
             /* @__PURE__ */ jsxs29("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsx36("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
-              /* @__PURE__ */ jsx36("div", { className: "hidden md:block h-3 w-24 bg-[#2A2A2A] rounded mt-1" })
+              /* @__PURE__ */ jsx34("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
+              /* @__PURE__ */ jsx34("div", { className: "hidden md:block h-3 w-24 bg-[#2A2A2A] rounded mt-1" })
             ] })
           ] }),
           /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-            /* @__PURE__ */ jsx36("div", { className: "h-4 w-16 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx36("div", { className: "h-3 w-8 bg-[#2A2A2A] rounded" })
+            /* @__PURE__ */ jsx34("div", { className: "h-4 w-16 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx34("div", { className: "h-3 w-8 bg-[#2A2A2A] rounded" })
           ] })
         ] }, j)) })
       ] }, idx)) }),
-      /* @__PURE__ */ jsx36("div", { className: "h-6 w-60 bg-[#2A2A2A] rounded" }),
-      /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx36("div", { className: "h-48 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsx34("div", { className: "h-6 w-60 bg-[#2A2A2A] rounded" }),
+      /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx34("div", { className: "h-48 bg-ods-card border border-ods-border rounded" }, i)) }),
       /* @__PURE__ */ jsxs29("div", { className: "border border-ods-border rounded-3xl p-8 space-y-6", children: [
         /* @__PURE__ */ jsxs29("div", { className: "flex items-start gap-6", children: [
           /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2 min-w-0", children: [
-            /* @__PURE__ */ jsx36("div", { className: "h-8 w-72 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx36("div", { className: "h-4 w-3/4 bg-[#2A2A2A] rounded" })
+            /* @__PURE__ */ jsx34("div", { className: "h-8 w-72 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx34("div", { className: "h-4 w-3/4 bg-[#2A2A2A] rounded" })
           ] }),
-          /* @__PURE__ */ jsx36("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-md shrink-0" })
+          /* @__PURE__ */ jsx34("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-md shrink-0" })
         ] }),
-        /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx36("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
+        /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx34("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
       ] })
     ] }),
-    overlayContent && /* @__PURE__ */ jsx36("div", { className: "absolute inset-0 bg-ods-card/80 z-10 rounded-lg pointer-events-none", children: /* @__PURE__ */ jsxs29("div", { className: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-auto flex flex-col items-center gap-4 text-center px-4", children: [
-      description && /* @__PURE__ */ jsx36("h3", { children: description }),
+    overlayContent && /* @__PURE__ */ jsx34("div", { className: "absolute inset-0 bg-ods-card/80 z-10 rounded-lg pointer-events-none", children: /* @__PURE__ */ jsxs29("div", { className: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-auto flex flex-col items-center gap-4 text-center px-4", children: [
+      description && /* @__PURE__ */ jsx34("h3", { children: description }),
       overlayContent
     ] }) })
   ] });
@@ -3997,18 +3956,18 @@ function MarginReportSkeleton({ animate = true, description, overlayContent }) {
 
 // src/components/loading/users-grid-skeleton.tsx
 init_cn();
-import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 function UsersGridSkeleton({ rows = 10, className }) {
   const skeletonRows = Array.from({ length: rows });
-  return /* @__PURE__ */ jsx37("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs30("table", { className: "min-w-full divide-y divide-ods-border", children: [
-    /* @__PURE__ */ jsx37("thead", { className: "bg-[#2A2A2A]", children: /* @__PURE__ */ jsx37("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx37("th", { className: "px-4 py-3 text-left text-[12px] font-medium text-ods-text-primary font-['DM_Sans']", children: h }, h)) }) }),
-    /* @__PURE__ */ jsx37("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx37("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx37("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx37("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
+  return /* @__PURE__ */ jsx35("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs30("table", { className: "min-w-full divide-y divide-ods-border", children: [
+    /* @__PURE__ */ jsx35("thead", { className: "bg-[#2A2A2A]", children: /* @__PURE__ */ jsx35("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx35("th", { className: "px-4 py-3 text-left text-[12px] font-medium text-ods-text-primary font-['DM_Sans']", children: h }, h)) }) }),
+    /* @__PURE__ */ jsx35("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx35("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx35("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx35("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
   ] }) });
 }
 
 // src/components/loading/organization-icon-skeleton.tsx
 init_cn();
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var sizeClasses2 = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
@@ -4035,27 +3994,27 @@ function OrganizationIconSkeleton({
     !showBackground && "overflow-hidden",
     className
   );
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       className: containerClasses,
       role: "status",
       "aria-label": "Loading organization icon",
-      children: /* @__PURE__ */ jsx38("div", { className: "w-1/2 h-1/2 bg-ods-border rounded-sm animate-pulse" })
+      children: /* @__PURE__ */ jsx36("div", { className: "w-1/2 h-1/2 bg-ods-border rounded-sm animate-pulse" })
     }
   );
 }
 
 // src/components/loading/organization-card-skeleton.tsx
 init_cn();
-import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
 function OrganizationCardSkeleton({
   className,
   containerClassName,
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       className: cn(
@@ -4067,7 +4026,7 @@ function OrganizationCardSkeleton({
       "aria-label": "Loading organization card",
       children: /* @__PURE__ */ jsxs31("div", { className: "p-4 gap-3 flex flex-col", children: [
         /* @__PURE__ */ jsxs31("div", { className: "flex items-start gap-3 w-full", children: [
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx37(
             OrganizationIconSkeleton,
             {
               size: "xl",
@@ -4077,28 +4036,28 @@ function OrganizationCardSkeleton({
             }
           ),
           /* @__PURE__ */ jsxs31("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
-            /* @__PURE__ */ jsx39(TextSkeleton.Subheading, { className: "w-3/4" }),
-            /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-1/2" })
+            /* @__PURE__ */ jsx37(TextSkeleton.Subheading, { className: "w-3/4" }),
+            /* @__PURE__ */ jsx37(TextSkeleton.Caption, { className: "w-1/2" })
           ] })
         ] }),
-        showDescription && /* @__PURE__ */ jsx39("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs31("div", { className: "space-y-1 w-full", children: [
-          /* @__PURE__ */ jsx39(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx39(TextSkeleton.Body, { className: "w-2/3" })
+        showDescription && /* @__PURE__ */ jsx37("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs31("div", { className: "space-y-1 w-full", children: [
+          /* @__PURE__ */ jsx37(TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ jsx37(TextSkeleton.Body, { className: "w-2/3" })
         ] }) }),
         showFooter && /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
           /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
             /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx39(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-8" })
+              /* @__PURE__ */ jsx37(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx37(TextSkeleton.Caption, { className: "w-8" })
             ] }),
             /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx39(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-10" })
+              /* @__PURE__ */ jsx37(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx37(TextSkeleton.Caption, { className: "w-10" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx39("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
-            /* @__PURE__ */ jsx39("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx39(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
-            /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-16" })
+          /* @__PURE__ */ jsx37("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
+            /* @__PURE__ */ jsx37("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx37(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
+            /* @__PURE__ */ jsx37(TextSkeleton.Caption, { className: "w-16" })
           ] }) })
         ] })
       ] })
@@ -4112,7 +4071,7 @@ function OrganizationCardSkeletonGrid({
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       className: cn(
@@ -4121,7 +4080,7 @@ function OrganizationCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} organization cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx39(
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx37(
         OrganizationCardSkeleton,
         {
           containerClassName,
@@ -4136,7 +4095,7 @@ function OrganizationCardSkeletonGrid({
 
 // src/components/loading/device-card-skeleton.tsx
 init_cn();
-import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 function DeviceCardSkeleton({ className }) {
   return /* @__PURE__ */ jsxs32(
     "div",
@@ -4149,18 +4108,18 @@ function DeviceCardSkeleton({ className }) {
       "aria-label": "Loading device card",
       children: [
         /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-3", children: [
-          /* @__PURE__ */ jsx40("div", { className: "w-8 h-8 bg-ods-bg border border-ods-border rounded-[6px] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx40("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx40("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx40("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx40("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
+          /* @__PURE__ */ jsx38("div", { className: "w-8 h-8 bg-ods-bg border border-ods-border rounded-[6px] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx38("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx38("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx38("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx38("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
         ] }),
         /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-2", children: [
-          /* @__PURE__ */ jsx40("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx40(OrganizationIconSkeleton, { size: "sm" }),
-          /* @__PURE__ */ jsx40("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx40("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
+          /* @__PURE__ */ jsx38("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx38(OrganizationIconSkeleton, { size: "sm" }),
+          /* @__PURE__ */ jsx38("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx38("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
         ] }),
         /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-2", children: [
-          /* @__PURE__ */ jsx40("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx40("div", { className: "flex-1", children: /* @__PURE__ */ jsx40("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
+          /* @__PURE__ */ jsx38("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx38("div", { className: "flex-1", children: /* @__PURE__ */ jsx38("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
         ] })
       ]
     }
@@ -4170,7 +4129,7 @@ function DeviceCardSkeletonGrid({
   count = 12,
   className
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: cn(
@@ -4179,22 +4138,22 @@ function DeviceCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} device cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx40(DeviceCardSkeleton, {}, index))
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx38(DeviceCardSkeleton, {}, index))
     }
   );
 }
 
 // src/components/vendor-page-skeleton.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function VendorPageSkeleton() {
-  return /* @__PURE__ */ jsx41(VendorDetailLayoutSkeleton, {});
+  return /* @__PURE__ */ jsx39(VendorDetailLayoutSkeleton, {});
 }
 
 // src/components/why-it-matters.tsx
-import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
 
 // src/components/yes-no-display.tsx
-import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
 function YesNoDisplay({
   value,
   yesText = "Yes",
@@ -4204,19 +4163,19 @@ function YesNoDisplay({
 }) {
   if (customText) {
     return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx43(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx43("span", { className: "text-ods-text-primary text-[16px]", children: customText })
+      /* @__PURE__ */ jsx41(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx41("span", { className: "text-ods-text-primary text-[16px]", children: customText })
     ] });
   }
   if (value) {
     return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx43(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx43("span", { className: "text-ods-text-primary text-[16px]", children: yesText })
+      /* @__PURE__ */ jsx41(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx41("span", { className: "text-ods-text-primary text-[16px]", children: yesText })
     ] });
   }
   return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
-    /* @__PURE__ */ jsx43(XCircleIcon, { className: "h-6 w-6" }),
-    /* @__PURE__ */ jsx43("span", { className: "text-ods-text-secondary text-[16px]", children: noText })
+    /* @__PURE__ */ jsx41(XCircleIcon, { className: "h-6 w-6" }),
+    /* @__PURE__ */ jsx41("span", { className: "text-ods-text-secondary text-[16px]", children: noText })
   ] });
 }
 function evaluateFeatureValue(value, dataType) {
@@ -4251,7 +4210,7 @@ function evaluateFeatureValue(value, dataType) {
 
 // src/components/made-with-love.tsx
 import { useState as useState5, useEffect as useEffect4 } from "react";
-import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
 function MadeWithLove({
   className = "",
   size = "md",
@@ -4342,14 +4301,14 @@ function MadeWithLove({
             onMouseEnter: () => setIsHovered(true),
             onMouseLeave: () => setIsHovered(false),
             children: [
-              /* @__PURE__ */ jsx44("div", { style: logoStyle, children: /* @__PURE__ */ jsx44(
+              /* @__PURE__ */ jsx42("div", { style: logoStyle, children: /* @__PURE__ */ jsx42(
                 FlamingoLogo2,
                 {
                   size: config.logoSize,
                   color: "#f357bb"
                 }
               ) }),
-              /* @__PURE__ */ jsx44("span", { style: textStyle, children: "Flamingo" })
+              /* @__PURE__ */ jsx42("span", { style: textStyle, children: "Flamingo" })
             ]
           }
         )
@@ -4361,7 +4320,7 @@ function MadeWithLove({
 // src/components/date-time-picker.tsx
 init_cn();
 import DatePicker2 from "react-datepicker";
-import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
 var inputClassName = cn(
   "flex h-10 w-full rounded-md border px-3 py-2 text-sm ring-offset-background",
   "file:border-0 file:bg-transparent file:text-sm file:font-medium",
@@ -4386,8 +4345,8 @@ function DateTimePicker({
   dateFormat = "MMMM d, yyyy h:mm aa"
 }) {
   return /* @__PURE__ */ jsxs36("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsx45(Label, { className: "font-['Azeret_Mono'] text-[12px] font-semibold leading-[1em] tracking-[-0.02em] text-ods-text-secondary uppercase", children: label }),
-    /* @__PURE__ */ jsx45("div", { className: "w-full", children: /* @__PURE__ */ jsx45(
+    label && /* @__PURE__ */ jsx43(Label, { className: "font-['Azeret_Mono'] text-[12px] font-semibold leading-[1em] tracking-[-0.02em] text-ods-text-secondary uppercase", children: label }),
+    /* @__PURE__ */ jsx43("div", { className: "w-full", children: /* @__PURE__ */ jsx43(
       DatePicker2,
       {
         selected: value,
@@ -4402,7 +4361,7 @@ function DateTimePicker({
         className: inputClassName
       }
     ) }),
-    /* @__PURE__ */ jsx45("style", { dangerouslySetInnerHTML: { __html: `
+    /* @__PURE__ */ jsx43("style", { dangerouslySetInnerHTML: { __html: `
         .react-datepicker-wrapper {
           width: 100% !important;
           display: block !important;
@@ -4507,7 +4466,7 @@ function DateTimePicker({
 
 // src/components/authors/author-detail-view.tsx
 init_cn();
-import { jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
 function AuthorDetailView({
   author,
   proxyImageUrl,
@@ -4524,7 +4483,7 @@ function AuthorDetailView({
   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 gap-6 w-full items-start", children: [
-      /* @__PURE__ */ jsx46("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx46("div", { className: "rounded-full overflow-hidden bg-ods-bg-secondary border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx46(
+      /* @__PURE__ */ jsx44("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx44("div", { className: "rounded-full overflow-hidden bg-ods-bg-secondary border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx44(
         next_image_default,
         {
           src: proxiedAvatar,
@@ -4533,12 +4492,12 @@ function AuthorDetailView({
           className: "object-cover",
           unoptimized: true
         }
-      ) : /* @__PURE__ */ jsx46("div", { className: "flex items-center justify-center h-full w-full text-3xl text-ods-text-secondary font-['Azeret_Mono']", children: author.fullName.charAt(0).toUpperCase() }) }) }),
+      ) : /* @__PURE__ */ jsx44("div", { className: "flex items-center justify-center h-full w-full text-3xl text-ods-text-secondary font-['Azeret_Mono']", children: author.fullName.charAt(0).toUpperCase() }) }) }),
       /* @__PURE__ */ jsxs37("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
-        /* @__PURE__ */ jsx46("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
-        subtitle && /* @__PURE__ */ jsx46("p", { className: "font-body text-lg text-ods-text-secondary leading-none truncate", children: subtitle }),
+        /* @__PURE__ */ jsx44("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
+        subtitle && /* @__PURE__ */ jsx44("p", { className: "font-body text-lg text-ods-text-secondary leading-none truncate", children: subtitle }),
         author.socialLinks.length > 0 && // Ghost compact row (transparent 32px) — metadata, not CTAs.
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx44(
           SocialIconRow,
           {
             compact: true,
@@ -4551,8 +4510,8 @@ function AuthorDetailView({
         )
       ] })
     ] }),
-    bioText && /* @__PURE__ */ jsx46("p", { className: "font-body text-base leading-relaxed text-ods-text-secondary", children: bioText }),
-    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx46("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx46(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
+    bioText && /* @__PURE__ */ jsx44("p", { className: "font-body text-base leading-relaxed text-ods-text-secondary", children: bioText }),
+    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx44("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx44(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
     children
   ] });
 }
@@ -4887,6 +4846,7 @@ export {
   EmptyState,
   EmptyVendorIcon,
   EntityAuthorCard,
+  EntityIcon,
   EntityImage,
   EntityMetadataAuthorCell,
   EntityMetadataValueCell,
@@ -4976,6 +4936,8 @@ export {
   HubspotIcon,
   HubspotTicketCard,
   HubspotTicketCardSkeleton,
+  ICON_ALIASES,
+  ICON_OPTIONS,
   ICON_REGISTRY,
   ITIcon,
   IconsBlock,
@@ -5119,8 +5081,6 @@ export {
   NushellIcon,
   OGLinkErrorBoundary,
   OGLinkPreview,
-  ONBOARDING_ICONS,
-  ONBOARDING_ICON_OPTIONS,
   OPENFRAME_DOCTOR_COMMANDS,
   OPENFRAME_PATHS,
   OPSIcon,
@@ -5538,7 +5498,7 @@ export {
   renderSvgIcon,
   resolutionToStatus,
   resolveExternalNavigation,
-  resolveOnboardingIcon,
+  resolveIcon,
   resolveSearchResultAction,
   resolveSourceIcon,
   resolveSourceRowCTA,