@flamingo-stack/openframe-frontend-core 0.0.330 → 0.0.331

package/dist/components/index.js

@@ -4,7 +4,7 @@ import "../chunk-GZ4C3XW6.js";
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../chunk-MXLQCQLM.js";
+} from "../chunk-O742P5M7.js";
 import {
   DeliveryLists,
   DeliveryTable,
@@ -21,7 +21,7 @@ import {
   useLegalDocs,
   usePaginationLoading,
   useRoadmapVoting
-} from "../chunk-UN33GYZF.js";
+} from "../chunk-KK2KWKGQ.js";
 import {
   AnnouncementBarSkeleton,
   ArticleLayoutSkeleton,
@@ -54,17 +54,17 @@ import {
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-O6JFLNJX.js";
+} from "../chunk-WP4ZV52Q.js";
 import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "../chunk-MJ2QVKFD.js";
+} from "../chunk-CQNGQTWK.js";
 import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-CTRVKS42.js";
+} from "../chunk-OSB772QC.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -75,11 +75,11 @@ import {
   EmptyState,
   UnifiedPagination,
   init_unified_pagination
-} from "../chunk-PIBJHV2H.js";
+} from "../chunk-CJ6EUL7A.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "../chunk-QA2W6KZC.js";
+} from "../chunk-5UUNN54Y.js";
 import {
   DocSearchBar,
   DocSearchResultRow,
@@ -87,7 +87,7 @@ import {
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-WZRVPJPY.js";
+} from "../chunk-ZW3RSVCW.js";
 import "../chunk-65VXW6GZ.js";
 import "../chunk-4XLJWX2N.js";
 import {
@@ -334,6 +334,7 @@ import {
   ErrorMessageDisplay,
   ErrorState,
   ExpandChevron,
+  FAE_AVATAR_DATA_URI,
   FeatureCardGrid,
   FeatureList,
   FigmaEmbed,
@@ -823,7 +824,7 @@ import {
   useVideoOriginPreconnect,
   useVideoWarmup,
   usesCanonicalStatusStyle
-} from "../chunk-XF56JH7Q.js";
+} from "../chunk-MWAUWLYS.js";
 import {
   CommandApprovalToast,
   ToastCard,
@@ -2228,7 +2229,7 @@ import { Suspense } from "react";
 // src/components/social-icon-row.tsx
 init_button();
 import { Mail } from "lucide-react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var defaultLinks = [
   { platform: "github", href: "https://github.com/flamingo-stack", label: "GitHub" },
   { platform: "linkedin", href: "https://linkedin.com/company/flamingo.run", label: "LinkedIn" },
@@ -2278,9 +2279,9 @@ function renderSocialIcon(platform) {
       return /* @__PURE__ */ jsx14(GlobeIcon, { className: "w-5 h-5" });
   }
 }
-function SocialIconRow({ className = "", links = defaultLinks, variant, compact = false }) {
+function SocialIconRow({ className = "", links = defaultLinks, variant, compact = false, groupByVisibility = false }) {
   const resolvedVariant = variant !== void 0 ? variant : compact ? "transparent" : "outline";
-  return /* @__PURE__ */ jsx14("div", { className: `flex flex-row ${compact ? "gap-2 w-fit" : "gap-3 w-full"} ${className}`, children: links.map((link, index) => {
+  const renderButton = (link, index) => {
     const ariaLabel = link.label || link.platform;
     return link.onClick ? /* @__PURE__ */ jsx14(
       Button,
@@ -2312,11 +2313,24 @@ function SocialIconRow({ className = "", links = defaultLinks, variant, compact
         index
       )
     );
-  }) });
+  };
+  const rowClass = `flex flex-row items-center ${compact ? "gap-2 w-fit" : "gap-3 w-full"} ${className}`;
+  if (groupByVisibility) {
+    const external = links.filter((l) => l.visibility !== "internal");
+    const internal = links.filter((l) => l.visibility === "internal");
+    if (external.length > 0 && internal.length > 0) {
+      return /* @__PURE__ */ jsxs11("div", { className: rowClass, children: [
+        external.map((l, i) => renderButton(l, i)),
+        /* @__PURE__ */ jsx14("span", { "aria-hidden": true, className: "self-stretch w-px my-1 bg-ods-border shrink-0" }),
+        internal.map((l, i) => renderButton(l, external.length + i))
+      ] });
+    }
+  }
+  return /* @__PURE__ */ jsx14("div", { className: rowClass, children: links.map((link, index) => renderButton(link, index)) });
 }
 
 // src/components/footer.tsx
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function NavLinkSkeleton() {
   return /* @__PURE__ */ jsx15(Skeleton, { className: "h-5 md:h-6 w-20 md:w-24" });
 }
@@ -2330,14 +2344,14 @@ function Footer({ config, renderLink }) {
 function UniversalFooter({ config, renderLink }) {
   const defaultRenderLink = (link) => /* @__PURE__ */ jsx15("a", { href: link.href, className: "font-body font-medium text-md md:text-md leading-[1.33] text-ods-text-primary hover:text-ods-accent-primary transition-colors", children: link.label });
   const linkRenderer = renderLink || defaultRenderLink;
-  return /* @__PURE__ */ jsxs11("footer", { className: `w-full flex flex-col justify-center items-center ${config.backgroundColor || "bg-ods-bg-card"} px-6 py-10 relative gap-6 md:gap-6 min-h-[auto] md:min-h-[248px] z-50 border-t border-ods-border`, children: [
-    /* @__PURE__ */ jsxs11("div", { className: "w-full grid grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8 items-start", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-4 md:gap-6 items-start text-left col-span-2 md:col-span-1 lg:col-span-1", children: [
-        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs12("footer", { className: `w-full flex flex-col justify-center items-center ${config.backgroundColor || "bg-ods-bg-card"} px-6 py-10 relative gap-6 md:gap-6 min-h-[auto] md:min-h-[248px] z-50 border-t border-ods-border`, children: [
+    /* @__PURE__ */ jsxs12("div", { className: "w-full grid grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8 items-start", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4 md:gap-6 items-start text-left col-span-2 md:col-span-1 lg:col-span-1", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
           config.logo && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "w-8 h-8" }), children: config.logo }),
           config.nameElement || /* @__PURE__ */ jsx15("span", { className: "font-heading text-heading-5 font-bold text-ods-text-primary whitespace-nowrap", children: config.name })
         ] }),
-        !config.moveDescriptionToRight && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+        !config.moveDescriptionToRight && /* @__PURE__ */ jsxs12(Fragment3, { children: [
           /* @__PURE__ */ jsx15("p", { className: "font-body font-medium text-sm md:text-sm leading-[1.43] text-ods-text-primary", children: config.description }),
           config.belowDescriptionContent && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent }),
           !config.hideSocialRow && /* @__PURE__ */ jsx15(
@@ -2350,20 +2364,20 @@ function UniversalFooter({ config, renderLink }) {
         ] }),
         config.moveDescriptionToRight && config.keepBelowDescriptionLeft && config.belowDescriptionContent && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
       ] }),
-      config.sections.map((section, index) => /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-3 items-start text-left col-span-1", children: [
+      config.sections.map((section, index) => /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-3 items-start text-left col-span-1", children: [
         /* @__PURE__ */ jsx15("h3", { className: "text-h5 tracking-[-0.02em] text-ods-text-muted", children: section.title }),
         /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-3", children: section.links.map((link, linkIndex) => /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(NavLinkSkeleton, {}), children: linkRenderer(link) }, linkIndex)) })
       ] }, index)),
       config.customComponent && /* @__PURE__ */ jsx15("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-center", children: /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-32 w-full" }), children: config.customComponent }) }),
-      (config.rightColumnContent || config.moveDescriptionToRight) && /* @__PURE__ */ jsxs11("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-start gap-4 md:gap-6", children: [
-        config.moveDescriptionToRight && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+      (config.rightColumnContent || config.moveDescriptionToRight) && /* @__PURE__ */ jsxs12("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-start gap-4 md:gap-6", children: [
+        config.moveDescriptionToRight && /* @__PURE__ */ jsxs12(Fragment3, { children: [
           /* @__PURE__ */ jsx15("p", { className: "font-body font-medium text-sm md:text-sm leading-[1.43] text-ods-text-primary", children: config.description }),
           config.belowDescriptionContent && !config.keepBelowDescriptionLeft && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
         ] }),
         config.rightColumnContent && /* @__PURE__ */ jsx15(Suspense, { fallback: /* @__PURE__ */ jsx15(Skeleton, { className: "h-32 w-full" }), children: config.rightColumnContent })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs11("p", { className: "font-body font-medium text-md md:text-md leading-[1.33] text-center w-full text-ods-text-muted pt-4 md:pt-0", children: [
+    /* @__PURE__ */ jsxs12("p", { className: "font-body font-medium text-md md:text-md leading-[1.33] text-center w-full text-ods-text-muted pt-4 md:pt-0", children: [
       "\xA9 ",
       (/* @__PURE__ */ new Date()).getFullYear(),
       " ",
@@ -2695,7 +2709,7 @@ function FooterWaitlistButton({ className }) {
 init_button();
 import { useRef, useState as useState2 } from "react";
 import { Loader2, Image as ImageIcon2, Upload, X as X3 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, objectFit = "cover", showReplaceButton = true, deferUpload = false, onUpload, onDelete }) {
   const inputRef = useRef(null);
   const { toast } = useToast();
@@ -2771,10 +2785,10 @@ function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, o
     onChange(void 0);
   };
   const heightStyle = typeof height === "number" ? `${height}px` : height;
-  return /* @__PURE__ */ jsxs12("div", { className: "w-full h-full max-h-full space-y-2 min-h-[300px]", children: [
-    imageUrl ? /* @__PURE__ */ jsxs12("div", { className: "relative group w-full aspect-square md:aspect-auto h-auto md:h-full flex items-center justify-center overflow-hidden", style: { height: heightStyle }, children: [
+  return /* @__PURE__ */ jsxs13("div", { className: "w-full h-full max-h-full space-y-2 min-h-[300px]", children: [
+    imageUrl ? /* @__PURE__ */ jsxs13("div", { className: "relative group w-full aspect-square md:aspect-auto h-auto md:h-full flex items-center justify-center overflow-hidden", style: { height: heightStyle }, children: [
       /* @__PURE__ */ jsx17("img", { src: imageUrl, className: `absolute inset-0 w-full h-full object-${objectFit}`, alt: "Cover" }),
-      /* @__PURE__ */ jsxs12("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 flex items-center justify-center gap-4 transition-opacity rounded-lg", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 flex items-center justify-center gap-4 transition-opacity rounded-lg", children: [
         showReplaceButton && /* @__PURE__ */ jsx17(
           Button,
           {
@@ -2802,7 +2816,7 @@ function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, o
         className: `w-full h-full border-2 border-dashed ${uploading ? "border-ods-accent" : "border-ods-border hover:border-ods-accent"} rounded-lg flex flex-col items-center justify-center cursor-pointer bg-ods-bg`,
         style: { height: heightStyle },
         onClick: openDialog,
-        children: uploading ? /* @__PURE__ */ jsx17(Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
+        children: uploading ? /* @__PURE__ */ jsx17(Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
           /* @__PURE__ */ jsx17(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary" }),
           /* @__PURE__ */ jsx17("span", { className: "text-ods-text-primary font-['DM_Sans'] text-[16px] font-medium mt-2", children: "Upload cover image" }),
           /* @__PURE__ */ jsx17("span", { className: "text-ods-text-secondary font-['DM_Sans'] text-[14px] mt-1", children: "Click to upload or drag and drop" }),
@@ -2829,7 +2843,7 @@ var CompareIcon2 = GitCompare;
 
 // src/components/icons-block.tsx
 import { Sun, Moon, CheckCircle, Github, PlusCircle } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var SunIcon2 = Sun;
 var MoonIcon2 = Moon;
 var CheckCircleIcon3 = CheckCircle;
@@ -2908,7 +2922,7 @@ function ResponsiveIconsBlock({ loading = false }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: "w-full h-[80px] md:h-[112px] overflow-hidden bg-[#1A1A1A] relative z-10",
@@ -2974,7 +2988,7 @@ import { useCallback as useCallback2, useState as useState4 } from "react";
 import Cropper from "react-easy-crop";
 init_cn();
 import { Check, RotateCcw } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function loadImage(src) {
   return new Promise((resolve, reject) => {
     const img = new Image();
@@ -3062,7 +3076,7 @@ var ImageCropper = ({
       onCancel?.();
     }
   };
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       className: cn(
@@ -3099,8 +3113,8 @@ var ImageCropper = ({
             )
           }
         ),
-        /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ jsx19("span", { className: "min-w-[60px] text-sm", children: "Zoom" }),
             /* @__PURE__ */ jsx19(
               Slider,
@@ -3115,7 +3129,7 @@ var ImageCropper = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ jsx19("span", { className: "min-w-[60px] text-sm", children: "Rotate" }),
             /* @__PURE__ */ jsx19(
               Slider,
@@ -3141,7 +3155,7 @@ var ImageCropper = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "flex justify-end gap-2 mt-2", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex justify-end gap-2 mt-2", children: [
           onCancel && /* @__PURE__ */ jsx19(Button, { variant: "outline", onClick: onCancel, "aria-label": "Cancel crop", children: "Cancel" }),
           /* @__PURE__ */ jsx19(
             Button,
@@ -3164,9 +3178,9 @@ var ImageCropper = ({
 
 // src/components/metric-value.tsx
 init_cn();
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function MetricValue({ value, label, className }) {
-  return /* @__PURE__ */ jsxs15("div", { className: cn('flex items-end gap-2 whitespace-nowrap font-["DM_Sans"] text-lg leading-[24px] text-ods-text-primary', className), children: [
+  return /* @__PURE__ */ jsxs16("div", { className: cn('flex items-end gap-2 whitespace-nowrap font-["DM_Sans"] text-lg leading-[24px] text-ods-text-primary', className), children: [
     value,
     /* @__PURE__ */ jsx20("span", { className: "text-sm text-ods-text-secondary", children: label })
   ] });
@@ -3206,9 +3220,9 @@ function SquareAvatar2({ src, fallbackName = "", size = 56, fullWidth = false, c
 }
 
 // src/components/msp-display.tsx
-import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function MSPDisplay({ name, logoUrl, size = 40, className }) {
-  return /* @__PURE__ */ jsxs16("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
+  return /* @__PURE__ */ jsxs17("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
     /* @__PURE__ */ jsx22(SquareAvatar2, { src: logoUrl ?? void 0, fallbackName: name, size }),
     /* @__PURE__ */ jsx22("h2", { className: "truncate pl-2", children: name })
   ] });
@@ -3216,13 +3230,13 @@ 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 jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 
 // src/components/index.ts
 init_pagination();
 
 // src/components/pricing-display.tsx
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 var PRICING_STYLES = {
   // Comparison table style (current default)
   comparison: {
@@ -3268,9 +3282,9 @@ function PricingDisplay({
     const item = pricingArray[0];
     const price = item.ranges?.[0]?.min || 0;
     const unit = item.ranges?.[0]?.unit;
-    return /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
       /* @__PURE__ */ jsx24("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
-      unit && /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+      unit && /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
         "/",
         unit
       ] })
@@ -3278,9 +3292,9 @@ function PricingDisplay({
   }
   const priceValues = pricingArray.map((item) => formatPriceValue(item.ranges?.[0]?.min || 0, styleConfig.showTildePrefix));
   const itemWithUnit = pricingArray.find((item) => item.ranges?.[0]?.unit);
-  return /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+  return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
     /* @__PURE__ */ jsx24("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
-    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
       "/",
       itemWithUnit.ranges[0].unit
     ] })
@@ -3357,7 +3371,7 @@ function LegacyPricingDisplay({
     };
   };
   const { mainValue, secondaryInfo } = parsePricing(pricing);
-  return /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+  return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
     /* @__PURE__ */ jsx24("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
     secondaryInfo && /* @__PURE__ */ jsx24("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: secondaryInfo })
   ] });
@@ -3366,8 +3380,14 @@ function formatPricingForDisplay(pricing) {
   return pricing;
 }
 
+// src/components/agent-mark.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+function AgentMark({ agent, className = "", faeAvatarSrc = FAE_AVATAR_DATA_URI }) {
+  return agent === "mingo" ? /* @__PURE__ */ jsx25(MingoIcon, { className, "aria-hidden": "true", focusable: "false" }) : /* @__PURE__ */ jsx25("img", { src: faeAvatarSrc, alt: "", className });
+}
+
 // src/components/results-count.tsx
-import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 function ResultsCount({
   currentPage,
   pageSize,
@@ -3383,7 +3403,7 @@ function ResultsCount({
   const plural = resultType === "vendors" ? "vendors" : "posts";
   const singular = resultType === "vendors" ? "vendor" : "post";
   const displayType = totalResults === 1 ? singular : plural;
-  return /* @__PURE__ */ jsx25("div", { className: "mb-6", children: /* @__PURE__ */ jsx25("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: totalResults > 0 && /* @__PURE__ */ jsxs19(Fragment5, { children: [
+  return /* @__PURE__ */ jsx26("div", { className: "mb-6", children: /* @__PURE__ */ jsx26("p", { className: "text-ods-text-secondary text-sm font-['DM_Sans']", children: totalResults > 0 && /* @__PURE__ */ jsxs20(Fragment5, { children: [
     "Showing ",
     startIndex,
     "-",
@@ -3392,7 +3412,7 @@ function ResultsCount({
     totalResults,
     " ",
     displayType,
-    sortingMessage && /* @__PURE__ */ jsxs19("span", { className: "ml-2 text-ods-accent", children: [
+    sortingMessage && /* @__PURE__ */ jsxs20("span", { className: "ml-2 text-ods-accent", children: [
       "\u2022 ",
       sortingMessage
     ] })
@@ -3402,7 +3422,7 @@ function ResultsCount({
 // src/components/vendor-tag.tsx
 init_cn();
 import { Hand, Sparkles } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 function VendorTag({
   type,
   text,
@@ -3421,89 +3441,89 @@ function VendorTag({
         return {
           text: "Placeholder",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "ai":
         return {
           text: "AI Selected",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "manual":
         return {
           text: "Manually Selected",
           textColor: "text-ods-text-secondary",
-          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "open-source":
         return {
           text: text || "Open Source",
-          icon: /* @__PURE__ */ jsx26(
+          icon: /* @__PURE__ */ jsx27(
             "div",
             {
               className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0",
               style: accentColor ? { backgroundColor: accentColor } : void 0,
-              children: /* @__PURE__ */ jsx26(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" })
+              children: /* @__PURE__ */ jsx27(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" })
             }
           )
         };
       case "commercial":
         return {
           text: text || "Commercial Vendor",
-          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "free":
         return {
           text: text || "Free",
-          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
         };
       case "freemium":
         return {
           text: text || "Freemium",
-          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "$" }) })
         };
       case "paid":
         return {
           text: text || "Paid",
-          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "enterprise":
         return {
           text: text || "Enterprise",
-          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "E" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "E" }) })
         };
       case "recommended":
         return {
           text: text || "Recommended",
-          icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "\u2605" }) })
+          icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "\u2605" }) })
         };
       case "classification":
         const classificationType = text?.toLowerCase();
         if (classificationType === "open_source") {
           return {
             text: "Open Source",
-            icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" }) })
+            icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(OpenSourceIcon2, { width: 10, height: 10, className: "text-[#1A1A1A]" }) })
           };
         } else if (classificationType === "commercial") {
           return {
             text: "Commercial Vendor",
-            icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+            icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
           };
         } else if (classificationType === "openframe_selected") {
           return {
             text: "OpenFrame Selected",
-            icon: /* @__PURE__ */ jsx26(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+            icon: /* @__PURE__ */ jsx27(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
           };
         } else {
           return {
             text: text || "Classification",
-            icon: /* @__PURE__ */ jsx26("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx26("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "C" }) })
+            icon: /* @__PURE__ */ jsx27("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx27("span", { className: "text-[#1A1A1A] text-[8px] font-bold", children: "C" }) })
           };
         }
       case "openframe_selected":
         return {
           text: text || "OpenFrame Selected",
-          icon: /* @__PURE__ */ jsx26(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+          icon: /* @__PURE__ */ jsx27(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
         };
       default:
         return {
@@ -3513,9 +3533,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__ */ jsx26("span", { className: cn(
+    /* @__PURE__ */ jsx27("span", { className: cn(
       "font-mono font-semibold uppercase",
       textColor ? textColor : "text-ods-text-primary",
       size === "sm" ? "text-[10px]" : "text-xs"
@@ -3524,12 +3544,12 @@ function VendorTag({
 }
 
 // src/components/selection-source-badge.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function SelectionSourceBadge({ source, hidden = false }) {
   if (!source) {
     return null;
   }
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     VendorTag,
     {
       type: source?.toLowerCase(),
@@ -3542,26 +3562,26 @@ function SelectionSourceBadge({ source, hidden = false }) {
 
 // src/components/user-display.tsx
 init_cn();
-import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 function UserDisplay({ name, avatarUrl, subtitle, size = 32, className }) {
-  return /* @__PURE__ */ jsxs21("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
-    /* @__PURE__ */ jsx28(SquareAvatar2, { src: avatarUrl ?? void 0, fallbackName: name, size }),
-    /* @__PURE__ */ jsxs21("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx28("p", { className: "font-['DM_Sans'] text-lg leading-[22px] text-ods-text-primary truncate", children: name }),
-      subtitle && /* @__PURE__ */ jsx28("span", { className: "font-['DM_Sans'] text-md leading-[16px] text-ods-text-secondary truncate", children: subtitle })
+  return /* @__PURE__ */ jsxs22("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
+    /* @__PURE__ */ jsx29(SquareAvatar2, { src: avatarUrl ?? void 0, fallbackName: name, size }),
+    /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx29("p", { className: "font-['DM_Sans'] text-lg leading-[22px] text-ods-text-primary truncate", children: name }),
+      subtitle && /* @__PURE__ */ jsx29("span", { className: "font-['DM_Sans'] text-md leading-[16px] text-ods-text-secondary truncate", children: subtitle })
     ] })
   ] });
 }
 
 // src/components/loading/content-skeleton.tsx
 init_cn();
-import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
 function ParagraphSkeleton({
   className,
   lines = 4
 }) {
   const lineWidths = ["w-full", "w-full", "w-5/6", "w-3/4", "w-4/5", "w-2/3"];
-  return /* @__PURE__ */ jsx29("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx30(
     TextSkeleton.Body,
     {
       className: lineWidths[index % lineWidths.length]
@@ -3575,14 +3595,14 @@ function ListSkeleton({
   showIcons = false,
   showActions = false
 }) {
-  return /* @__PURE__ */ jsx29("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__ */ jsx29(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-32 md:w-48" })
+  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+      showIcons && /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-32 md:w-48" })
     ] }),
-    showActions && /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-8" }),
-      /* @__PURE__ */ jsx29(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
+    showActions && /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-8" }),
+      /* @__PURE__ */ jsx30(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
     ] })
   ] }, index)) });
 }
@@ -3591,14 +3611,14 @@ function TableSkeleton({
   rows = 5,
   columns = 4
 }) {
-  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsx29("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
-    /* @__PURE__ */ jsx29("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsx30("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
+    /* @__PURE__ */ jsx30("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx30(
       "div",
       {
         className: "grid gap-4 py-2 border-b border-ods-divider",
         style: { gridTemplateColumns: `repeat(${columns}, 1fr)` },
-        children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
+        children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
       },
       rowIndex
     )) })
@@ -3608,15 +3628,15 @@ function FormSkeleton({
   className,
   fields = 4
 }) {
-  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__ */ jsx29(TextSkeleton.Body, { className: "w-24" }),
-      /* @__PURE__ */ jsx29(InteractiveSkeleton.Input, {}),
-      index % 3 === 0 && /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-48" })
+  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-6", className), children: [
+    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-24" }),
+      /* @__PURE__ */ jsx30(InteractiveSkeleton.Input, {}),
+      index % 3 === 0 && /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-48" })
     ] }, index)),
-    /* @__PURE__ */ jsxs22("div", { className: "flex gap-4 pt-4", children: [
-      /* @__PURE__ */ jsx29(InteractiveSkeleton.Button, {}),
-      /* @__PURE__ */ jsx29(InteractiveSkeleton.Button, { className: "bg-ods-border" })
+    /* @__PURE__ */ jsxs23("div", { className: "flex gap-4 pt-4", children: [
+      /* @__PURE__ */ jsx30(InteractiveSkeleton.Button, {}),
+      /* @__PURE__ */ jsx30(InteractiveSkeleton.Button, { className: "bg-ods-border" })
     ] })
   ] });
 }
@@ -3625,7 +3645,7 @@ function NavigationSkeleton({
   items = 6,
   horizontal = true
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "nav",
     {
       className: cn(
@@ -3635,7 +3655,7 @@ function NavigationSkeleton({
       ),
       role: "status",
       "aria-label": "Loading navigation",
-      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
+      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
     }
   );
 }
@@ -3644,32 +3664,32 @@ function ProfileSkeleton({
   showBio = true,
   showStats = true
 }) {
-  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs22("div", { className: "flex items-start gap-4", children: [
-      /* @__PURE__ */ jsx29(MediaSkeleton.Avatar, { size: "lg" }),
-      /* @__PURE__ */ jsxs22("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-1/2" }),
-        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-2/3" })
+  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ jsx30(MediaSkeleton.Avatar, { size: "lg" }),
+      /* @__PURE__ */ jsxs23("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/2" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }),
-    showBio && /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-4/5" }),
-      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-3/4" })
+    showBio && /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-4/5" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
     ] }),
-    showStats && /* @__PURE__ */ jsxs22("div", { className: "flex gap-6", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-12 mx-auto" })
+    showStats && /* @__PURE__ */ jsxs23("div", { className: "flex gap-6", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-12 mx-auto" })
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-16 mx-auto" })
+      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16 mx-auto" })
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-14 mx-auto" })
+      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-14 mx-auto" })
       ] })
     ] })
   ] });
@@ -3679,34 +3699,34 @@ function CommentSkeleton({
   showRating = false,
   showReplies = false
 }) {
-  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx29(MediaSkeleton.Avatar, { size: "sm" }),
-      /* @__PURE__ */ jsxs22("div", { className: "flex-1 flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-24" }),
-        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-16" }),
-        showRating && /* @__PURE__ */ jsx29("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx29(MediaSkeleton.Icon, { size: "sm" }, i)) })
+  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx30(MediaSkeleton.Avatar, { size: "sm" }),
+      /* @__PURE__ */ jsxs23("div", { className: "flex-1 flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-24" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16" }),
+        showRating && /* @__PURE__ */ jsx30("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }, i)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "ml-11 space-y-2", children: [
-      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-3/4" }),
-      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-1/2" })
+    /* @__PURE__ */ jsxs23("div", { className: "ml-11 space-y-2", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "ml-11 flex gap-4", children: [
-      /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-12" }),
-      /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-16" }),
-      /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-8" })
+    /* @__PURE__ */ jsxs23("div", { className: "ml-11 flex gap-4", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-12" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-8" })
     ] }),
-    showReplies && /* @__PURE__ */ jsx29("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__ */ jsx29(MediaSkeleton.Avatar, { size: "sm" }),
-        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-20" }),
-        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-12" })
+    showReplies && /* @__PURE__ */ jsx30("div", { className: "ml-11 pl-4 border-l border-ods-divider space-y-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx30(MediaSkeleton.Avatar, { size: "sm" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-20" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-12" })
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "ml-11", children: [
-        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-2/3" })
+      /* @__PURE__ */ jsxs23("div", { className: "ml-11", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }, index)) })
   ] });
@@ -3718,35 +3738,35 @@ function FeatureListSkeleton({
   grouped = false
 }) {
   if (grouped) {
-    return /* @__PURE__ */ jsx29("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs22("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx29("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__ */ jsx29(MediaSkeleton.Icon, { size: "sm" }),
-        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-2/3" })
+    return /* @__PURE__ */ jsx30("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs23("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx30("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+        showIcons && /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
       ] }, featureIndex)) })
     ] }, groupIndex)) });
   }
-  return /* @__PURE__ */ jsx29("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__ */ jsx29(MediaSkeleton.Icon, { size: "sm" }),
-    /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-2/3" })
+  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+    showIcons && /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
+    /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-2/3" })
   ] }, index)) });
 }
 function TimelineSkeleton({
   className,
   items = 5
 }) {
-  return /* @__PURE__ */ jsx29("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__ */ jsx29(MediaSkeleton.Icon, { size: "sm" }),
-      index < items - 1 && /* @__PURE__ */ jsx29("div", { className: "w-px h-12 bg-ods-border mt-2" })
+  return /* @__PURE__ */ jsx30("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
+      index < items - 1 && /* @__PURE__ */ jsx30("div", { className: "w-px h-12 bg-ods-border mt-2" })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-16" })
+    /* @__PURE__ */ jsxs23("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-16" })
       ] }),
-      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-3/4" })
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
     ] })
   ] }, index)) });
 }
@@ -3754,54 +3774,54 @@ function PricingSkeleton({
   className,
   plans = 3
 }) {
-  return /* @__PURE__ */ jsx29("div", { className: cn(
+  return /* @__PURE__ */ jsx30("div", { className: cn(
     "grid gap-6",
     plans === 2 && "grid-cols-1 md:grid-cols-2",
     plans === 3 && "grid-cols-1 md:grid-cols-3",
     plans === 4 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
     className
-  ), children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ jsx29("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx29(TextSkeleton.Subheading, { className: "w-1/2" }),
-    /* @__PURE__ */ jsxs22("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx29(TextSkeleton.Heading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx29(TextSkeleton.Caption, { className: "w-1/4" })
+  ), children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ jsx30("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/2" }),
+    /* @__PURE__ */ jsxs23("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx30(TextSkeleton.Heading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Caption, { className: "w-1/4" })
     ] }),
-    /* @__PURE__ */ jsx29("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__ */ jsx29(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-3/4" })
+    /* @__PURE__ */ jsx30("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx30(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
     ] }, featureIndex)) }),
-    /* @__PURE__ */ jsx29(InteractiveSkeleton.Button, { className: "w-full" })
+    /* @__PURE__ */ jsx30(InteractiveSkeleton.Button, { className: "w-full" })
   ] }) }, index)) });
 }
 
 // src/components/profile/ProfileLoadingSkeleton.tsx
 init_cn();
-import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
 function ProfileLoadingSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ jsx30("div", { className: "h-16 w-16 bg-gray-200 rounded-full animate-pulse" }),
-      /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx30("div", { className: "h-4 w-32 bg-gray-200 rounded animate-pulse" }),
-        /* @__PURE__ */ jsx30("div", { className: "h-3 w-24 bg-gray-200 rounded animate-pulse" })
+  return /* @__PURE__ */ jsxs24("div", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-center space-x-4", children: [
+      /* @__PURE__ */ jsx31("div", { className: "h-16 w-16 bg-gray-200 rounded-full animate-pulse" }),
+      /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx31("div", { className: "h-4 w-32 bg-gray-200 rounded animate-pulse" }),
+        /* @__PURE__ */ jsx31("div", { className: "h-3 w-24 bg-gray-200 rounded animate-pulse" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx30("div", { className: "h-4 w-full bg-gray-200 rounded animate-pulse" }),
-      /* @__PURE__ */ jsx30("div", { className: "h-4 w-3/4 bg-gray-200 rounded animate-pulse" }),
-      /* @__PURE__ */ jsx30("div", { className: "h-4 w-1/2 bg-gray-200 rounded animate-pulse" })
+    /* @__PURE__ */ jsxs24("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx31("div", { className: "h-4 w-full bg-gray-200 rounded animate-pulse" }),
+      /* @__PURE__ */ jsx31("div", { className: "h-4 w-3/4 bg-gray-200 rounded animate-pulse" }),
+      /* @__PURE__ */ jsx31("div", { className: "h-4 w-1/2 bg-gray-200 rounded animate-pulse" })
     ] })
   ] });
 }
 
 // src/components/loading/msp-profile-form-skeleton.tsx
 init_cn();
-import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 function MspProfileFormSkeleton({
   className,
   fields = 4
 }) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       className: cn(
@@ -3811,13 +3831,13 @@ function MspProfileFormSkeleton({
       role: "status",
       "aria-label": "Loading MSP profile form",
       children: [
-        /* @__PURE__ */ jsxs24("div", { className: "flex flex-col space-y-2 h-full", children: [
-          /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-28" }),
-          /* @__PURE__ */ jsx31("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx31(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
+        /* @__PURE__ */ jsxs25("div", { className: "flex flex-col space-y-2 h-full", children: [
+          /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-28" }),
+          /* @__PURE__ */ jsx32("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx32(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
         ] }),
-        /* @__PURE__ */ jsx31("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__ */ jsx31(TextSkeleton.Body, { className: "w-40" }),
-          /* @__PURE__ */ jsx31(InteractiveSkeleton.Input, {})
+        /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs25("div", { className: "space-y-2 flex flex-col", children: [
+          /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-40" }),
+          /* @__PURE__ */ jsx32(InteractiveSkeleton.Input, {})
         ] }, idx)) })
       ]
     }
@@ -3826,9 +3846,9 @@ function MspProfileFormSkeleton({
 
 // src/components/loading/category-card-skeleton.tsx
 init_cn();
-import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 function CategoryCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "article",
     {
       className: cn(
@@ -3838,7 +3858,7 @@ function CategoryCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading category card",
       children: [
-        /* @__PURE__ */ jsx32("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx33(
           UnifiedSkeleton,
           {
             variant: "circular",
@@ -3847,12 +3867,12 @@ function CategoryCardSkeleton({ className }) {
           },
           i
         )) }),
-        /* @__PURE__ */ jsxs25("div", { className: "flex-1 flex flex-col space-y-3", children: [
-          /* @__PURE__ */ jsx32(TextSkeleton.Heading, { className: "w-3/4" }),
-          /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-full" })
+        /* @__PURE__ */ jsxs26("div", { className: "flex-1 flex flex-col space-y-3", children: [
+          /* @__PURE__ */ jsx33(TextSkeleton.Heading, { className: "w-3/4" }),
+          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-full" })
         ] }),
-        /* @__PURE__ */ jsx32("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx32(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
+        /* @__PURE__ */ jsx33("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx33(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
       ]
     }
   );
@@ -3860,22 +3880,22 @@ function CategoryCardSkeleton({ className }) {
 
 // src/components/loading/category-vendor-selector-skeleton.tsx
 init_cn();
-import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       className: cn("bg-ods-card border border-ods-border rounded-lg p-6", className),
       role: "status",
       "aria-label": "Loading category section",
       children: [
-        /* @__PURE__ */ jsxs26("div", { className: "mb-6 space-y-2 max-w-xl", children: [
-          /* @__PURE__ */ jsx33(TextSkeleton.Heading, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx33(TextSkeleton.Body, { className: "w-3/4" })
+        /* @__PURE__ */ jsxs27("div", { className: "mb-6 space-y-2 max-w-xl", children: [
+          /* @__PURE__ */ jsx34(TextSkeleton.Heading, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-3/4" })
         ] }),
-        /* @__PURE__ */ jsx33("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx33(TextSkeleton.Subheading, { className: "w-1/3" }),
-          /* @__PURE__ */ jsx33("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx33(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
+        /* @__PURE__ */ jsx34("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx34(TextSkeleton.Subheading, { className: "w-1/3" }),
+          /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
         ] }, idx)) })
       ]
     }
@@ -3884,90 +3904,90 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
 
 // src/components/loading/wizard-layout-skeleton.tsx
 init_cn();
-import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 function WizardLayoutSkeleton({ steps = 6, className }) {
-  return /* @__PURE__ */ jsxs27("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
-    /* @__PURE__ */ jsx34("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
-    /* @__PURE__ */ jsxs27("div", { className: "space-y-2 max-w-2xl", children: [
-      /* @__PURE__ */ jsx34(TextSkeleton.Heading, { className: "w-2/3" }),
-      /* @__PURE__ */ jsx34(TextSkeleton.Body, { className: "w-1/2" })
+  return /* @__PURE__ */ jsxs28("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
+    /* @__PURE__ */ jsx35("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
+    /* @__PURE__ */ jsxs28("div", { className: "space-y-2 max-w-2xl", children: [
+      /* @__PURE__ */ jsx35(TextSkeleton.Heading, { className: "w-2/3" }),
+      /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__PURE__ */ jsxs27("div", { className: "flex justify-between mt-10", children: [
-      /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
-      /* @__PURE__ */ jsx34(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
+    /* @__PURE__ */ jsxs28("div", { className: "flex justify-between mt-10", children: [
+      /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
+      /* @__PURE__ */ jsx35(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
     ] })
   ] });
 }
 
 // src/components/loading/margin-report-skeleton.tsx
-import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
 function MarginReportSkeleton({ animate = true, description, overlayContent }) {
-  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__ */ jsx35("div", { className: "h-10 w-72 bg-[#2A2A2A] rounded" }),
-        /* @__PURE__ */ jsx35("div", { className: "h-4 w-80 bg-[#2A2A2A] rounded" })
+  return /* @__PURE__ */ jsxs29("main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
+    /* @__PURE__ */ jsxs29("div", { className: "max-w-[1920px] px-6 md:px-20 py-6 md:py-10 mx-auto space-y-10", children: [
+      /* @__PURE__ */ jsxs29("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx36("div", { className: "h-10 w-72 bg-[#2A2A2A] rounded" }),
+        /* @__PURE__ */ jsx36("div", { className: "h-4 w-80 bg-[#2A2A2A] rounded" })
       ] }),
-      /* @__PURE__ */ jsx35("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx35("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__ */ jsx35("div", { className: "w-14 h-14 rounded-lg bg-[#2A2A2A]" }),
-          /* @__PURE__ */ jsxs28("div", { className: "flex-1 space-y-2", children: [
-            /* @__PURE__ */ jsx35("div", { className: "h-4 bg-[#2A2A2A] rounded w-3/4" }),
-            /* @__PURE__ */ jsx35("div", { className: "h-3 bg-[#2A2A2A] rounded w-1/2" })
+      /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx36("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsxs29("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex items-center gap-4 animate-pulse", children: [
+          /* @__PURE__ */ jsx36("div", { className: "w-14 h-14 rounded-lg bg-[#2A2A2A]" }),
+          /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx36("div", { className: "h-4 bg-[#2A2A2A] rounded w-3/4" }),
+            /* @__PURE__ */ jsx36("div", { className: "h-3 bg-[#2A2A2A] rounded w-1/2" })
           ] })
         ] }),
-        /* @__PURE__ */ 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__ */ jsx35("div", { className: "w-10 h-10 rounded-lg bg-[#2A2A2A]" }),
-              /* @__PURE__ */ jsxs28("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx35("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
-                /* @__PURE__ */ jsx35("div", { className: "h-3 w-20 bg-[#2A2A2A] rounded" })
+        /* @__PURE__ */ jsxs29("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex flex-col gap-4 animate-pulse", children: [
+          /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx36("div", { className: "w-10 h-10 rounded-lg bg-[#2A2A2A]" }),
+              /* @__PURE__ */ jsxs29("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx36("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
+                /* @__PURE__ */ jsx36("div", { className: "h-3 w-20 bg-[#2A2A2A] rounded" })
               ] })
             ] }),
-            /* @__PURE__ */ jsx35("div", { className: "h-6 w-36 bg-[#2A2A2A] rounded" })
+            /* @__PURE__ */ jsx36("div", { className: "h-6 w-36 bg-[#2A2A2A] rounded" })
           ] }),
-          /* @__PURE__ */ jsx35("div", { className: "h-4 w-40 bg-[#2A2A2A] rounded mt-4" })
+          /* @__PURE__ */ jsx36("div", { className: "h-4 w-40 bg-[#2A2A2A] rounded mt-4" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx35("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__ */ jsx35("div", { className: "h-6 w-40 bg-[#2A2A2A] rounded" }),
-          /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx35("div", { className: "h-5 w-20 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx35("div", { className: "h-4 w-10 bg-[#2A2A2A] rounded" })
+      /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs29("div", { className: "bg-ods-card border border-ods-border rounded-lg overflow-hidden flex flex-col animate-pulse", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ jsx36("div", { className: "h-6 w-40 bg-[#2A2A2A] rounded" }),
+          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx36("div", { className: "h-5 w-20 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx36("div", { className: "h-4 w-10 bg-[#2A2A2A] rounded" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx35("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__ */ jsx35("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
-            /* @__PURE__ */ jsxs28("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsx35("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
-              /* @__PURE__ */ jsx35("div", { className: "hidden md:block h-3 w-24 bg-[#2A2A2A] rounded mt-1" })
+        /* @__PURE__ */ jsx36("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs29("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsx36("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-lg flex-shrink-0" }),
+            /* @__PURE__ */ jsxs29("div", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ jsx36("div", { className: "h-4 w-32 bg-[#2A2A2A] rounded" }),
+              /* @__PURE__ */ jsx36("div", { className: "hidden md:block h-3 w-24 bg-[#2A2A2A] rounded mt-1" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-            /* @__PURE__ */ jsx35("div", { className: "h-4 w-16 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx35("div", { className: "h-3 w-8 bg-[#2A2A2A] rounded" })
+          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+            /* @__PURE__ */ jsx36("div", { className: "h-4 w-16 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx36("div", { className: "h-3 w-8 bg-[#2A2A2A] rounded" })
           ] })
         ] }, j)) })
       ] }, idx)) }),
-      /* @__PURE__ */ jsx35("div", { className: "h-6 w-60 bg-[#2A2A2A] rounded" }),
-      /* @__PURE__ */ jsx35("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx35("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__ */ jsx35("div", { className: "h-8 w-72 bg-[#2A2A2A] rounded" }),
-            /* @__PURE__ */ jsx35("div", { className: "h-4 w-3/4 bg-[#2A2A2A] rounded" })
+      /* @__PURE__ */ jsx36("div", { className: "h-6 w-60 bg-[#2A2A2A] rounded" }),
+      /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx36("div", { className: "h-48 bg-ods-card border border-ods-border rounded" }, i)) }),
+      /* @__PURE__ */ jsxs29("div", { className: "border border-ods-border rounded-3xl p-8 space-y-6", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "flex items-start gap-6", children: [
+          /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2 min-w-0", children: [
+            /* @__PURE__ */ jsx36("div", { className: "h-8 w-72 bg-[#2A2A2A] rounded" }),
+            /* @__PURE__ */ jsx36("div", { className: "h-4 w-3/4 bg-[#2A2A2A] rounded" })
           ] }),
-          /* @__PURE__ */ jsx35("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-md shrink-0" })
+          /* @__PURE__ */ jsx36("div", { className: "w-12 h-12 bg-[#2A2A2A] rounded-md shrink-0" })
         ] }),
-        /* @__PURE__ */ jsx35("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx35("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
+        /* @__PURE__ */ jsx36("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx36("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
       ] })
     ] }),
-    overlayContent && /* @__PURE__ */ jsx35("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__ */ jsx35("h3", { children: description }),
+    overlayContent && /* @__PURE__ */ jsx36("div", { className: "absolute inset-0 bg-ods-card/80 z-10 rounded-lg pointer-events-none", children: /* @__PURE__ */ jsxs29("div", { className: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-auto flex flex-col items-center gap-4 text-center px-4", children: [
+      description && /* @__PURE__ */ jsx36("h3", { children: description }),
       overlayContent
     ] }) })
   ] });
@@ -3975,18 +3995,18 @@ function MarginReportSkeleton({ animate = true, description, overlayContent }) {
 
 // src/components/loading/users-grid-skeleton.tsx
 init_cn();
-import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 function UsersGridSkeleton({ rows = 10, className }) {
   const skeletonRows = Array.from({ length: rows });
-  return /* @__PURE__ */ jsx36("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__ */ jsx36("thead", { className: "bg-[#2A2A2A]", children: /* @__PURE__ */ jsx36("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx36("th", { className: "px-4 py-3 text-left text-[12px] font-medium text-ods-text-primary font-['DM_Sans']", children: h }, h)) }) }),
-    /* @__PURE__ */ jsx36("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx36("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx36("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx36("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
+  return /* @__PURE__ */ jsx37("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs30("table", { className: "min-w-full divide-y divide-ods-border", children: [
+    /* @__PURE__ */ jsx37("thead", { className: "bg-[#2A2A2A]", children: /* @__PURE__ */ jsx37("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx37("th", { className: "px-4 py-3 text-left text-[12px] font-medium text-ods-text-primary font-['DM_Sans']", children: h }, h)) }) }),
+    /* @__PURE__ */ jsx37("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx37("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx37("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx37("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
   ] }) });
 }
 
 // src/components/loading/organization-icon-skeleton.tsx
 init_cn();
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var sizeClasses2 = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
@@ -4013,27 +4033,27 @@ function OrganizationIconSkeleton({
     !showBackground && "overflow-hidden",
     className
   );
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: containerClasses,
       role: "status",
       "aria-label": "Loading organization icon",
-      children: /* @__PURE__ */ jsx37("div", { className: "w-1/2 h-1/2 bg-ods-border rounded-sm animate-pulse" })
+      children: /* @__PURE__ */ jsx38("div", { className: "w-1/2 h-1/2 bg-ods-border rounded-sm animate-pulse" })
     }
   );
 }
 
 // src/components/loading/organization-card-skeleton.tsx
 init_cn();
-import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
 function OrganizationCardSkeleton({
   className,
   containerClassName,
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
@@ -4043,9 +4063,9 @@ function OrganizationCardSkeleton({
       ),
       role: "status",
       "aria-label": "Loading organization card",
-      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__ */ jsx38(
+      children: /* @__PURE__ */ jsxs31("div", { className: "p-4 gap-3 flex flex-col", children: [
+        /* @__PURE__ */ jsxs31("div", { className: "flex items-start gap-3 w-full", children: [
+          /* @__PURE__ */ jsx39(
             OrganizationIconSkeleton,
             {
               size: "xl",
@@ -4054,29 +4074,29 @@ function OrganizationCardSkeleton({
               className: "w-[60px] h-[60px]"
             }
           ),
-          /* @__PURE__ */ jsxs30("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
-            /* @__PURE__ */ jsx38(TextSkeleton.Subheading, { className: "w-3/4" }),
-            /* @__PURE__ */ jsx38(TextSkeleton.Caption, { className: "w-1/2" })
+          /* @__PURE__ */ jsxs31("div", { className: "flex-1 flex flex-col justify-center py-2 min-w-0 space-y-1", children: [
+            /* @__PURE__ */ jsx39(TextSkeleton.Subheading, { className: "w-3/4" }),
+            /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-1/2" })
           ] })
         ] }),
-        showDescription && /* @__PURE__ */ jsx38("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs30("div", { className: "space-y-1 w-full", children: [
-          /* @__PURE__ */ jsx38(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx38(TextSkeleton.Body, { className: "w-2/3" })
+        showDescription && /* @__PURE__ */ jsx39("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs31("div", { className: "space-y-1 w-full", children: [
+          /* @__PURE__ */ jsx39(TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ jsx39(TextSkeleton.Body, { className: "w-2/3" })
         ] }) }),
-        showFooter && /* @__PURE__ */ 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__ */ jsx38(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx38(TextSkeleton.Caption, { className: "w-8" })
+        showFooter && /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between gap-2 w-full min-w-0", children: [
+          /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-3 md:gap-4 min-w-0 flex-shrink", children: [
+            /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx39(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-8" })
             ] }),
-            /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx38(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx38(TextSkeleton.Caption, { className: "w-10" })
+            /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx39(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-10" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx38("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__ */ jsx38("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx38(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
-            /* @__PURE__ */ jsx38(TextSkeleton.Caption, { className: "w-16" })
+          /* @__PURE__ */ jsx39("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
+            /* @__PURE__ */ jsx39("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx39(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
+            /* @__PURE__ */ jsx39(TextSkeleton.Caption, { className: "w-16" })
           ] }) })
         ] })
       ] })
@@ -4090,7 +4110,7 @@ function OrganizationCardSkeletonGrid({
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
@@ -4099,7 +4119,7 @@ function OrganizationCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} organization cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx38(
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx39(
         OrganizationCardSkeleton,
         {
           containerClassName,
@@ -4114,9 +4134,9 @@ function OrganizationCardSkeletonGrid({
 
 // src/components/loading/device-card-skeleton.tsx
 init_cn();
-import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
 function DeviceCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       className: cn(
@@ -4126,19 +4146,19 @@ function DeviceCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading device card",
       children: [
-        /* @__PURE__ */ jsxs31("div", { className: "flex gap-4 items-center px-4 py-3", children: [
-          /* @__PURE__ */ jsx39("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__ */ jsx39("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx39("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx39("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx39("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
+        /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-3", children: [
+          /* @__PURE__ */ jsx40("div", { className: "w-8 h-8 bg-ods-bg border border-ods-border rounded-[6px] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx40("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx40("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx40("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx40("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
         ] }),
-        /* @__PURE__ */ jsxs31("div", { className: "flex gap-4 items-center px-4 py-2", children: [
-          /* @__PURE__ */ jsx39("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx39(OrganizationIconSkeleton, { size: "sm" }),
-          /* @__PURE__ */ jsx39("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx39("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
+        /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx40("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx40(OrganizationIconSkeleton, { size: "sm" }),
+          /* @__PURE__ */ jsx40("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx40("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
         ] }),
-        /* @__PURE__ */ jsxs31("div", { className: "flex gap-4 items-center px-4 py-2", children: [
-          /* @__PURE__ */ jsx39("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx39("div", { className: "flex-1", children: /* @__PURE__ */ jsx39("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
+        /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx40("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx40("div", { className: "flex-1", children: /* @__PURE__ */ jsx40("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
         ] })
       ]
     }
@@ -4148,7 +4168,7 @@ function DeviceCardSkeletonGrid({
   count = 12,
   className
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       className: cn(
@@ -4157,22 +4177,22 @@ function DeviceCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} device cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx39(DeviceCardSkeleton, {}, index))
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx40(DeviceCardSkeleton, {}, index))
     }
   );
 }
 
 // src/components/vendor-page-skeleton.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function VendorPageSkeleton() {
-  return /* @__PURE__ */ jsx40(VendorDetailLayoutSkeleton, {});
+  return /* @__PURE__ */ jsx41(VendorDetailLayoutSkeleton, {});
 }
 
 // src/components/why-it-matters.tsx
-import { jsx as jsx41, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
 
 // src/components/yes-no-display.tsx
-import { jsx as jsx42, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
 function YesNoDisplay({
   value,
   yesText = "Yes",
@@ -4181,20 +4201,20 @@ function YesNoDisplay({
   className = ""
 }) {
   if (customText) {
-    return /* @__PURE__ */ jsxs33("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx42(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx42("span", { className: "text-ods-text-primary text-[16px]", children: customText })
+    return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx43(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx43("span", { className: "text-ods-text-primary text-[16px]", children: customText })
     ] });
   }
   if (value) {
-    return /* @__PURE__ */ jsxs33("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx42(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx42("span", { className: "text-ods-text-primary text-[16px]", children: yesText })
+    return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx43(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx43("span", { className: "text-ods-text-primary text-[16px]", children: yesText })
     ] });
   }
-  return /* @__PURE__ */ jsxs33("div", { className: `flex items-center gap-2 ${className}`, children: [
-    /* @__PURE__ */ jsx42(XCircleIcon, { className: "h-6 w-6" }),
-    /* @__PURE__ */ jsx42("span", { className: "text-ods-text-secondary text-[16px]", children: noText })
+  return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
+    /* @__PURE__ */ jsx43(XCircleIcon, { className: "h-6 w-6" }),
+    /* @__PURE__ */ jsx43("span", { className: "text-ods-text-secondary text-[16px]", children: noText })
   ] });
 }
 function evaluateFeatureValue(value, dataType) {
@@ -4229,7 +4249,7 @@ function evaluateFeatureValue(value, dataType) {
 
 // src/components/made-with-love.tsx
 import { useState as useState5, useEffect as useEffect4 } from "react";
-import { jsx as jsx43, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
 function MadeWithLove({
   className = "",
   size = "md",
@@ -4303,14 +4323,14 @@ function MadeWithLove({
     marginLeft: "4px",
     textDecoration: "none"
   };
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       style: containerStyle,
       className,
       children: [
         "Made with love by",
-        /* @__PURE__ */ jsxs34(
+        /* @__PURE__ */ jsxs35(
           "a",
           {
             href: flamingoUrl,
@@ -4320,14 +4340,14 @@ function MadeWithLove({
             onMouseEnter: () => setIsHovered(true),
             onMouseLeave: () => setIsHovered(false),
             children: [
-              /* @__PURE__ */ jsx43("div", { style: logoStyle, children: /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx44("div", { style: logoStyle, children: /* @__PURE__ */ jsx44(
                 FlamingoLogo2,
                 {
                   size: config.logoSize,
                   color: "#f357bb"
                 }
               ) }),
-              /* @__PURE__ */ jsx43("span", { style: textStyle, children: "Flamingo" })
+              /* @__PURE__ */ jsx44("span", { style: textStyle, children: "Flamingo" })
             ]
           }
         )
@@ -4339,7 +4359,7 @@ function MadeWithLove({
 // src/components/date-time-picker.tsx
 init_cn();
 import DatePicker2 from "react-datepicker";
-import { jsx as jsx44, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
 var inputClassName = cn(
   "flex h-10 w-full rounded-md border px-3 py-2 text-sm ring-offset-background",
   "file:border-0 file:bg-transparent file:text-sm file:font-medium",
@@ -4363,9 +4383,9 @@ function DateTimePicker({
   timeIntervals = 15,
   dateFormat = "MMMM d, yyyy h:mm aa"
 }) {
-  return /* @__PURE__ */ jsxs35("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsx44(Label, { className: "font-['Azeret_Mono'] text-[12px] font-semibold leading-[1em] tracking-[-0.02em] text-ods-text-secondary uppercase", children: label }),
-    /* @__PURE__ */ jsx44("div", { className: "w-full", children: /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsxs36("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsx45(Label, { className: "font-['Azeret_Mono'] text-[12px] font-semibold leading-[1em] tracking-[-0.02em] text-ods-text-secondary uppercase", children: label }),
+    /* @__PURE__ */ jsx45("div", { className: "w-full", children: /* @__PURE__ */ jsx45(
       DatePicker2,
       {
         selected: value,
@@ -4380,7 +4400,7 @@ function DateTimePicker({
         className: inputClassName
       }
     ) }),
-    /* @__PURE__ */ jsx44("style", { dangerouslySetInnerHTML: { __html: `
+    /* @__PURE__ */ jsx45("style", { dangerouslySetInnerHTML: { __html: `
         .react-datepicker-wrapper {
           width: 100% !important;
           display: block !important;
@@ -4485,7 +4505,7 @@ function DateTimePicker({
 
 // src/components/authors/author-detail-view.tsx
 init_cn();
-import { jsx as jsx45, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs37 } from "react/jsx-runtime";
 function AuthorDetailView({
   author,
   proxyImageUrl,
@@ -4500,9 +4520,9 @@ function AuthorDetailView({
   }) ?? author.avatarUrl : null;
   const subtitle = [author.jobTitle, author.company].filter(Boolean).join(" @ ");
   const bioText = formatBioText(author.about);
-  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__ */ jsx45("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx45("div", { className: "rounded-full overflow-hidden bg-ods-bg-secondary border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsxs37("div", { className: cn("flex flex-col gap-5 md:gap-6", className), children: [
+    /* @__PURE__ */ jsxs37("div", { className: "flex gap-6 w-full items-start", children: [
+      /* @__PURE__ */ jsx46("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx46("div", { className: "rounded-full overflow-hidden bg-ods-bg-secondary border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx46(
         next_image_default,
         {
           src: proxiedAvatar,
@@ -4511,12 +4531,12 @@ function AuthorDetailView({
           className: "object-cover",
           unoptimized: true
         }
-      ) : /* @__PURE__ */ jsx45("div", { className: "flex items-center justify-center h-full w-full text-3xl text-ods-text-secondary font-['Azeret_Mono']", children: author.fullName.charAt(0).toUpperCase() }) }) }),
-      /* @__PURE__ */ jsxs36("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
-        /* @__PURE__ */ jsx45("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
-        subtitle && /* @__PURE__ */ jsx45("p", { className: "font-body text-lg text-ods-text-secondary leading-none truncate", children: subtitle }),
+      ) : /* @__PURE__ */ jsx46("div", { className: "flex items-center justify-center h-full w-full text-3xl text-ods-text-secondary font-['Azeret_Mono']", children: author.fullName.charAt(0).toUpperCase() }) }) }),
+      /* @__PURE__ */ jsxs37("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ jsx46("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
+        subtitle && /* @__PURE__ */ jsx46("p", { className: "font-body text-lg text-ods-text-secondary leading-none truncate", children: subtitle }),
         author.socialLinks.length > 0 && // Ghost compact row (transparent 32px) — metadata, not CTAs.
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           SocialIconRow,
           {
             compact: true,
@@ -4529,8 +4549,8 @@ function AuthorDetailView({
         )
       ] })
     ] }),
-    bioText && /* @__PURE__ */ jsx45("p", { className: "font-body text-base leading-relaxed text-ods-text-secondary", children: bioText }),
-    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx45("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx45(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
+    bioText && /* @__PURE__ */ jsx46("p", { className: "font-body text-base leading-relaxed text-ods-text-secondary", children: bioText }),
+    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx46("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx46(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
     children
   ] });
 }
@@ -4554,6 +4574,7 @@ export {
   ActionsMenu,
   ActionsMenuDropdown,
   AdminContentCard,
+  AgentMark,
   AiRobotIcon,
   Alert,
   AlertDescription,