@flamingo-stack/openframe-frontend-core 0.0.518-1660.4292.1 → 0.0.518-1663.4312.1

package/dist/components/index.js

@@ -4,7 +4,7 @@ import "../chunk-MVWSLZG7.js";
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../chunk-ZKVARGSO.js";
+} from "../chunk-MOZUJ7IN.js";
 import {
   DeliveryLists,
   DeliveryTable,
@@ -18,7 +18,7 @@ import {
   RoadmapView,
   useLegalDocs,
   useRoadmapVoting
-} from "../chunk-MEXZZOBO.js";
+} from "../chunk-P6M5MN3L.js";
 import {
   AnnouncementBarSkeleton,
   ArticleLayoutSkeleton,
@@ -51,22 +51,22 @@ import {
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-43ZZYJ3M.js";
+} from "../chunk-KRBH3PI4.js";
 import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "../chunk-56OUH3UF.js";
+} from "../chunk-XARCNHWZ.js";
 import {
   PersistentPagination,
   PersistentPaginationWrapper,
   usePaginationLoading
-} from "../chunk-5KBQECAY.js";
+} from "../chunk-PUBL2NCH.js";
 import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-AI7WIW4E.js";
+} from "../chunk-YUQNJXSC.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -74,16 +74,16 @@ import {
   DevCardRowSkeletonList,
   DevSectionPage,
   DevSectionView
-} from "../chunk-MIFJLUZK.js";
+} from "../chunk-MVY3WDFZ.js";
 import {
   EmptyState,
   UnifiedPagination,
   init_unified_pagination
-} from "../chunk-NBJ7L65H.js";
+} from "../chunk-PV3LXEHJ.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "../chunk-KP4JRPUE.js";
+} from "../chunk-RJU7YCN3.js";
 import {
   DocSearchBar,
   DocSearchResultRow,
@@ -91,10 +91,10 @@ import {
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-FXT2OZ5Q.js";
+} from "../chunk-NJJWY7SO.js";
 import {
   useSelfFetch
-} from "../chunk-Z3ADCYC5.js";
+} from "../chunk-RCBRCZUF.js";
 import {
   ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE,
   AIEnrichButton,
@@ -374,6 +374,7 @@ import {
   FilterModal,
   FilterPillRow,
   FiltersDropdown,
+  FlamingoLogo as FlamingoLogo2,
   FloatingTooltip,
   FloatingWalkthroughVideo,
   FormLoader,
@@ -579,6 +580,7 @@ import {
   QuickActionWall,
   RATIO_GRID_CLASS,
   RATIO_TO_CSS_ASPECT,
+  RESYNC_AFTER_HIDDEN_MS,
   ROW_HEIGHT_DESKTOP,
   ROW_HEIGHT_MOBILE,
   ROW_SHELL_CLASSES,
@@ -958,7 +960,7 @@ import {
   useVideoWarmup,
   useWalkthroughVideo,
   usesCanonicalStatusStyle
-} from "../chunk-JLO2O5R4.js";
+} from "../chunk-LL4C2NXG.js";
 import "../chunk-7EUIW46X.js";
 import {
   next_image_default
@@ -982,7 +984,7 @@ import {
   showToast,
   useOnboardingState,
   useToast
-} from "../chunk-FS3YSNSU.js";
+} from "../chunk-GS4HJA2G.js";
 import {
   init_next_navigation,
   useRouter,
@@ -992,6 +994,7 @@ import {
   AboutIcon,
   AiRobotIcon,
   AlertTriangleIcon,
+  AppleIcon,
   ArchiveIcon,
   AuditLoggingIcon,
   AutomateEverythingIcon,
@@ -1141,7 +1144,7 @@ import {
   YouTubeIcon,
   getDeviceTypeIcon,
   renderSvgIcon
-} from "../chunk-XURRAFIB.js";
+} from "../chunk-GJAHN7LH.js";
 import "../chunk-JMZH4KMJ.js";
 import "../chunk-W72U7OU7.js";
 import {
@@ -3261,56 +3264,6 @@ function MSPDisplay({ name, logoUrl, size = 40, className }) {
 // src/components/open-source-features.tsx
 import { Terminal, DollarSign as DollarSign2, Network, Users as Users2 } from "lucide-react";
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
-var FeatureCard = ({ icon, title, description }) => {
-  return /* @__PURE__ */ jsxs17("div", { className: "bg-ods-card border border-ods-border rounded-3xl p-6 flex flex-col gap-6 h-full hover:bg-ods-bg-hover transition-colors duration-200", children: [
-    /* @__PURE__ */ jsx20("div", { className: "w-12 h-12 bg-ods-bg border border-ods-border rounded flex items-center justify-center", children: /* @__PURE__ */ jsx20("div", { className: "w-6 h-6 text-ods-text-secondary", children: icon }) }),
-    /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx20("h3", { className: "text-h3 text-ods-text-primary tracking-[-0.36px]", children: title }),
-      /* @__PURE__ */ jsx20("p", { className: "text-h4 text-ods-text-primary", children: description })
-    ] })
-  ] });
-};
-var OpenSourceFeatures = () => {
-  const features = [
-    {
-      icon: /* @__PURE__ */ jsx20(Terminal, { className: "w-6 h-6" }),
-      title: "Built on FOSS",
-      description: "No black boxes. No hidden fees. Just transparent, community-driven software you control."
-    },
-    {
-      icon: /* @__PURE__ */ jsx20(DollarSign2, { className: "w-6 h-6" }),
-      title: "Own Your Stack",
-      description: "Replace overpriced, proprietary tools with open, auditable, and customizable components."
-    },
-    {
-      icon: /* @__PURE__ */ jsx20(Network, { className: "w-6 h-6" }),
-      title: "Modular by Design",
-      description: "Add, remove, or extend features with ease \u2014 OpenFrame adapts to how you work."
-    },
-    {
-      icon: /* @__PURE__ */ jsx20(Users2, { className: "w-6 h-6" }),
-      title: "Community-Powered",
-      description: "Developed with and for MSPs by a global open-source community. You're not just a user \u2014 you're part of the roadmap."
-    }
-  ];
-  return /* @__PURE__ */ jsx20("section", { className: "w-full bg-ods-bg py-12 md:py-16 lg:py-20", children: /* @__PURE__ */ jsx20("div", { className: "w-full max-w-[1920px] mx-auto px-6 md:px-20", children: /* @__PURE__ */ jsxs17("div", { className: "flex flex-col items-center gap-10", children: [
-    /* @__PURE__ */ jsxs17("h2", { className: `${SECTION_HEADING_CLASS} text-center w-full`, children: [
-      /* @__PURE__ */ jsx20("span", { className: "text-ods-accent", children: "100%" }),
-      /* @__PURE__ */ jsx20("span", { children: " Open-Source. " }),
-      /* @__PURE__ */ jsx20("span", { className: "text-ods-accent", children: "0%" }),
-      /* @__PURE__ */ jsx20("span", { children: " Bullsh*t." })
-    ] }),
-    /* @__PURE__ */ jsx20("div", { className: "w-full", children: /* @__PURE__ */ jsx20("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", children: features.map((feature, index) => /* @__PURE__ */ jsx20(
-      FeatureCard,
-      {
-        icon: feature.icon,
-        title: feature.title,
-        description: feature.description
-      },
-      index
-    )) }) })
-  ] }) }) });
-};
 
 // src/components/index.ts
 init_pagination();
@@ -3493,10 +3446,70 @@ function ResultsCount({
   ] }) }) });
 }
 
+// src/components/openframe-logo.tsx
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+var OpenFrameLogo2 = ({ className, lowerPathColor, upperPathColor, ...props }) => {
+  return /* @__PURE__ */ jsx23(
+    "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__ */ jsx23(
+            "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__ */ jsx23(
+            "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__ */ jsx23(
+            "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__ */ jsx23(
+            "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__ */ jsx23(
+          "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 { Boxes, Database, Hand, Plug, ShieldCheck, Sparkles } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function VendorTag({
   type,
   text,
@@ -3515,110 +3528,110 @@ function VendorTag({
         return {
           text: "Placeholder",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "ai":
         return {
           text: "AI Selected",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "manual":
         return {
           text: "Manually Selected",
           textColor: "text-ods-text-secondary",
-          icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "open-source":
         return {
           text: text || "Open Source",
-          icon: /* @__PURE__ */ jsx23(
+          icon: /* @__PURE__ */ jsx24(
             "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__ */ jsx23(OpenSourceIcon2, { width: 10, height: 10, className: "text-ods-text-on-accent" })
+              children: /* @__PURE__ */ jsx24(OpenSourceIcon2, { width: 10, height: 10, className: "text-ods-text-on-accent" })
             }
           )
         };
       case "commercial":
         return {
           text: text || "Commercial Vendor",
-          icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       // platform-capability tags — same neutral icon-box chrome as 'commercial'
       case "api":
         return {
           text: text || "API",
-          icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23(Plug, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(Plug, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "data":
         return {
           text: text || "Data",
-          icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23(Database, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(Database, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "k8s":
         return {
           text: text || "K8s",
-          icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23(Boxes, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(Boxes, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "secured":
         return {
           text: text || "Secured",
-          icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23(ShieldCheck, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(ShieldCheck, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "free":
         return {
           text: text || "Free",
-          icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "$" }) })
         };
       case "freemium":
         return {
           text: text || "Freemium",
-          icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "$" }) })
         };
       case "paid":
         return {
           text: text || "Paid",
-          icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "enterprise":
         return {
           text: text || "Enterprise",
-          icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "E" }) })
+          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "E" }) })
         };
       case "recommended":
         return {
           text: text || "Recommended",
-          icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "\u2605" }) })
+          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "\u2605" }) })
         };
       case "classification":
         const classificationType = text?.toLowerCase();
         if (classificationType === "open_source") {
           return {
             text: "Open Source",
-            icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23(OpenSourceIcon2, { width: 10, height: 10, className: "text-ods-text-on-accent" }) })
+            icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(OpenSourceIcon2, { width: 10, height: 10, className: "text-ods-text-on-accent" }) })
           };
         } else if (classificationType === "commercial") {
           return {
             text: "Commercial Vendor",
-            icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+            icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
           };
         } else if (classificationType === "openframe_selected") {
           return {
             text: "OpenFrame Selected",
-            icon: /* @__PURE__ */ jsx23(OpenFrameLogo, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+            icon: /* @__PURE__ */ jsx24(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
           };
         } else {
           return {
             text: text || "Classification",
-            icon: /* @__PURE__ */ jsx23("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx23("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "C" }) })
+            icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "C" }) })
           };
         }
       case "openframe_selected":
         return {
           text: text || "OpenFrame Selected",
-          icon: /* @__PURE__ */ jsx23(OpenFrameLogo, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+          icon: /* @__PURE__ */ jsx24(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
         };
       default:
         return {
@@ -3628,9 +3641,9 @@ function VendorTag({
     }
   };
   const { text: displayText, icon, textColor } = getTagContent();
-  return /* @__PURE__ */ jsxs20("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
+  return /* @__PURE__ */ jsxs21("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
     icon,
-    /* @__PURE__ */ jsx23("span", { className: cn(
+    /* @__PURE__ */ jsx24("span", { className: cn(
       "text-h5 font-semibold",
       textColor ? textColor : "text-ods-text-primary"
     ), children: displayText })
@@ -3638,12 +3651,12 @@ function VendorTag({
 }
 
 // src/components/selection-source-badge.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function SelectionSourceBadge({ source, hidden = false }) {
   if (!source) {
     return null;
   }
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     VendorTag,
     {
       type: source?.toLowerCase(),
@@ -3656,13 +3669,13 @@ function SelectionSourceBadge({ source, hidden = false }) {
 
 // src/components/loading/content-skeleton.tsx
 init_cn();
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs22 } 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__ */ jsx25("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx26(
     TextSkeleton.Body,
     {
       className: lineWidths[index % lineWidths.length]
@@ -3676,14 +3689,14 @@ function ListSkeleton({
   showIcons = false,
   showActions = false
 }) {
-  return /* @__PURE__ */ jsx25("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-3", children: [
-      showIcons && /* @__PURE__ */ jsx25(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-32 md:w-48" })
+  return /* @__PURE__ */ jsx26("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+      showIcons && /* @__PURE__ */ jsx26(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-32 md:w-48" })
     ] }),
-    showActions && /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx25(TextSkeleton.Caption, { className: "w-8" }),
-      /* @__PURE__ */ jsx25(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
+    showActions && /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-8" }),
+      /* @__PURE__ */ jsx26(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
     ] })
   ] }, index)) });
 }
@@ -3692,14 +3705,14 @@ function TableSkeleton({
   rows = 5,
   columns = 4
 }) {
-  return /* @__PURE__ */ jsxs21("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsx25("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx25(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
-    /* @__PURE__ */ jsx25("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsx26("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
+    /* @__PURE__ */ jsx26("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx26(
       "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__ */ jsx25(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
+        children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
       },
       rowIndex
     )) })
@@ -3709,15 +3722,15 @@ function FormSkeleton({
   className,
   fields = 4
 }) {
-  return /* @__PURE__ */ jsxs21("div", { className: cn("space-y-6", className), children: [
-    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-24" }),
-      /* @__PURE__ */ jsx25(InteractiveSkeleton.Input, {}),
-      index % 3 === 0 && /* @__PURE__ */ jsx25(TextSkeleton.Caption, { className: "w-48" })
+  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-6", className), children: [
+    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-24" }),
+      /* @__PURE__ */ jsx26(InteractiveSkeleton.Input, {}),
+      index % 3 === 0 && /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-48" })
     ] }, index)),
-    /* @__PURE__ */ jsxs21("div", { className: "flex gap-4 pt-4", children: [
-      /* @__PURE__ */ jsx25(InteractiveSkeleton.Button, {}),
-      /* @__PURE__ */ jsx25(InteractiveSkeleton.Button, { className: "bg-ods-border" })
+    /* @__PURE__ */ jsxs22("div", { className: "flex gap-4 pt-4", children: [
+      /* @__PURE__ */ jsx26(InteractiveSkeleton.Button, {}),
+      /* @__PURE__ */ jsx26(InteractiveSkeleton.Button, { className: "bg-ods-border" })
     ] })
   ] });
 }
@@ -3726,7 +3739,7 @@ function NavigationSkeleton({
   items = 6,
   horizontal = true
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "nav",
     {
       className: cn(
@@ -3736,7 +3749,7 @@ function NavigationSkeleton({
       ),
       role: "status",
       "aria-label": "Loading navigation",
-      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
+      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
     }
   );
 }
@@ -3745,32 +3758,32 @@ function ProfileSkeleton({
   showBio = true,
   showStats = true
 }) {
-  return /* @__PURE__ */ jsxs21("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-4", children: [
-      /* @__PURE__ */ jsx25(MediaSkeleton.Avatar, { size: "lg" }),
-      /* @__PURE__ */ jsxs21("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx25(TextSkeleton.Subheading, { className: "w-1/2" }),
-        /* @__PURE__ */ jsx25(TextSkeleton.Caption, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-2/3" })
+  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ jsx26(MediaSkeleton.Avatar, { size: "lg" }),
+      /* @__PURE__ */ jsxs22("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-1/2" }),
+        /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }),
-    showBio && /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-4/5" }),
-      /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-3/4" })
+    showBio && /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-4/5" }),
+      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-3/4" })
     ] }),
-    showStats && /* @__PURE__ */ jsxs21("div", { className: "flex gap-6", children: [
-      /* @__PURE__ */ jsxs21("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx25(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx25(TextSkeleton.Caption, { className: "w-12 mx-auto" })
+    showStats && /* @__PURE__ */ jsxs22("div", { className: "flex gap-6", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-12 mx-auto" })
       ] }),
-      /* @__PURE__ */ jsxs21("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx25(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx25(TextSkeleton.Caption, { className: "w-16 mx-auto" })
+      /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-16 mx-auto" })
       ] }),
-      /* @__PURE__ */ jsxs21("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx25(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx25(TextSkeleton.Caption, { className: "w-14 mx-auto" })
+      /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-14 mx-auto" })
       ] })
     ] })
   ] });
@@ -3780,34 +3793,34 @@ function CommentSkeleton({
   showRating = false,
   showReplies = false
 }) {
-  return /* @__PURE__ */ jsxs21("div", { className: cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx25(MediaSkeleton.Avatar, { size: "sm" }),
-      /* @__PURE__ */ jsxs21("div", { className: "flex-1 flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-24" }),
-        /* @__PURE__ */ jsx25(TextSkeleton.Caption, { className: "w-16" }),
-        showRating && /* @__PURE__ */ jsx25("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx25(MediaSkeleton.Icon, { size: "sm" }, i)) })
+  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx26(MediaSkeleton.Avatar, { size: "sm" }),
+      /* @__PURE__ */ jsxs22("div", { className: "flex-1 flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-24" }),
+        /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-16" }),
+        showRating && /* @__PURE__ */ jsx26("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx26(MediaSkeleton.Icon, { size: "sm" }, i)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs21("div", { className: "ml-11 space-y-2", children: [
-      /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-3/4" }),
-      /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-1/2" })
+    /* @__PURE__ */ jsxs22("div", { className: "ml-11 space-y-2", children: [
+      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-3/4" }),
+      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__PURE__ */ jsxs21("div", { className: "ml-11 flex gap-4", children: [
-      /* @__PURE__ */ jsx25(TextSkeleton.Caption, { className: "w-12" }),
-      /* @__PURE__ */ jsx25(TextSkeleton.Caption, { className: "w-16" }),
-      /* @__PURE__ */ jsx25(TextSkeleton.Caption, { className: "w-8" })
+    /* @__PURE__ */ jsxs22("div", { className: "ml-11 flex gap-4", children: [
+      /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-12" }),
+      /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-16" }),
+      /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-8" })
     ] }),
-    showReplies && /* @__PURE__ */ jsx25("div", { className: "ml-11 pl-4 border-l border-ods-divider space-y-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs21("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx25(MediaSkeleton.Avatar, { size: "sm" }),
-        /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-20" }),
-        /* @__PURE__ */ jsx25(TextSkeleton.Caption, { className: "w-12" })
+    showReplies && /* @__PURE__ */ jsx26("div", { className: "ml-11 pl-4 border-l border-ods-divider space-y-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx26(MediaSkeleton.Avatar, { size: "sm" }),
+        /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-20" }),
+        /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-12" })
       ] }),
-      /* @__PURE__ */ jsxs21("div", { className: "ml-11", children: [
-        /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-2/3" })
+      /* @__PURE__ */ jsxs22("div", { className: "ml-11", children: [
+        /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }, index)) })
   ] });
@@ -3819,35 +3832,35 @@ function FeatureListSkeleton({
   grouped = false
 }) {
   if (grouped) {
-    return /* @__PURE__ */ jsx25("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs21("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx25(TextSkeleton.Subheading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx25("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-3", children: [
-        showIcons && /* @__PURE__ */ jsx25(MediaSkeleton.Icon, { size: "sm" }),
-        /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-2/3" })
+    return /* @__PURE__ */ jsx26("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs22("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx26("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+        showIcons && /* @__PURE__ */ jsx26(MediaSkeleton.Icon, { size: "sm" }),
+        /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-2/3" })
       ] }, featureIndex)) })
     ] }, groupIndex)) });
   }
-  return /* @__PURE__ */ jsx25("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-3", children: [
-    showIcons && /* @__PURE__ */ jsx25(MediaSkeleton.Icon, { size: "sm" }),
-    /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-2/3" })
+  return /* @__PURE__ */ jsx26("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+    showIcons && /* @__PURE__ */ jsx26(MediaSkeleton.Icon, { size: "sm" }),
+    /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-2/3" })
   ] }, index)) });
 }
 function TimelineSkeleton({
   className,
   items = 5
 }) {
-  return /* @__PURE__ */ jsx25("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs21("div", { className: "flex gap-4", children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx25(MediaSkeleton.Icon, { size: "sm" }),
-      index < items - 1 && /* @__PURE__ */ jsx25("div", { className: "w-px h-12 bg-ods-border mt-2" })
+  return /* @__PURE__ */ jsx26("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx26(MediaSkeleton.Icon, { size: "sm" }),
+      index < items - 1 && /* @__PURE__ */ jsx26("div", { className: "w-px h-12 bg-ods-border mt-2" })
     ] }),
-    /* @__PURE__ */ jsxs21("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx25(TextSkeleton.Caption, { className: "w-16" })
+    /* @__PURE__ */ jsxs22("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-16" })
       ] }),
-      /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-3/4" })
+      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-3/4" })
     ] })
   ] }, index)) });
 }
@@ -3855,54 +3868,54 @@ function PricingSkeleton({
   className,
   plans = 3
 }) {
-  return /* @__PURE__ */ jsx25("div", { className: cn(
+  return /* @__PURE__ */ jsx26("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__ */ jsx25("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs21("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx25(TextSkeleton.Subheading, { className: "w-1/2" }),
-    /* @__PURE__ */ jsxs21("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx25(TextSkeleton.Heading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx25(TextSkeleton.Caption, { className: "w-1/4" })
+  ), children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ jsx26("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-1/2" }),
+    /* @__PURE__ */ jsxs22("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx26(TextSkeleton.Heading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-1/4" })
     ] }),
-    /* @__PURE__ */ jsx25("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx25(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx25(TextSkeleton.Body, { className: "w-3/4" })
+    /* @__PURE__ */ jsx26("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx26(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-3/4" })
     ] }, featureIndex)) }),
-    /* @__PURE__ */ jsx25(InteractiveSkeleton.Button, { className: "w-full" })
+    /* @__PURE__ */ jsx26(InteractiveSkeleton.Button, { className: "w-full" })
   ] }) }, index)) });
 }
 
 // src/components/profile/ProfileLoadingSkeleton.tsx
 init_cn();
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function ProfileLoadingSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsxs22("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ jsx26("div", { className: "h-16 w-16 bg-ods-skeleton rounded-full animate-pulse" }),
-      /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx26("div", { className: "h-4 w-32 bg-ods-skeleton rounded animate-pulse" }),
-        /* @__PURE__ */ jsx26("div", { className: "h-3 w-24 bg-ods-skeleton rounded animate-pulse" })
+  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-center space-x-4", children: [
+      /* @__PURE__ */ jsx27("div", { className: "h-16 w-16 bg-ods-skeleton rounded-full animate-pulse" }),
+      /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx27("div", { className: "h-4 w-32 bg-ods-skeleton rounded animate-pulse" }),
+        /* @__PURE__ */ jsx27("div", { className: "h-3 w-24 bg-ods-skeleton rounded animate-pulse" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx26("div", { className: "h-4 w-full bg-ods-skeleton rounded animate-pulse" }),
-      /* @__PURE__ */ jsx26("div", { className: "h-4 w-3/4 bg-ods-skeleton rounded animate-pulse" }),
-      /* @__PURE__ */ jsx26("div", { className: "h-4 w-1/2 bg-ods-skeleton rounded animate-pulse" })
+    /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx27("div", { className: "h-4 w-full bg-ods-skeleton rounded animate-pulse" }),
+      /* @__PURE__ */ jsx27("div", { className: "h-4 w-3/4 bg-ods-skeleton rounded animate-pulse" }),
+      /* @__PURE__ */ jsx27("div", { className: "h-4 w-1/2 bg-ods-skeleton rounded animate-pulse" })
     ] })
   ] });
 }
 
 // src/components/loading/msp-profile-form-skeleton.tsx
 init_cn();
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 function MspProfileFormSkeleton({
   className,
   fields = 4
 }) {
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       className: cn(
@@ -3912,13 +3925,13 @@ function MspProfileFormSkeleton({
       role: "status",
       "aria-label": "Loading MSP profile form",
       children: [
-        /* @__PURE__ */ jsxs23("div", { className: "flex flex-col space-y-2 h-full", children: [
-          /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-28" }),
-          /* @__PURE__ */ jsx27("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx27(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
+        /* @__PURE__ */ jsxs24("div", { className: "flex flex-col space-y-2 h-full", children: [
+          /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-28" }),
+          /* @__PURE__ */ jsx28("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx28(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
         ] }),
-        /* @__PURE__ */ jsx27("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs23("div", { className: "space-y-2 flex flex-col", children: [
-          /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-40" }),
-          /* @__PURE__ */ jsx27(InteractiveSkeleton.Input, {})
+        /* @__PURE__ */ jsx28("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs24("div", { className: "space-y-2 flex flex-col", children: [
+          /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-40" }),
+          /* @__PURE__ */ jsx28(InteractiveSkeleton.Input, {})
         ] }, idx)) })
       ]
     }
@@ -3927,9 +3940,9 @@ function MspProfileFormSkeleton({
 
 // src/components/loading/category-card-skeleton.tsx
 init_cn();
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function CategoryCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "article",
     {
       className: cn(
@@ -3939,7 +3952,7 @@ function CategoryCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading category card",
       children: [
-        /* @__PURE__ */ jsx28("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx29(
           UnifiedSkeleton,
           {
             variant: "circular",
@@ -3948,12 +3961,12 @@ function CategoryCardSkeleton({ className }) {
           },
           i
         )) }),
-        /* @__PURE__ */ jsxs24("div", { className: "flex-1 flex flex-col space-y-3", children: [
-          /* @__PURE__ */ jsx28(TextSkeleton.Heading, { className: "w-3/4" }),
-          /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-full" })
+        /* @__PURE__ */ jsxs25("div", { className: "flex-1 flex flex-col space-y-3", children: [
+          /* @__PURE__ */ jsx29(TextSkeleton.Heading, { className: "w-3/4" }),
+          /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-full" })
         ] }),
-        /* @__PURE__ */ jsx28("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx28(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
+        /* @__PURE__ */ jsx29("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx29(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
       ]
     }
   );
@@ -3961,22 +3974,22 @@ function CategoryCardSkeleton({ className }) {
 
 // src/components/loading/category-vendor-selector-skeleton.tsx
 init_cn();
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: cn("bg-ods-card border border-ods-border rounded-lg p-6", className),
       role: "status",
       "aria-label": "Loading category section",
       children: [
-        /* @__PURE__ */ jsxs25("div", { className: "mb-6 space-y-2 max-w-xl", children: [
-          /* @__PURE__ */ jsx29(TextSkeleton.Heading, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-3/4" })
+        /* @__PURE__ */ jsxs26("div", { className: "mb-6 space-y-2 max-w-xl", children: [
+          /* @__PURE__ */ jsx30(TextSkeleton.Heading, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
         ] }),
-        /* @__PURE__ */ jsx29("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs25("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-1/3" }),
-          /* @__PURE__ */ jsx29("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx29(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
+        /* @__PURE__ */ jsx30("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/3" }),
+          /* @__PURE__ */ jsx30("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx30(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
         ] }, idx)) })
       ]
     }
@@ -3985,90 +3998,90 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
 
 // src/components/loading/wizard-layout-skeleton.tsx
 init_cn();
-import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
 function WizardLayoutSkeleton({ steps = 6, className }) {
-  return /* @__PURE__ */ jsxs26("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
-    /* @__PURE__ */ jsx30("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx30(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
-    /* @__PURE__ */ jsxs26("div", { className: "space-y-2 max-w-2xl", children: [
-      /* @__PURE__ */ jsx30(TextSkeleton.Heading, { className: "w-2/3" }),
-      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-1/2" })
+  return /* @__PURE__ */ jsxs27("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
+    /* @__PURE__ */ jsx31("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx31(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
+    /* @__PURE__ */ jsxs27("div", { className: "space-y-2 max-w-2xl", children: [
+      /* @__PURE__ */ jsx31(TextSkeleton.Heading, { className: "w-2/3" }),
+      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__PURE__ */ jsxs26("div", { className: "flex justify-between mt-10", children: [
-      /* @__PURE__ */ jsx30(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
-      /* @__PURE__ */ jsx30(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
+    /* @__PURE__ */ jsxs27("div", { className: "flex justify-between mt-10", children: [
+      /* @__PURE__ */ jsx31(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
+      /* @__PURE__ */ jsx31(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
     ] })
   ] });
 }
 
 // src/components/loading/margin-report-skeleton.tsx
-import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 function MarginReportSkeleton({ animate = true, description, overlayContent }) {
-  return /* @__PURE__ */ jsxs27("main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
-    /* @__PURE__ */ jsxs27("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
-      /* @__PURE__ */ jsxs27("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx31("div", { className: "h-10 w-72 bg-ods-skeleton rounded" }),
-        /* @__PURE__ */ jsx31("div", { className: "h-4 w-80 bg-ods-skeleton rounded" })
+  return /* @__PURE__ */ jsxs28("main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
+    /* @__PURE__ */ jsxs28("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
+      /* @__PURE__ */ jsxs28("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx32("div", { className: "h-10 w-72 bg-ods-skeleton rounded" }),
+        /* @__PURE__ */ jsx32("div", { className: "h-4 w-80 bg-ods-skeleton rounded" })
       ] }),
-      /* @__PURE__ */ jsx31("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx31("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) }),
-      /* @__PURE__ */ jsxs27("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-        /* @__PURE__ */ jsxs27("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex items-center gap-4 animate-pulse", children: [
-          /* @__PURE__ */ jsx31("div", { className: "w-14 h-14 rounded-lg bg-ods-skeleton" }),
-          /* @__PURE__ */ jsxs27("div", { className: "flex-1 space-y-2", children: [
-            /* @__PURE__ */ jsx31("div", { className: "h-4 bg-ods-skeleton rounded w-3/4" }),
-            /* @__PURE__ */ jsx31("div", { className: "h-3 bg-ods-skeleton rounded w-1/2" })
+      /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx32("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsxs28("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+        /* @__PURE__ */ jsxs28("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex items-center gap-4 animate-pulse", children: [
+          /* @__PURE__ */ jsx32("div", { className: "w-14 h-14 rounded-lg bg-ods-skeleton" }),
+          /* @__PURE__ */ jsxs28("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx32("div", { className: "h-4 bg-ods-skeleton rounded w-3/4" }),
+            /* @__PURE__ */ jsx32("div", { className: "h-3 bg-ods-skeleton rounded w-1/2" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs27("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex flex-col gap-4 animate-pulse", children: [
-          /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx31("div", { className: "w-10 h-10 rounded-lg bg-ods-skeleton" }),
-              /* @__PURE__ */ jsxs27("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx31("div", { className: "h-4 w-32 bg-ods-skeleton rounded" }),
-                /* @__PURE__ */ jsx31("div", { className: "h-3 w-20 bg-ods-skeleton rounded" })
+        /* @__PURE__ */ jsxs28("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex flex-col gap-4 animate-pulse", children: [
+          /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx32("div", { className: "w-10 h-10 rounded-lg bg-ods-skeleton" }),
+              /* @__PURE__ */ jsxs28("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx32("div", { className: "h-4 w-32 bg-ods-skeleton rounded" }),
+                /* @__PURE__ */ jsx32("div", { className: "h-3 w-20 bg-ods-skeleton rounded" })
               ] })
             ] }),
-            /* @__PURE__ */ jsx31("div", { className: "h-6 w-36 bg-ods-skeleton rounded" })
+            /* @__PURE__ */ jsx32("div", { className: "h-6 w-36 bg-ods-skeleton rounded" })
           ] }),
-          /* @__PURE__ */ jsx31("div", { className: "h-4 w-40 bg-ods-skeleton rounded mt-4" })
+          /* @__PURE__ */ jsx32("div", { className: "h-4 w-40 bg-ods-skeleton rounded mt-4" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx31("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs27("div", { className: "bg-ods-card border border-ods-border rounded-lg overflow-hidden flex flex-col animate-pulse", children: [
-        /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ jsx31("div", { className: "h-6 w-40 bg-ods-skeleton rounded" }),
-          /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx31("div", { className: "h-5 w-20 bg-ods-skeleton rounded" }),
-            /* @__PURE__ */ jsx31("div", { className: "h-4 w-10 bg-ods-skeleton rounded" })
+      /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs28("div", { className: "bg-ods-card border border-ods-border rounded-lg overflow-hidden flex flex-col animate-pulse", children: [
+        /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsx32("div", { className: "h-6 w-40 bg-ods-skeleton rounded" }),
+          /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx32("div", { className: "h-5 w-20 bg-ods-skeleton rounded" }),
+            /* @__PURE__ */ jsx32("div", { className: "h-4 w-10 bg-ods-skeleton rounded" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx31("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs27("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-3 min-w-0", children: [
-            /* @__PURE__ */ jsx31("div", { className: "w-12 h-12 bg-ods-skeleton rounded-lg flex-shrink-0" }),
-            /* @__PURE__ */ jsxs27("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsx31("div", { className: "h-4 w-32 bg-ods-skeleton rounded" }),
-              /* @__PURE__ */ jsx31("div", { className: "hidden md:block h-3 w-24 bg-ods-skeleton rounded mt-1" })
+        /* @__PURE__ */ jsx32("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs28("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsx32("div", { className: "w-12 h-12 bg-ods-skeleton rounded-lg flex-shrink-0" }),
+            /* @__PURE__ */ jsxs28("div", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ jsx32("div", { className: "h-4 w-32 bg-ods-skeleton rounded" }),
+              /* @__PURE__ */ jsx32("div", { className: "hidden md:block h-3 w-24 bg-ods-skeleton rounded mt-1" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-            /* @__PURE__ */ jsx31("div", { className: "h-4 w-16 bg-ods-skeleton rounded" }),
-            /* @__PURE__ */ jsx31("div", { className: "h-3 w-8 bg-ods-skeleton rounded" })
+          /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+            /* @__PURE__ */ jsx32("div", { className: "h-4 w-16 bg-ods-skeleton rounded" }),
+            /* @__PURE__ */ jsx32("div", { className: "h-3 w-8 bg-ods-skeleton rounded" })
           ] })
         ] }, j)) })
       ] }, idx)) }),
-      /* @__PURE__ */ jsx31("div", { className: "h-6 w-60 bg-ods-skeleton rounded" }),
-      /* @__PURE__ */ jsx31("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx31("div", { className: "h-48 bg-ods-card border border-ods-border rounded" }, i)) }),
-      /* @__PURE__ */ jsxs27("div", { className: "border border-ods-border rounded-3xl p-8 space-y-6", children: [
-        /* @__PURE__ */ jsxs27("div", { className: "flex items-start gap-6", children: [
-          /* @__PURE__ */ jsxs27("div", { className: "flex-1 space-y-2 min-w-0", children: [
-            /* @__PURE__ */ jsx31("div", { className: "h-8 w-72 bg-ods-skeleton rounded" }),
-            /* @__PURE__ */ jsx31("div", { className: "h-4 w-3/4 bg-ods-skeleton rounded" })
+      /* @__PURE__ */ jsx32("div", { className: "h-6 w-60 bg-ods-skeleton rounded" }),
+      /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx32("div", { className: "h-48 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsxs28("div", { className: "border border-ods-border rounded-3xl p-8 space-y-6", children: [
+        /* @__PURE__ */ jsxs28("div", { className: "flex items-start gap-6", children: [
+          /* @__PURE__ */ jsxs28("div", { className: "flex-1 space-y-2 min-w-0", children: [
+            /* @__PURE__ */ jsx32("div", { className: "h-8 w-72 bg-ods-skeleton rounded" }),
+            /* @__PURE__ */ jsx32("div", { className: "h-4 w-3/4 bg-ods-skeleton rounded" })
           ] }),
-          /* @__PURE__ */ jsx31("div", { className: "w-12 h-12 bg-ods-skeleton rounded-md shrink-0" })
+          /* @__PURE__ */ jsx32("div", { className: "w-12 h-12 bg-ods-skeleton rounded-md shrink-0" })
         ] }),
-        /* @__PURE__ */ jsx31("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx31("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
+        /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx32("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
       ] })
     ] }),
-    overlayContent && /* @__PURE__ */ jsx31("div", { className: "absolute inset-0 bg-ods-card/80 z-10 rounded-lg pointer-events-none", children: /* @__PURE__ */ jsxs27("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__ */ jsx31("h3", { children: description }),
+    overlayContent && /* @__PURE__ */ jsx32("div", { className: "absolute inset-0 bg-ods-card/80 z-10 rounded-lg pointer-events-none", children: /* @__PURE__ */ jsxs28("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__ */ jsx32("h3", { children: description }),
       overlayContent
     ] }) })
   ] });
@@ -4076,18 +4089,18 @@ function MarginReportSkeleton({ animate = true, description, overlayContent }) {
 
 // src/components/loading/users-grid-skeleton.tsx
 init_cn();
-import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
 function UsersGridSkeleton({ rows = 10, className }) {
   const skeletonRows = Array.from({ length: rows });
-  return /* @__PURE__ */ jsx32("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs28("table", { className: "min-w-full divide-y divide-ods-border", children: [
-    /* @__PURE__ */ jsx32("thead", { className: "bg-ods-skeleton", children: /* @__PURE__ */ jsx32("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx32("th", { className: "px-4 py-3 text-left text-h6 text-ods-text-primary", children: h }, h)) }) }),
-    /* @__PURE__ */ jsx32("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx32("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx32("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx32("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
+  return /* @__PURE__ */ jsx33("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs29("table", { className: "min-w-full divide-y divide-ods-border", children: [
+    /* @__PURE__ */ jsx33("thead", { className: "bg-ods-skeleton", children: /* @__PURE__ */ jsx33("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx33("th", { className: "px-4 py-3 text-left text-h6 text-ods-text-primary", children: h }, h)) }) }),
+    /* @__PURE__ */ jsx33("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx33("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx33("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx33("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
   ] }) });
 }
 
 // src/components/loading/organization-icon-skeleton.tsx
 init_cn();
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var sizeClasses2 = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
@@ -4114,27 +4127,27 @@ function OrganizationIconSkeleton({
     !showBackground && "overflow-hidden",
     className
   );
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       className: containerClasses,
       role: "status",
       "aria-label": "Loading organization icon",
-      children: /* @__PURE__ */ jsx33("div", { className: "w-1/2 h-1/2 bg-ods-border rounded-sm animate-pulse" })
+      children: /* @__PURE__ */ jsx34("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 jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
 function OrganizationCardSkeleton({
   className,
   containerClassName,
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       className: cn(
@@ -4144,9 +4157,9 @@ function OrganizationCardSkeleton({
       ),
       role: "status",
       "aria-label": "Loading organization card",
-      children: /* @__PURE__ */ jsxs29("div", { className: "p-4 gap-3 flex flex-col", children: [
-        /* @__PURE__ */ jsxs29("div", { className: "flex items-start gap-3 w-full", children: [
-          /* @__PURE__ */ jsx34(
+      children: /* @__PURE__ */ jsxs30("div", { className: "p-4 gap-3 flex flex-col", children: [
+        /* @__PURE__ */ jsxs30("div", { className: "flex items-start gap-3 w-full", children: [
+          /* @__PURE__ */ jsx35(
             OrganizationIconSkeleton,
             {
               size: "xl",
@@ -4155,29 +4168,29 @@ function OrganizationCardSkeleton({
               className: "w-[60px] h-[60px]"
             }
           ),
-          /* @__PURE__ */ jsxs29("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
-            /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-3/4" }),
-            /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-1/2" })
+          /* @__PURE__ */ jsxs30("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
+            /* @__PURE__ */ jsx35(TextSkeleton.Subheading, { className: "w-3/4" }),
+            /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-1/2" })
           ] })
         ] }),
-        showDescription && /* @__PURE__ */ jsx34("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs29("div", { className: "space-y-1 w-full", children: [
-          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-2/3" })
+        showDescription && /* @__PURE__ */ jsx35("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs30("div", { className: "space-y-1 w-full", children: [
+          /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-2/3" })
         ] }) }),
-        showFooter && /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
-          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
-            /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx34(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-8" })
+        showFooter && /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
+          /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
+            /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-8" })
             ] }),
-            /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx34(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-10" })
+            /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-10" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx34("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
-            /* @__PURE__ */ jsx34("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx34(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
-            /* @__PURE__ */ jsx34(TextSkeleton.Caption, { className: "w-16" })
+          /* @__PURE__ */ jsx35("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
+            /* @__PURE__ */ jsx35("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
+            /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-16" })
           ] }) })
         ] })
       ] })
@@ -4191,7 +4204,7 @@ function OrganizationCardSkeletonGrid({
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       className: cn(
@@ -4200,7 +4213,7 @@ function OrganizationCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} organization cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx34(
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx35(
         OrganizationCardSkeleton,
         {
           containerClassName,
@@ -4215,9 +4228,9 @@ function OrganizationCardSkeletonGrid({
 
 // src/components/loading/device-card-skeleton.tsx
 init_cn();
-import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 function DeviceCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
       className: cn(
@@ -4227,19 +4240,19 @@ function DeviceCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading device card",
       children: [
-        /* @__PURE__ */ jsxs30("div", { className: "flex gap-4 items-center px-4 py-3", children: [
-          /* @__PURE__ */ jsx35("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__ */ jsx35("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx35("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx35("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx35("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
+        /* @__PURE__ */ jsxs31("div", { className: "flex gap-4 items-center px-4 py-3", children: [
+          /* @__PURE__ */ jsx36("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__ */ jsx36("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx36("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx36("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx36("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsxs30("div", { className: "flex gap-4 items-center px-4 py-2", children: [
-          /* @__PURE__ */ jsx35("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx35(OrganizationIconSkeleton, { size: "sm" }),
-          /* @__PURE__ */ jsx35("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx35("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
+        /* @__PURE__ */ jsxs31("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx36("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx36(OrganizationIconSkeleton, { size: "sm" }),
+          /* @__PURE__ */ jsx36("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx36("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
         ] }),
-        /* @__PURE__ */ jsxs30("div", { className: "flex gap-4 items-center px-4 py-2", children: [
-          /* @__PURE__ */ jsx35("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx35("div", { className: "flex-1", children: /* @__PURE__ */ jsx35("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
+        /* @__PURE__ */ jsxs31("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx36("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx36("div", { className: "flex-1", children: /* @__PURE__ */ jsx36("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
         ] })
       ]
     }
@@ -4249,7 +4262,7 @@ function DeviceCardSkeletonGrid({
   count = 12,
   className
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       className: cn(
@@ -4258,78 +4271,22 @@ function DeviceCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} device cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx35(DeviceCardSkeleton, {}, index))
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx36(DeviceCardSkeleton, {}, index))
     }
   );
 }
 
 // src/components/vendor-page-skeleton.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function VendorPageSkeleton() {
-  return /* @__PURE__ */ jsx36(VendorDetailLayoutSkeleton, {});
+  return /* @__PURE__ */ jsx37(VendorDetailLayoutSkeleton, {});
 }
 
 // src/components/why-it-matters.tsx
-import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
-var WhyItMattersItem = ({ number, title, description, isLast }) => {
-  return /* @__PURE__ */ jsxs31(
-    "li",
-    {
-      className: `
-        flex flex-col md:flex-row items-start gap-6 p-10 w-full
-        transition-colors duration-200 hover:bg-ods-bg-hover
-        ${!isLast ? "border-b border-ods-border" : ""}
-      `,
-      children: [
-        /* @__PURE__ */ jsx37("span", { className: "text-h2 tracking-[-0.02em] text-ods-accent", children: number }),
-        /* @__PURE__ */ jsxs31("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsx37("h3", { className: "text-h2 tracking-[-0.02em] text-ods-text-primary", children: title }),
-          /* @__PURE__ */ jsx37("p", { className: "text-h4 text-ods-text-primary mt-4", children: description })
-        ] })
-      ]
-    }
-  );
-};
-var WhyItMatters = () => {
-  const items = [
-    {
-      number: "1.",
-      title: "Cut Costs",
-      description: "Eliminate vendor fees with proven open-source alternatives"
-    },
-    {
-      number: "2.",
-      title: "Stay in Control",
-      description: "Full visibility and data ownership"
-    },
-    {
-      number: "3.",
-      title: "Build What You Need",
-      description: "Customize without vendor limitations"
-    },
-    {
-      number: "4.",
-      title: "Scale Freely",
-      description: "Designed for multi-tenant MSP environments"
-    }
-  ];
-  return /* @__PURE__ */ jsx37("section", { className: "bg-ods-bg", children: /* @__PURE__ */ jsxs31("div", { className: "w-full max-w-[1920px] mx-auto px-6 md:px-20", children: [
-    /* @__PURE__ */ jsx37("h2", { className: `${SECTION_HEADING_CLASS} text-center mb-6`, children: "Why It Matters" }),
-    /* @__PURE__ */ jsx37("div", { className: "bg-ods-card border border-ods-border rounded-3xl overflow-hidden w-full", children: /* @__PURE__ */ jsx37("ol", { children: items.map((item, index) => /* @__PURE__ */ jsx37(
-      WhyItMattersItem,
-      {
-        number: item.number,
-        title: item.title,
-        description: item.description,
-        isLast: index === items.length - 1
-      },
-      item.number
-    )) }) })
-  ] }) });
-};
+import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 
 // src/components/yes-no-display.tsx
-import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 function YesNoDisplay({
   value,
   yesText = "Yes",
@@ -4338,20 +4295,20 @@ function YesNoDisplay({
   className = ""
 }) {
   if (customText) {
-    return /* @__PURE__ */ jsxs32("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx38(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx38("span", { className: "text-ods-text-primary text-h6", children: customText })
+    return /* @__PURE__ */ jsxs33("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx39(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx39("span", { className: "text-ods-text-primary text-h6", children: customText })
     ] });
   }
   if (value) {
-    return /* @__PURE__ */ jsxs32("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx38(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx38("span", { className: "text-ods-text-primary text-h6", children: yesText })
+    return /* @__PURE__ */ jsxs33("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx39(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx39("span", { className: "text-ods-text-primary text-h6", children: yesText })
     ] });
   }
-  return /* @__PURE__ */ jsxs32("div", { className: `flex items-center gap-2 ${className}`, children: [
-    /* @__PURE__ */ jsx38(XCircleIcon, { className: "h-6 w-6" }),
-    /* @__PURE__ */ jsx38("span", { className: "text-ods-text-secondary text-h6", children: noText })
+  return /* @__PURE__ */ jsxs33("div", { className: `flex items-center gap-2 ${className}`, children: [
+    /* @__PURE__ */ jsx39(XCircleIcon, { className: "h-6 w-6" }),
+    /* @__PURE__ */ jsx39("span", { className: "text-ods-text-secondary text-h6", children: noText })
   ] });
 }
 function evaluateFeatureValue(value, dataType) {
@@ -4386,7 +4343,7 @@ function evaluateFeatureValue(value, dataType) {
 
 // src/components/made-with-love.tsx
 import { useState as useState5, useEffect as useEffect4 } from "react";
-import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 function MadeWithLove({
   className = "",
   size = "md",
@@ -4460,14 +4417,14 @@ function MadeWithLove({
     marginLeft: "4px",
     textDecoration: "none"
   };
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       style: containerStyle,
       className,
       children: [
         "Made with love by",
-        /* @__PURE__ */ jsxs33(
+        /* @__PURE__ */ jsxs34(
           "a",
           {
             href: flamingoUrl,
@@ -4477,15 +4434,14 @@ function MadeWithLove({
             onMouseEnter: () => setIsHovered(true),
             onMouseLeave: () => setIsHovered(false),
             children: [
-              /* @__PURE__ */ jsx39("div", { style: logoStyle, children: /* @__PURE__ */ jsx39(
-                FlamingoLogo,
+              /* @__PURE__ */ jsx40("div", { style: logoStyle, children: /* @__PURE__ */ jsx40(
+                FlamingoLogo2,
                 {
-                  width: config.logoSize,
-                  height: config.logoSize,
-                  fill: "#f357bb"
+                  size: config.logoSize,
+                  color: "#f357bb"
                 }
               ) }),
-              /* @__PURE__ */ jsx39("span", { style: textStyle, children: "Flamingo" })
+              /* @__PURE__ */ jsx40("span", { style: textStyle, children: "Flamingo" })
             ]
           }
         )
@@ -4497,7 +4453,7 @@ function MadeWithLove({
 // src/components/date-time-picker.tsx
 init_cn();
 import DatePicker2 from "react-datepicker";
-import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs35 } 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",
@@ -4521,9 +4477,9 @@ function DateTimePicker({
   timeIntervals = 15,
   dateFormat = "MMMM d, yyyy h:mm aa"
 }) {
-  return /* @__PURE__ */ jsxs34("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsx40(Label, { className: "text-h5 font-semibold text-ods-text-secondary", children: label }),
-    /* @__PURE__ */ jsx40("div", { className: "w-full", children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsxs35("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsx41(Label, { className: "text-h5 font-semibold text-ods-text-secondary", children: label }),
+    /* @__PURE__ */ jsx41("div", { className: "w-full", children: /* @__PURE__ */ jsx41(
       DatePicker2,
       {
         selected: value,
@@ -4538,7 +4494,7 @@ function DateTimePicker({
         className: inputClassName
       }
     ) }),
-    /* @__PURE__ */ jsx40("style", { dangerouslySetInnerHTML: { __html: `
+    /* @__PURE__ */ jsx41("style", { dangerouslySetInnerHTML: { __html: `
         .react-datepicker-wrapper {
           width: 100% !important;
           display: block !important;
@@ -4643,7 +4599,7 @@ function DateTimePicker({
 
 // src/components/authors/author-detail-view.tsx
 init_cn();
-import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
 function AuthorDetailView({
   author,
   proxyImageUrl,
@@ -4658,9 +4614,9 @@ function AuthorDetailView({
   }) ?? author.avatarUrl : null;
   const subtitle = [author.jobTitle, author.company].filter(Boolean).join(" @ ");
   const bioText = formatBioText(author.about);
-  return /* @__PURE__ */ jsxs35("div", { className: cn("flex flex-col gap-5 md:gap-6", className), children: [
-    /* @__PURE__ */ jsxs35("div", { className: "flex gap-6 w-full items-start", children: [
-      /* @__PURE__ */ jsx41("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx41("div", { className: "rounded-full overflow-hidden bg-ods-bg-surface border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsxs36("div", { className: cn("flex flex-col gap-5 md:gap-6", className), children: [
+    /* @__PURE__ */ jsxs36("div", { className: "flex gap-6 w-full items-start", children: [
+      /* @__PURE__ */ jsx42("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx42("div", { className: "rounded-full overflow-hidden bg-ods-bg-surface border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx42(
         next_image_default,
         {
           src: proxiedAvatar,
@@ -4669,12 +4625,12 @@ function AuthorDetailView({
           className: "object-cover",
           unoptimized: true
         }
-      ) : /* @__PURE__ */ jsx41("div", { className: "flex items-center justify-center h-full w-full text-3xl text-ods-text-secondary font-heading", children: author.fullName.charAt(0).toUpperCase() }) }) }),
-      /* @__PURE__ */ jsxs35("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
-        /* @__PURE__ */ jsx41("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
-        subtitle && /* @__PURE__ */ jsx41("p", { className: "font-body text-lg text-ods-text-secondary leading-none truncate", children: subtitle }),
+      ) : /* @__PURE__ */ jsx42("div", { className: "flex items-center justify-center h-full w-full text-3xl text-ods-text-secondary font-heading", children: author.fullName.charAt(0).toUpperCase() }) }) }),
+      /* @__PURE__ */ jsxs36("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ jsx42("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
+        subtitle && /* @__PURE__ */ jsx42("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__ */ jsx41(
+        /* @__PURE__ */ jsx42(
           SocialIconRow,
           {
             compact: true,
@@ -4687,8 +4643,8 @@ function AuthorDetailView({
         )
       ] })
     ] }),
-    bioText && /* @__PURE__ */ jsx41("p", { className: "text-h6 text-ods-text-secondary", children: bioText }),
-    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx41("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx41(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
+    bioText && /* @__PURE__ */ jsx42("p", { className: "text-h6 text-ods-text-secondary", children: bioText }),
+    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx42("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx42(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
     children
   ] });
 }
@@ -4746,6 +4702,7 @@ export {
   AppLayoutDrawerHeader,
   AppLayoutDrawerTitle,
   AppLayoutDrawerTrigger,
+  AppleIcon,
   ApprovalBatchMessage,
   ApprovalRequestMessage,
   ApprovalRequestNotificationTile,
@@ -5311,7 +5268,6 @@ export {
   OpenFrameSsoSignUpForm,
   OpenFrameText,
   OpenFrameWordmark,
-  OpenSourceFeatures,
   OpenSourceIcon,
   OpenmspLogo,
   OrganizationCard,
@@ -5389,6 +5345,7 @@ export {
   QuickActionWall,
   RATIO_GRID_CLASS,
   RATIO_TO_CSS_ASPECT,
+  RESYNC_AFTER_HIDDEN_MS,
   ROW_HEIGHT_DESKTOP,
   ROW_HEIGHT_MOBILE,
   ROW_SHELL_CLASSES,
@@ -5638,7 +5595,6 @@ export {
   WhatIShippedCard,
   WhatIShippedCardSkeleton,
   WhatsAppIcon,
-  WhyItMatters,
   WindowsIcon,
   WizardLayoutSkeleton,
   XCircleIcon,