@flamingo-stack/openframe-frontend-core 0.0.564 → 0.0.565-1861.5100.1

package/dist/components/index.js

@@ -1,10 +1,10 @@
 "use client";
 "use client";
-import "../chunk-MVWSLZG7.js";
+import "../chunk-5I3BSQ6D.js";
 import {
   GROUP_PAGE_SIZE,
   RelatedContentSection
-} from "../chunk-Z4VU6MJ4.js";
+} from "../chunk-LOWWLH2W.js";
 import {
   DeliveryLists,
   DeliveryTable,
@@ -18,7 +18,7 @@ import {
   RoadmapView,
   useLegalDocs,
   useRoadmapVoting
-} from "../chunk-7D62XVHH.js";
+} from "../chunk-YVOMHB73.js";
 import {
   AnnouncementBarSkeleton,
   ArticleLayoutSkeleton,
@@ -51,22 +51,22 @@ import {
   useDocNavigation,
   useDocumentTree,
   useScrollSpy
-} from "../chunk-O3SEC45L.js";
+} from "../chunk-GG6CAELN.js";
 import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "../chunk-G2VDS3M5.js";
+} from "../chunk-OEN3GTRL.js";
 import {
   PersistentPagination,
   PersistentPaginationWrapper,
   usePaginationLoading
-} from "../chunk-CQNK6RS6.js";
+} from "../chunk-XSK7ZQ3C.js";
 import {
   FaqAccordion,
   FaqDocumentPage,
   FaqSection
-} from "../chunk-X4JKXYY5.js";
+} from "../chunk-SQ53GVCG.js";
 import {
   DeliveryRow,
   DevCardRowContent,
@@ -74,16 +74,16 @@ import {
   DevCardRowSkeletonList,
   DevSectionPage,
   DevSectionView
-} from "../chunk-ASULU3T2.js";
+} from "../chunk-H4RCJ4IB.js";
 import {
   EmptyState,
   UnifiedPagination,
   init_unified_pagination
-} from "../chunk-T3P56JKN.js";
+} from "../chunk-XPLZB74T.js";
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "../chunk-CP7TMQBH.js";
+} from "../chunk-ZUVVJ24E.js";
 import {
   DocSearchBar,
   DocSearchResultRow,
@@ -91,7 +91,7 @@ import {
   mapDocSearchResults,
   resolveSearchResultAction,
   useDocSearch
-} from "../chunk-TDYF6Q2D.js";
+} from "../chunk-XZNKPEWB.js";
 import {
   useSelfFetch
 } from "../chunk-KL6ZDLDF.js";
@@ -209,6 +209,7 @@ import {
   COMPACT_CARD_TEXT_COL,
   COMPACT_CARD_TITLE,
   COMPACT_CARD_TITLE_ROW,
+  COMPACT_ROW_MIN_HEIGHT_PX,
   CONNECTION_STATUS,
   CONTEXT_BACK_CLASS,
   CONTEXT_ICON_CLASS,
@@ -268,6 +269,7 @@ import {
   CheckboxWithDescription,
   ChevronButton,
   CircularProgress,
+  ClaudeEmbed,
   ClickUpTasksManager,
   ClientOnlyHeader,
   ColorPickerInput,
@@ -1001,7 +1003,7 @@ import {
   useVideoWarmup,
   useWalkthroughVideo,
   usesCanonicalStatusStyle
-} from "../chunk-BK7V6CH5.js";
+} from "../chunk-MSUSONUK.js";
 import "../chunk-7EUIW46X.js";
 import {
   next_image_default
@@ -1849,7 +1851,10 @@ function CommentCard({
   onDeleteComment,
   showVendorInfo = true,
   compact = false,
-  context = "profile"
+  leadWith = "commenter",
+  fullBody = false,
+  footer,
+  children
 }) {
   const { user: currentUser } = useAuth();
   const formatActivityTime = (timestamp) => {
@@ -1857,89 +1862,158 @@ function CommentCard({
   };
   const canUserDeleteComment = () => {
     if (!currentUser) return false;
-    if (context === "profile") {
-      return comment.canDelete !== false;
-    }
-    if (context === "vendor" && comment.user) {
-      return currentUser.id === comment.user.id;
-    }
-    return false;
+    if (typeof comment.canDelete === "boolean") return comment.canDelete;
+    return !!comment.user && currentUser.id === comment.user.id;
   };
   const showDeleteButton = canUserDeleteComment();
-  return /* @__PURE__ */ jsxs6("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 hover:border-ods-accent transition-all group overflow-hidden w-full max-w-full box-border", style: { maxWidth: "100%", wordBreak: "break-word" }, children: [
-    /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-3 mb-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2 w-full", children: [
-      /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: context === "profile" && comment.vendor ? /* @__PURE__ */ jsxs6(Fragment, { children: [
-        /* @__PURE__ */ jsx8(
-          VendorDisplayButton,
+  return /* @__PURE__ */ jsxs6(Fragment, { children: [
+    /* @__PURE__ */ jsxs6("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 hover:border-ods-accent transition-all group overflow-hidden w-full max-w-full box-border", style: { maxWidth: "100%", wordBreak: "break-word" }, children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-3 mb-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2 w-full", children: [
+        /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: leadWith === "vendor" && comment.vendor ? /* @__PURE__ */ jsxs6(Fragment, { children: [
+          /* @__PURE__ */ jsx8(
+            VendorDisplayButton,
+            {
+              vendor: comment.vendor,
+              onClick: onViewProduct || (() => {
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx8("span", { className: "text-h6 text-ods-text-secondary whitespace-nowrap flex-shrink-0", children: formatActivityTime(comment.createdAt) })
+        ] }) : comment.user ? /* @__PURE__ */ jsx8(
+          UserSummary,
           {
-            vendor: comment.vendor,
-            onClick: onViewProduct || (() => {
-            })
+            name: comment.user.name,
+            email: "",
+            compact: true,
+            avatarSize: 48,
+            subtitle: formatActivityTime(comment.createdAt),
+            avatarUrl: comment.user.profilePicture ?? null,
+            mspPreview: comment.user.msp ? {
+              name: comment.user.msp.name ?? null,
+              logoUrl: comment.user.msp.icon_url ?? null,
+              seatCount: null,
+              technicianCount: null,
+              annualRevenue: null
+            } : null,
+            showEditButton: false,
+            authProviders: []
           }
-        ),
-        /* @__PURE__ */ jsx8("span", { className: "text-h6 text-ods-text-secondary whitespace-nowrap flex-shrink-0", children: formatActivityTime(comment.createdAt) })
-      ] }) : context === "vendor" && comment.user ? /* @__PURE__ */ jsx8(
-        UserSummary,
-        {
-          name: comment.user.name,
-          email: "",
-          compact: true,
-          avatarSize: 48,
-          subtitle: formatActivityTime(comment.createdAt),
-          avatarUrl: comment.user.profilePicture ?? null,
-          mspPreview: comment.user.msp ? {
-            name: comment.user.msp.name ?? null,
-            logoUrl: comment.user.msp.icon_url ?? null,
-            seatCount: null,
-            technicianCount: null,
-            annualRevenue: null
-          } : null,
-          showEditButton: false,
-          authProviders: []
-        }
-      ) : null }),
-      /* @__PURE__ */ jsx8("div", { className: "flex gap-2 justify-start min-[420px]:justify-end", children: showDeleteButton && onDeleteComment && /* @__PURE__ */ jsx8(
-        Button,
-        {
-          onClick: () => onDeleteComment(comment.id),
-          variant: "outline",
-          size: "icon",
-          className: "text-ods-text-primary",
-          children: /* @__PURE__ */ jsxs6("svg", { width: "22", height: "24", viewBox: "0 0 22 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-ods-text-primary", children: [
-            /* @__PURE__ */ jsx8("path", { d: "M18.6025 4.37939C19.221 4.43597 19.6768 4.98399 19.6206 5.60254L18.5176 17.7358C18.4492 18.4886 18.3924 19.1183 18.3052 19.6299C18.2155 20.1552 18.0809 20.6447 17.8101 21.1021C17.4444 21.7195 16.9245 22.2292 16.3042 22.583L16.0317 22.7251C15.5519 22.9533 15.0526 23.0438 14.5215 23.0854C14.0042 23.126 13.3727 23.125 12.6172 23.125H9.38281C8.62726 23.125 7.9958 23.126 7.47852 23.0854C7.01357 23.049 6.57289 22.975 6.14844 22.8042L5.96826 22.7251C5.32037 22.4169 4.76543 21.9454 4.35693 21.3599L4.18994 21.1021C3.91912 20.6447 3.78445 20.1552 3.69482 19.6299C3.65123 19.3743 3.61556 19.0894 3.58203 18.7744L3.48242 17.7358L2.37939 5.60254L2.375 5.48682C2.38099 4.91684 2.81768 4.43244 3.39746 4.37939C3.97776 4.32664 4.496 4.72462 4.60449 5.28467L4.62061 5.39746L5.72363 17.5322C5.79528 18.3203 5.84358 18.8475 5.9126 19.252C5.97923 19.6424 6.05232 19.8298 6.12646 19.9551L6.28467 20.1836C6.45963 20.3987 6.68118 20.5732 6.93359 20.6934L7.04639 20.7388C7.17478 20.7822 7.35781 20.8195 7.6543 20.8428C8.06325 20.8749 8.59186 20.875 9.38281 20.875H12.6172C13.4081 20.875 13.9367 20.8749 14.3457 20.8428C14.7409 20.8117 14.9349 20.7559 15.0664 20.6934L15.3066 20.5557C15.5369 20.4008 15.7309 20.1958 15.8735 19.9551C15.9477 19.8298 16.0208 19.6424 16.0874 19.252C16.1564 18.8475 16.2047 18.3203 16.2764 17.5322L17.3794 5.39746C17.436 4.77903 17.984 4.32316 18.6025 4.37939Z", fill: "currentColor" }),
-            /* @__PURE__ */ jsx8("path", { d: "M7.37451 15.9995V11C7.37451 10.3788 7.87842 9.87526 8.49951 9.875C9.12083 9.875 9.62451 10.3787 9.62451 11V15.9995C9.62451 16.6208 9.12083 17.1245 8.49951 17.1245C7.87842 17.1242 7.37451 16.6207 7.37451 15.9995ZM12.3755 15.9995V11C12.3755 10.3787 12.8792 9.875 13.5005 9.875C14.1216 9.87526 14.6255 10.3788 14.6255 11V15.9995C14.6255 16.6207 14.1216 17.1242 13.5005 17.1245C12.8792 17.1245 12.3755 16.6208 12.3755 15.9995ZM12.585 0.875C13.0174 0.879157 13.425 0.903301 13.8096 1.02881L14.1157 1.14746C14.4155 1.28159 14.6931 1.46221 14.9375 1.68359L15.0811 1.82568C15.4034 2.16872 15.6379 2.59872 15.8984 3.05469L16.6528 4.37451H20L20.1157 4.38037C20.6825 4.43826 21.1248 4.91747 21.125 5.49951C21.125 6.08174 20.6827 6.5607 20.1157 6.61865L20 6.62451H2C1.37868 6.62451 0.875 6.12083 0.875 5.49951C0.875264 4.87842 1.37884 4.37451 2 4.37451H5.34717L6.32129 2.6709C6.53952 2.29735 6.76267 1.95525 7.0625 1.68359L7.31738 1.47705C7.58262 1.28327 7.87687 1.1312 8.19043 1.02881L8.38525 0.974609C8.71199 0.896341 9.05467 0.878464 9.41504 0.875H12.585ZM9.85742 3.125C9.29191 3.125 9.08123 3.13201 8.97266 3.14844L8.88916 3.16748C8.83075 3.18655 8.77503 3.21301 8.72217 3.24365L8.57275 3.35205C8.53704 3.38448 8.50137 3.42629 8.42773 3.54102L8.05566 4.1709L7.93848 4.37451H14.0615L13.9443 4.1709C13.6645 3.68114 13.554 3.50141 13.4858 3.41504L13.4272 3.35205C13.3815 3.31062 13.3309 3.27443 13.2778 3.24365L13.1108 3.16748C13.019 3.13753 12.8946 3.125 12.1426 3.125H9.85742Z", fill: "currentColor" })
-          ] })
-        }
-      ) })
+        ) : null }),
+        /* @__PURE__ */ jsx8("div", { className: "flex gap-2 justify-start min-[420px]:justify-end", children: showDeleteButton && onDeleteComment && /* @__PURE__ */ jsx8(
+          Button,
+          {
+            onClick: () => onDeleteComment(comment.id),
+            variant: "outline",
+            size: "icon",
+            className: "text-ods-text-primary",
+            children: /* @__PURE__ */ jsxs6("svg", { width: "22", height: "24", viewBox: "0 0 22 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-ods-text-primary", children: [
+              /* @__PURE__ */ jsx8("path", { d: "M18.6025 4.37939C19.221 4.43597 19.6768 4.98399 19.6206 5.60254L18.5176 17.7358C18.4492 18.4886 18.3924 19.1183 18.3052 19.6299C18.2155 20.1552 18.0809 20.6447 17.8101 21.1021C17.4444 21.7195 16.9245 22.2292 16.3042 22.583L16.0317 22.7251C15.5519 22.9533 15.0526 23.0438 14.5215 23.0854C14.0042 23.126 13.3727 23.125 12.6172 23.125H9.38281C8.62726 23.125 7.9958 23.126 7.47852 23.0854C7.01357 23.049 6.57289 22.975 6.14844 22.8042L5.96826 22.7251C5.32037 22.4169 4.76543 21.9454 4.35693 21.3599L4.18994 21.1021C3.91912 20.6447 3.78445 20.1552 3.69482 19.6299C3.65123 19.3743 3.61556 19.0894 3.58203 18.7744L3.48242 17.7358L2.37939 5.60254L2.375 5.48682C2.38099 4.91684 2.81768 4.43244 3.39746 4.37939C3.97776 4.32664 4.496 4.72462 4.60449 5.28467L4.62061 5.39746L5.72363 17.5322C5.79528 18.3203 5.84358 18.8475 5.9126 19.252C5.97923 19.6424 6.05232 19.8298 6.12646 19.9551L6.28467 20.1836C6.45963 20.3987 6.68118 20.5732 6.93359 20.6934L7.04639 20.7388C7.17478 20.7822 7.35781 20.8195 7.6543 20.8428C8.06325 20.8749 8.59186 20.875 9.38281 20.875H12.6172C13.4081 20.875 13.9367 20.8749 14.3457 20.8428C14.7409 20.8117 14.9349 20.7559 15.0664 20.6934L15.3066 20.5557C15.5369 20.4008 15.7309 20.1958 15.8735 19.9551C15.9477 19.8298 16.0208 19.6424 16.0874 19.252C16.1564 18.8475 16.2047 18.3203 16.2764 17.5322L17.3794 5.39746C17.436 4.77903 17.984 4.32316 18.6025 4.37939Z", fill: "currentColor" }),
+              /* @__PURE__ */ jsx8("path", { d: "M7.37451 15.9995V11C7.37451 10.3788 7.87842 9.87526 8.49951 9.875C9.12083 9.875 9.62451 10.3787 9.62451 11V15.9995C9.62451 16.6208 9.12083 17.1245 8.49951 17.1245C7.87842 17.1242 7.37451 16.6207 7.37451 15.9995ZM12.3755 15.9995V11C12.3755 10.3787 12.8792 9.875 13.5005 9.875C14.1216 9.87526 14.6255 10.3788 14.6255 11V15.9995C14.6255 16.6207 14.1216 17.1242 13.5005 17.1245C12.8792 17.1245 12.3755 16.6208 12.3755 15.9995ZM12.585 0.875C13.0174 0.879157 13.425 0.903301 13.8096 1.02881L14.1157 1.14746C14.4155 1.28159 14.6931 1.46221 14.9375 1.68359L15.0811 1.82568C15.4034 2.16872 15.6379 2.59872 15.8984 3.05469L16.6528 4.37451H20L20.1157 4.38037C20.6825 4.43826 21.1248 4.91747 21.125 5.49951C21.125 6.08174 20.6827 6.5607 20.1157 6.61865L20 6.62451H2C1.37868 6.62451 0.875 6.12083 0.875 5.49951C0.875264 4.87842 1.37884 4.37451 2 4.37451H5.34717L6.32129 2.6709C6.53952 2.29735 6.76267 1.95525 7.0625 1.68359L7.31738 1.47705C7.58262 1.28327 7.87687 1.1312 8.19043 1.02881L8.38525 0.974609C8.71199 0.896341 9.05467 0.878464 9.41504 0.875H12.585ZM9.85742 3.125C9.29191 3.125 9.08123 3.13201 8.97266 3.14844L8.88916 3.16748C8.83075 3.18655 8.77503 3.21301 8.72217 3.24365L8.57275 3.35205C8.53704 3.38448 8.50137 3.42629 8.42773 3.54102L8.05566 4.1709L7.93848 4.37451H14.0615L13.9443 4.1709C13.6645 3.68114 13.554 3.50141 13.4858 3.41504L13.4272 3.35205C13.3815 3.31062 13.3309 3.27443 13.2778 3.24365L13.1108 3.16748C13.019 3.13753 12.8946 3.125 12.1426 3.125H9.85742Z", fill: "currentColor" })
+            ] })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "space-y-2 w-full max-w-full overflow-hidden", style: { maxWidth: "100%", wordBreak: "break-word" }, children: [
+        comment.title && /* @__PURE__ */ jsx8("div", { className: compact ? "h-[20px] flex items-center" : "h-[24px] flex items-center", children: /* @__PURE__ */ jsx8("h4", { className: "text-h3 tracking-[-0.02em] text-ods-text-primary group-hover:text-ods-accent transition-colors line-clamp-1", style: {
+          wordBreak: "break-word",
+          overflowWrap: "break-word",
+          maxWidth: "100%",
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          display: "-webkit-box",
+          WebkitBoxOrient: "vertical",
+          WebkitLineClamp: 1
+        }, children: comment.title }) }),
+        fullBody ? (
+          // Thread bodies are read in full — no fixed height, no clamp.
+          /* @__PURE__ */ jsx8("p", { className: "text-h4 text-ods-text-primary whitespace-pre-wrap", style: { wordBreak: "break-word", overflowWrap: "break-word", maxWidth: "100%" }, children: comment.content })
+        ) : /* @__PURE__ */ jsx8("div", { className: compact ? "h-[60px] flex items-center" : "h-[72px] flex items-center", children: /* @__PURE__ */ jsx8("p", { className: "text-h4 text-ods-text-primary line-clamp-3", style: {
+          wordBreak: "break-word",
+          overflowWrap: "break-word",
+          maxWidth: "100%",
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          display: "-webkit-box",
+          WebkitBoxOrient: "vertical",
+          WebkitLineClamp: 3
+        }, children: comment.content }) }),
+        footer ? /* @__PURE__ */ jsx8("div", { className: "pt-2 flex flex-wrap items-center gap-2", children: footer }) : null
+      ] })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "space-y-2 w-full max-w-full overflow-hidden", style: { maxWidth: "100%", wordBreak: "break-word" }, children: [
-      comment.title && /* @__PURE__ */ jsx8("div", { className: compact ? "h-[20px] flex items-center" : "h-[24px] flex items-center", children: /* @__PURE__ */ jsx8("h4", { className: "text-h3 tracking-[-0.02em] text-ods-text-primary group-hover:text-ods-accent transition-colors line-clamp-1", style: {
-        wordBreak: "break-word",
-        overflowWrap: "break-word",
-        maxWidth: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        WebkitLineClamp: 1
-      }, children: comment.title }) }),
-      /* @__PURE__ */ jsx8("div", { className: compact ? "h-[60px] flex items-center" : "h-[72px] flex items-center", children: /* @__PURE__ */ jsx8("p", { className: "text-h4 text-ods-text-primary line-clamp-3", style: {
-        wordBreak: "break-word",
-        overflowWrap: "break-word",
-        maxWidth: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        WebkitLineClamp: 3
-      }, children: comment.content }) })
-    ] })
+    children
+  ] });
+}
+
+// src/components/comment-composer.tsx
+import { useState as useState2 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function CommentComposer({
+  withTitle = false,
+  titleLabel = "Title",
+  titlePlaceholder = "Your comment title here",
+  titleRef,
+  bodyLabel = "Description",
+  placeholder = "Write your comment...",
+  extras,
+  submitLabel = "Send",
+  cancelLabel = "Cancel",
+  onCancel,
+  pending = false,
+  ariaLabel,
+  onSubmit
+}) {
+  const [title, setTitle] = useState2("");
+  const [body, setBody] = useState2("");
+  const canSubmit = body.trim().length > 0 && (!withTitle || title.trim().length > 0) && !pending;
+  const submit = async () => {
+    if (!canSubmit) return;
+    const kept = await onSubmit({ title: title.trim(), body: body.trim() });
+    if (kept === false) return;
+    setTitle("");
+    setBody("");
+  };
+  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-[var(--spacing-system-xsf)]", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-[var(--spacing-system-sf)] md:flex-row", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "flex-1 overflow-hidden rounded-lg border border-ods-border bg-ods-bg", children: [
+        withTitle ? /* @__PURE__ */ jsxs7("div", { className: "border-b border-ods-border", children: [
+          /* @__PURE__ */ jsx9(Label, { className: "text-badge text-ods-text-secondary px-3 pt-2 pb-1", children: titleLabel }),
+          /* @__PURE__ */ jsx9(
+            Input,
+            {
+              ref: titleRef,
+              value: title,
+              onChange: (e) => setTitle(e.target.value),
+              placeholder: titlePlaceholder,
+              disabled: pending,
+              className: "rounded-none border-0 bg-transparent focus-visible:ring-0"
+            }
+          )
+        ] }) : null,
+        withTitle ? /* @__PURE__ */ jsx9(Label, { className: "text-badge text-ods-text-secondary px-3 pt-2 pb-1", children: bodyLabel }) : null,
+        /* @__PURE__ */ jsx9(
+          Textarea,
+          {
+            value: body,
+            onChange: (e) => setBody(e.target.value),
+            placeholder,
+            disabled: pending,
+            "aria-label": ariaLabel ?? (withTitle ? bodyLabel : submitLabel),
+            className: "min-h-[64px] rounded-none border-0 bg-transparent focus-visible:ring-0"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-[var(--spacing-system-xsf)]", children: [
+        onCancel ? /* @__PURE__ */ jsx9(Button, { type: "button", variant: "outline", size: "small-legacy", onClick: onCancel, disabled: pending, children: cancelLabel }) : null,
+        /* @__PURE__ */ jsx9(Button, { type: "button", variant: "accent", size: "small-legacy", onClick: submit, disabled: !canSubmit, loading: pending, children: submitLabel })
+      ] })
+    ] }),
+    extras ? /* @__PURE__ */ jsx9("div", { className: "flex flex-wrap items-center gap-[var(--spacing-system-xsf)]", children: extras }) : null
   ] });
 }
 
 // src/components/content-loading-container.tsx
 init_cn();
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function ContentLoadingContainer({
   isLoading,
   children,
@@ -1949,7 +2023,7 @@ function ContentLoadingContainer({
   loadingOpacity = 1,
   transitionDuration = 300
 }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: cn(
@@ -1964,7 +2038,7 @@ function ContentLoadingContainer({
       "aria-label": isLoading ? "Loading content" : "Content loaded",
       "aria-live": "polite",
       children: [
-        isLoading && /* @__PURE__ */ jsx9(
+        isLoading && /* @__PURE__ */ jsx10(
           "div",
           {
             className: "absolute inset-0 z-10 bg-ods-bg",
@@ -1977,7 +2051,7 @@ function ContentLoadingContainer({
             children: skeletonComponent
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "div",
           {
             className: cn(
@@ -2030,7 +2104,7 @@ function useThemeAware() {
 }
 
 // src/components/dynamic-skeleton.tsx
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var sizePresets = {
   sm: { width: "4rem", height: "1rem" },
   md: { width: "8rem", height: "1.5rem" },
@@ -2095,14 +2169,14 @@ function DynamicSkeleton({
     className
   );
   if (variant === "text" && lines > 1) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       "div",
       {
         className: "space-y-2",
         style: platformStyles,
         role: "status",
         "aria-label": includeAriaLabel ? "Loading content..." : void 0,
-        children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx10(
+        children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ jsx11(
           "div",
           {
             className: cn(
@@ -2120,7 +2194,7 @@ function DynamicSkeleton({
       }
     );
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       className: baseClasses,
@@ -2135,72 +2209,72 @@ var SkeletonPresets = {
   /**
    * Card skeleton with header, content, and actions
    */
-  Card: ({ showActions = true, showImage = false }) => /* @__PURE__ */ jsxs8("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 space-y-4", children: [
-    showImage && /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "image", className: "w-full h-40" }),
-    /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "lg" }),
-      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
+  Card: ({ showActions = true, showImage = false }) => /* @__PURE__ */ jsxs9("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 space-y-4", children: [
+    showImage && /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "image", className: "w-full h-40" }),
+    /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "lg" }),
+      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
     ] }),
-    showActions && /* @__PURE__ */ jsxs8("div", { className: "flex gap-2 pt-2", children: [
-      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "button", width: "6rem", height: "2.5rem" }),
-      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "button", width: "4rem", height: "2.5rem" })
+    showActions && /* @__PURE__ */ jsxs9("div", { className: "flex gap-2 pt-2", children: [
+      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "button", width: "6rem", height: "2.5rem" }),
+      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "button", width: "4rem", height: "2.5rem" })
     ] })
   ] }),
   /**
    * User profile skeleton
    */
-  Profile: () => /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-4 p-4", children: [
-    /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "avatar", size: "lg" }),
-    /* @__PURE__ */ jsxs8("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "lg", width: "8rem" }),
-      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "sm", width: "12rem" }),
-      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
+  Profile: () => /* @__PURE__ */ jsxs9("div", { className: "flex items-start gap-4 p-4", children: [
+    /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "avatar", size: "lg" }),
+    /* @__PURE__ */ jsxs9("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "lg", width: "8rem" }),
+      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "sm", width: "12rem" }),
+      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
     ] })
   ] }),
   /**
    * Navigation skeleton
    */
-  Navigation: ({ items = 5 }) => /* @__PURE__ */ jsx10("nav", { className: "space-y-2 p-4", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "avatar", size: "sm" }),
-    /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "md" })
+  Navigation: ({ items = 5 }) => /* @__PURE__ */ jsx11("nav", { className: "space-y-2 p-4", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "avatar", size: "sm" }),
+    /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "md" })
   ] }, index)) }),
   /**
    * Table skeleton
    */
-  Table: ({ rows = 5, columns = 4 }) => /* @__PURE__ */ jsxs8("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx10("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "md" }, `header-${index}`)) }),
-    Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx10("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "sm" }, `cell-${rowIndex}-${colIndex}`)) }, `row-${rowIndex}`))
+  Table: ({ rows = 5, columns = 4 }) => /* @__PURE__ */ jsxs9("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx11("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "md" }, `header-${index}`)) }),
+    Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ jsx11("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_2, colIndex) => /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "sm" }, `cell-${rowIndex}-${colIndex}`)) }, `row-${rowIndex}`))
   ] }),
   /**
    * Vendor grid skeleton (specific to the app)
    */
-  VendorGrid: ({ items = 6 }) => /* @__PURE__ */ jsx10("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs8("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 space-y-3", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "avatar", size: "md" }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "md", width: "6rem" }),
-        /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "sm", width: "4rem", className: "mt-1" })
+  VendorGrid: ({ items = 6 }) => /* @__PURE__ */ jsx11("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ jsxs9("div", { className: "bg-ods-card border border-ods-border rounded-lg p-4 space-y-3", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "avatar", size: "md" }),
+      /* @__PURE__ */ jsxs9("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "md", width: "6rem" }),
+        /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "sm", width: "4rem", className: "mt-1" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", lines: 2, size: "sm" }),
-    /* @__PURE__ */ jsxs8("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "custom", width: "3rem", height: "1.25rem", className: "rounded-full" }),
-      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "custom", width: "4rem", height: "1.25rem", className: "rounded-full" })
+    /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", lines: 2, size: "sm" }),
+    /* @__PURE__ */ jsxs9("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "custom", width: "3rem", height: "1.25rem", className: "rounded-full" }),
+      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "custom", width: "4rem", height: "1.25rem", className: "rounded-full" })
     ] })
   ] }, index)) }),
   /**
    * Blog post skeleton
    */
-  BlogPost: () => /* @__PURE__ */ jsxs8("article", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "xl", width: "75%" }),
-      /* @__PURE__ */ jsxs8("div", { className: "flex gap-4 text-sm", children: [
-        /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "sm", width: "4rem" }),
-        /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", size: "sm", width: "6rem" })
+  BlogPost: () => /* @__PURE__ */ jsxs9("article", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "xl", width: "75%" }),
+      /* @__PURE__ */ jsxs9("div", { className: "flex gap-4 text-sm", children: [
+        /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "sm", width: "4rem" }),
+        /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", size: "sm", width: "6rem" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "image", className: "w-full h-64" }),
-    /* @__PURE__ */ jsx10("div", { className: "space-y-3", children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsx10(DynamicSkeleton, { variant: "text", lines: 3, size: "md" }, index)) })
+    /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "image", className: "w-full h-64" }),
+    /* @__PURE__ */ jsx11("div", { className: "space-y-3", children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ jsx11(DynamicSkeleton, { variant: "text", lines: 3, size: "md" }, index)) })
   ] })
 };
 function PlatformSkeletonContainer({
@@ -2211,10 +2285,10 @@ function PlatformSkeletonContainer({
 }) {
   const { platform } = useThemeAware();
   if (!isLoading) {
-    return /* @__PURE__ */ jsx10(Fragment2, { children });
+    return /* @__PURE__ */ jsx11(Fragment2, { children });
   }
   const SkeletonComponent = SkeletonPresets[skeletonType];
-  return /* @__PURE__ */ jsx10("div", { className: `platform-skeleton skeleton-${platform}`, children: /* @__PURE__ */ jsx10(SkeletonComponent, { ...skeletonProps }) });
+  return /* @__PURE__ */ jsx11("div", { className: `platform-skeleton skeleton-${platform}`, children: /* @__PURE__ */ jsx11(SkeletonComponent, { ...skeletonProps }) });
 }
 function ProgressiveSkeleton({
   stages = ["basic", "detailed", "interactive"],
@@ -2229,7 +2303,7 @@ function ProgressiveSkeleton({
     2: { animation: "wave", variant: "custom" }
   };
   const config = stageConfig[currentStage] || stageConfig[0];
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     DynamicSkeleton,
     {
       ...props,
@@ -2247,7 +2321,7 @@ function ProgressiveSkeleton({
 // src/components/filter-chip.tsx
 init_cn();
 import { X as X2 } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function FilterChip({
   id,
   label,
@@ -2280,7 +2354,7 @@ function FilterChip({
     subcategory: "bg-ods-bg-surface text-ods-text-primary border border-ods-accent/60 hover:bg-ods-border hover:border-ods-accent/80 hover:text-ods-text-primary focus:ring-ods-accent/60 focus:ring-offset-ods-bg",
     tag: "bg-ods-bg-surface text-ods-text-primary border border-ods-accent/20 hover:bg-ods-border hover:border-ods-accent/30 hover:text-ods-text-primary focus:ring-ods-accent/20 focus:ring-offset-ods-bg"
   };
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: cn(baseClasses, variantClasses[variant], className),
@@ -2294,11 +2368,11 @@ function FilterChip({
       "aria-pressed": onClick && variant === "selected" ? true : void 0,
       "aria-disabled": disabled,
       children: [
-        /* @__PURE__ */ jsx11("span", { className: cn(
+        /* @__PURE__ */ jsx12("span", { className: cn(
           "truncate font-body font-medium leading-none text-center",
           size === "sm" ? "max-w-[100px] md:max-w-[120px]" : "max-w-[120px] md:max-w-[140px]"
         ), title: label, children: label }),
-        removable && onRemove && /* @__PURE__ */ jsx11(
+        removable && onRemove && /* @__PURE__ */ jsx12(
           "button",
           {
             type: "button",
@@ -2317,7 +2391,7 @@ function FilterChip({
             ),
             "aria-label": `Remove ${label} filter`,
             tabIndex: disabled ? -1 : 0,
-            children: /* @__PURE__ */ jsx11(X2, { className: "h-2 w-2 md:h-2 md:w-2" })
+            children: /* @__PURE__ */ jsx12(X2, { className: "h-2 w-2 md:h-2 md:w-2" })
           }
         )
       ]
@@ -2331,7 +2405,7 @@ import { Suspense } from "react";
 // src/components/social-icon-row.tsx
 init_button();
 import { Mail } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, 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" },
@@ -2341,51 +2415,51 @@ function renderSocialIcon(platform) {
   const normalizedPlatform = platform.toLowerCase().trim();
   switch (normalizedPlatform) {
     case "github":
-      return /* @__PURE__ */ jsx12(GitHubIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx13(GitHubIcon, { className: "w-5 h-5" });
     case "twitter":
     case "x":
-      return /* @__PURE__ */ jsx12(XLogo, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx13(XLogo, { className: "w-5 h-5" });
     case "reddit":
-      return /* @__PURE__ */ jsx12(RedditIcon, { className: "w-5 h-5", variant: "white" });
+      return /* @__PURE__ */ jsx13(RedditIcon, { className: "w-5 h-5", variant: "white" });
     case "linkedin":
-      return /* @__PURE__ */ jsx12(LinkedInIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx13(LinkedInIcon, { className: "w-5 h-5" });
     case "luma":
-      return /* @__PURE__ */ jsx12(LumaIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx13(LumaIcon, { className: "w-5 h-5" });
     case "whatsapp":
-      return /* @__PURE__ */ jsx12(WhatsAppIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx13(WhatsAppIcon, { className: "w-5 h-5" });
     case "email":
     case "mail":
-      return /* @__PURE__ */ jsx12(Mail, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx13(Mail, { className: "w-5 h-5" });
     case "website":
     case "web":
     case "url":
-      return /* @__PURE__ */ jsx12(GlobeIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx13(GlobeIcon, { className: "w-5 h-5" });
     case "slack":
-      return /* @__PURE__ */ jsx12(SlackIcon, { className: "w-5 h-5", injectedColor: "white" });
+      return /* @__PURE__ */ jsx13(SlackIcon, { className: "w-5 h-5", injectedColor: "white" });
     case "discord":
-      return /* @__PURE__ */ jsx12(MessageCircleIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx13(MessageCircleIcon, { className: "w-5 h-5" });
     case "telegram":
-      return /* @__PURE__ */ jsx12(TelegramIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx13(TelegramIcon, { className: "w-5 h-5" });
     case "youtube":
     case "yt":
-      return /* @__PURE__ */ jsx12(YouTubeIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx13(YouTubeIcon, { className: "w-5 h-5" });
     case "instagram":
     case "ig":
-      return /* @__PURE__ */ jsx12(InstagramIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx13(InstagramIcon, { className: "w-5 h-5" });
     case "facebook":
     case "fb":
-      return /* @__PURE__ */ jsx12(FacebookIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx13(FacebookIcon, { className: "w-5 h-5" });
     case "copy":
-      return /* @__PURE__ */ jsx12(CopyIcon, { className: "w-5 h-5", color: "var(--color-text-primary)" });
+      return /* @__PURE__ */ jsx13(CopyIcon, { className: "w-5 h-5", color: "var(--color-text-primary)" });
     default:
-      return /* @__PURE__ */ jsx12(GlobeIcon, { className: "w-5 h-5" });
+      return /* @__PURE__ */ jsx13(GlobeIcon, { className: "w-5 h-5" });
   }
 }
 function SocialIconRow({ className = "", links = defaultLinks, variant, compact = false, groupByVisibility = false }) {
   const resolvedVariant = variant !== void 0 ? variant : compact ? "transparent" : "outline";
   const renderButton = (link, index) => {
     const ariaLabel = link.label || link.platform;
-    return link.onClick ? /* @__PURE__ */ jsx12(
+    return link.onClick ? /* @__PURE__ */ jsx13(
       Button,
       {
         type: "button",
@@ -2401,7 +2475,7 @@ function SocialIconRow({ className = "", links = defaultLinks, variant, compact
       // Props-based linking — Button renders the anchor itself
       // (openInNewTab carries target="_blank" + rel="noopener noreferrer");
       // no asChild/<a> nesting.
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         Button,
         {
           variant: resolvedVariant,
@@ -2421,42 +2495,42 @@ function SocialIconRow({ className = "", links = defaultLinks, variant, compact
     const external = links.filter((l) => l.visibility !== "internal");
     const internal = links.filter((l) => l.visibility === "internal");
     if (external.length > 0 && internal.length > 0) {
-      return /* @__PURE__ */ jsxs10("div", { className: rowClass, children: [
+      return /* @__PURE__ */ jsxs11("div", { className: rowClass, children: [
         external.map((l, i) => renderButton(l, i)),
-        /* @__PURE__ */ jsx12("span", { "aria-hidden": true, className: "self-stretch w-px my-1 bg-ods-border shrink-0" }),
+        /* @__PURE__ */ jsx13("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__ */ jsx12("div", { className: rowClass, children: links.map((link, index) => renderButton(link, index)) });
+  return /* @__PURE__ */ jsx13("div", { className: rowClass, children: links.map((link, index) => renderButton(link, index)) });
 }
 
 // src/components/footer.tsx
-import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function NavLinkSkeleton() {
-  return /* @__PURE__ */ jsx13(Skeleton, { className: "h-5 md:h-6 w-20 md:w-24" });
+  return /* @__PURE__ */ jsx14(Skeleton, { className: "h-5 md:h-6 w-20 md:w-24" });
 }
 function Footer({ config, renderLink }) {
   if (!config) {
     console.warn("Footer: No config provided");
     return null;
   }
-  return /* @__PURE__ */ jsx13(UniversalFooter, { config, renderLink });
+  return /* @__PURE__ */ jsx14(UniversalFooter, { config, renderLink });
 }
 function UniversalFooter({ config, renderLink }) {
-  const defaultRenderLink = (link) => /* @__PURE__ */ jsx13("a", { href: link.href, className: "font-body font-medium text-md md:text-md leading-[1.33] text-ods-text-primary hover:text-ods-accent transition-colors", children: link.label });
+  const defaultRenderLink = (link) => /* @__PURE__ */ jsx14("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 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-card"} px-6 py-10 relative gap-6 md:gap-6 min-h-[auto] md:min-h-[248px] z-[44] border-t border-ods-border`, children: [
-    /* @__PURE__ */ jsxs11("div", { className: "w-full grid grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8 items-start", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-4 md:gap-6 items-start text-left col-span-2 md:col-span-1 lg:col-span-1", children: [
-        /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
-          config.logo && /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(Skeleton, { className: "w-8 h-8" }), children: config.logo }),
-          config.nameElement || /* @__PURE__ */ jsx13("span", { className: "font-heading text-heading-5 font-bold text-ods-text-primary whitespace-nowrap", children: config.name })
+  return /* @__PURE__ */ jsxs12("footer", { className: `w-full flex flex-col justify-center items-center ${config.backgroundColor || "bg-ods-card"} px-6 py-10 relative gap-6 md:gap-6 min-h-[auto] md:min-h-[248px] z-[44] 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__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(Skeleton, { className: "w-8 h-8" }), children: config.logo }),
+          config.nameElement || /* @__PURE__ */ jsx14("span", { className: "font-heading text-heading-5 font-bold text-ods-text-primary whitespace-nowrap", children: config.name })
         ] }),
-        !config.moveDescriptionToRight && /* @__PURE__ */ jsxs11(Fragment3, { children: [
-          /* @__PURE__ */ jsx13("p", { className: "font-body font-medium text-sm md:text-sm leading-[1.43] text-ods-text-primary", children: config.description }),
-          config.belowDescriptionContent && /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent }),
-          !config.hideSocialRow && /* @__PURE__ */ jsx13(
+        !config.moveDescriptionToRight && /* @__PURE__ */ jsxs12(Fragment3, { children: [
+          /* @__PURE__ */ jsx14("p", { className: "font-body font-medium text-sm md:text-sm leading-[1.43] text-ods-text-primary", children: config.description }),
+          config.belowDescriptionContent && /* @__PURE__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent }),
+          !config.hideSocialRow && /* @__PURE__ */ jsx14(
             SocialIconRow,
             {
               className: "pt-2",
@@ -2464,22 +2538,22 @@ function UniversalFooter({ config, renderLink }) {
             }
           )
         ] }),
-        config.moveDescriptionToRight && config.keepBelowDescriptionLeft && config.belowDescriptionContent && /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
+        config.moveDescriptionToRight && config.keepBelowDescriptionLeft && config.belowDescriptionContent && /* @__PURE__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(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: [
-        /* @__PURE__ */ jsx13("h3", { className: "text-h5 tracking-[-0.02em] text-ods-text-muted", children: section.title }),
-        /* @__PURE__ */ jsx13("div", { className: "flex flex-col gap-3", children: section.links.map((link, linkIndex) => /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(NavLinkSkeleton, {}), children: linkRenderer(link) }, linkIndex)) })
+      config.sections.map((section, index) => /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-3 items-start text-left col-span-1", children: [
+        /* @__PURE__ */ jsx14("h3", { className: "text-h5 tracking-[-0.02em] text-ods-text-muted", children: section.title }),
+        /* @__PURE__ */ jsx14("div", { className: "flex flex-col gap-3", children: section.links.map((link, linkIndex) => /* @__PURE__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(NavLinkSkeleton, {}), children: linkRenderer(link) }, linkIndex)) })
       ] }, index)),
-      config.customComponent && /* @__PURE__ */ jsx13("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-center", children: /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(Skeleton, { className: "h-32 w-full" }), children: config.customComponent }) }),
-      (config.rightColumnContent || config.moveDescriptionToRight) && /* @__PURE__ */ jsxs11("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-start gap-4 md:gap-6", children: [
-        config.moveDescriptionToRight && /* @__PURE__ */ jsxs11(Fragment3, { children: [
-          /* @__PURE__ */ jsx13("p", { className: "font-body font-medium text-sm md:text-sm leading-[1.43] text-ods-text-primary", children: config.description }),
-          config.belowDescriptionContent && !config.keepBelowDescriptionLeft && /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
+      config.customComponent && /* @__PURE__ */ jsx14("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-center", children: /* @__PURE__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(Skeleton, { className: "h-32 w-full" }), children: config.customComponent }) }),
+      (config.rightColumnContent || config.moveDescriptionToRight) && /* @__PURE__ */ jsxs12("div", { className: "flex flex-col col-span-2 md:col-span-1 lg:col-span-1 justify-start gap-4 md:gap-6", children: [
+        config.moveDescriptionToRight && /* @__PURE__ */ jsxs12(Fragment3, { children: [
+          /* @__PURE__ */ jsx14("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__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(Skeleton, { className: "h-8 w-full" }), children: config.belowDescriptionContent })
         ] }),
-        config.rightColumnContent && /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(Skeleton, { className: "h-32 w-full" }), children: config.rightColumnContent })
+        config.rightColumnContent && /* @__PURE__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(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(),
       " ",
@@ -2786,19 +2860,19 @@ init_unified_pagination();
 init_next_navigation();
 import { useCallback } from "react";
 init_button();
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function FooterWaitlistButton({ className }) {
   const router = useRouter();
   const runtime = useChatRuntime();
   const handleClick = useCallback(() => {
     executeNavigationImperative({ runtime, href: "/waitlist#top", fallbackNavigate: router.push });
   }, [router, runtime]);
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     Button,
     {
       onClick: handleClick,
       className,
-      leftIcon: /* @__PURE__ */ jsx14(OpenFrameLogo, {}),
+      leftIcon: /* @__PURE__ */ jsx15(OpenFrameLogo, {}),
       children: "Join Waitlist"
     }
   );
@@ -2806,13 +2880,13 @@ function FooterWaitlistButton({ className }) {
 
 // src/components/hero-image-uploader.tsx
 init_button();
-import { useRef as useRef2, useState as useState2 } from "react";
+import { useRef as useRef2, useState as useState3 } from "react";
 import { Loader2, Image as ImageIcon2, Upload, X as X3 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function HeroImageUploader({ imageUrl, onChange, uploadEndpoint, height = 300, objectFit = "cover", showReplaceButton = true, deferUpload = false, onUpload, onDelete }) {
   const inputRef = useRef2(null);
   const { toast } = useToast();
-  const [uploading, setUploading] = useState2(false);
+  const [uploading, setUploading] = useState3(false);
   const ALLOWED_TYPES = ["image/jpeg", "image/jpg", "image/png", "image/webp", "image/gif"];
   const MAX_SIZE = 5 * 1024 * 1024;
   const openDialog = () => inputRef.current?.click();
@@ -2884,51 +2958,51 @@ 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: [
-      /* @__PURE__ */ jsx15("img", { src: imageUrl, className: `absolute inset-0 w-full h-full object-${objectFit}`, alt: "Cover" }),
-      /* @__PURE__ */ jsxs12("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 flex items-center justify-center gap-4 transition-opacity rounded-lg", children: [
-        showReplaceButton && /* @__PURE__ */ jsx15(
+  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__ */ jsx16("img", { src: imageUrl, className: `absolute inset-0 w-full h-full object-${objectFit}`, alt: "Cover" }),
+      /* @__PURE__ */ jsxs13("div", { className: "absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 flex items-center justify-center gap-4 transition-opacity rounded-lg", children: [
+        showReplaceButton && /* @__PURE__ */ jsx16(
           Button,
           {
             variant: "outline",
             size: "icon",
             onClick: openDialog,
             className: "bg-white text-black hover:bg-gray-100 rounded-full w-12 h-12",
-            children: /* @__PURE__ */ jsx15(Upload, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx16(Upload, { className: "h-5 w-5" })
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           Button,
           {
             variant: "outline",
             size: "icon",
             onClick: () => handleRemove(),
             className: "bg-white text-black hover:bg-gray-100 rounded-full w-12 h-12",
-            children: /* @__PURE__ */ jsx15(X3, { className: "h-5 w-5" })
+            children: /* @__PURE__ */ jsx16(X3, { className: "h-5 w-5" })
           }
         )
       ] })
-    ] }) : /* @__PURE__ */ jsx15(
+    ] }) : /* @__PURE__ */ jsx16(
       "div",
       {
         className: `w-full h-full border-2 border-dashed ${uploading ? "border-ods-accent" : "border-ods-border hover:border-ods-accent"} rounded-lg flex flex-col items-center justify-center cursor-pointer bg-ods-bg`,
         style: { height: heightStyle },
         onClick: openDialog,
-        children: uploading ? /* @__PURE__ */ jsx15(Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
-          /* @__PURE__ */ jsx15(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary" }),
-          /* @__PURE__ */ jsx15("span", { className: "text-ods-text-primary text-h6 mt-2", children: "Upload cover image" }),
-          /* @__PURE__ */ jsx15("span", { className: "text-ods-text-secondary text-h6 mt-1", children: "Click to upload or drag and drop" }),
-          /* @__PURE__ */ jsx15("span", { className: "text-ods-text-secondary text-h6", children: "PNG, JPEG, WebP, GIF up to 5MB" })
+        children: uploading ? /* @__PURE__ */ jsx16(Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
+          /* @__PURE__ */ jsx16(ImageIcon2, { className: "h-12 w-12 text-ods-text-secondary" }),
+          /* @__PURE__ */ jsx16("span", { className: "text-ods-text-primary text-h6 mt-2", children: "Upload cover image" }),
+          /* @__PURE__ */ jsx16("span", { className: "text-ods-text-secondary text-h6 mt-1", children: "Click to upload or drag and drop" }),
+          /* @__PURE__ */ jsx16("span", { className: "text-ods-text-secondary text-h6", children: "PNG, JPEG, WebP, GIF up to 5MB" })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx15("input", { ref: inputRef, type: "file", accept: "image/*", onChange: handleSelect, className: "hidden" })
+    /* @__PURE__ */ jsx16("input", { ref: inputRef, type: "file", accept: "image/*", onChange: handleSelect, className: "hidden" })
   ] });
 }
 
 // src/components/icons-block.tsx
-import { useState as useState3, useEffect as useEffect2, useRef as useRef3 } from "react";
+import { useState as useState4, useEffect as useEffect2, useRef as useRef3 } from "react";
 
 // src/components/icons-stub.tsx
 import { DollarSign, Code, Users, Building, GitCompare, MessageSquare } from "lucide-react";
@@ -2942,13 +3016,13 @@ var CompareIcon2 = GitCompare;
 
 // src/components/icons-block.tsx
 import { Sun, Moon, CheckCircle, Github, PlusCircle } from "lucide-react";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var SunIcon2 = Sun;
 var MoonIcon2 = Moon;
 var CheckCircleIcon3 = CheckCircle;
 var GitHubIcon2 = Github;
 var PlusCircleIcon2 = PlusCircle;
-var OpenmspLogo2 = () => /* @__PURE__ */ jsx16("div", { children: "Logo" });
+var OpenmspLogo2 = () => /* @__PURE__ */ jsx17("div", { children: "Logo" });
 var availableIcons = [
   VendorDirectoryIcon2,
   OpenSourceIcon2,
@@ -2964,9 +3038,9 @@ var availableIcons = [
   OpenmspLogo2
 ];
 function ResponsiveIconsBlock({ loading = false }) {
-  const [columns, setColumns] = useState3(24);
-  const [iconGrid, setIconGrid] = useState3([]);
-  const [iconsLoaded, setIconsLoaded] = useState3(false);
+  const [columns, setColumns] = useState4(24);
+  const [iconGrid, setIconGrid] = useState4([]);
+  const [iconsLoaded, setIconsLoaded] = useState4(false);
   const randomSeedRef = useRef3(0);
   useEffect2(() => {
     function calculateColumns() {
@@ -3011,17 +3085,17 @@ function ResponsiveIconsBlock({ loading = false }) {
     return iconGrid[row]?.[col] || availableIcons[0];
   };
   if (loading || iconGrid.length === 0) {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       "div",
       {
         className: "w-full h-[80px] md:h-[112px] bg-[#1A1A1A] relative overflow-hidden",
         role: "presentation",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx16("div", { className: "absolute inset-0 animate-pulse bg-[#2A2A2A]/60" })
+        children: /* @__PURE__ */ jsx17("div", { className: "absolute inset-0 animate-pulse bg-[#2A2A2A]/60" })
       }
     );
   }
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: "w-full h-[80px] md:h-[112px] overflow-hidden bg-[#1A1A1A] relative z-10",
@@ -3029,14 +3103,14 @@ function ResponsiveIconsBlock({ loading = false }) {
       role: "presentation",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx16("style", { children: `
+        /* @__PURE__ */ jsx17("style", { children: `
         .icons-block svg,
         .icons-block svg * {
           filter: grayscale(100%) brightness(0) invert(1) brightness(0.4) !important;
           fill: currentColor !important;
         }
       ` }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           "div",
           {
             className: "grid h-full icons-block w-full",
@@ -3048,7 +3122,7 @@ function ResponsiveIconsBlock({ loading = false }) {
               const col = idx % displayColumns;
               const row = Math.floor(idx / displayColumns);
               const IconComponent = getIconForIndex(idx);
-              return /* @__PURE__ */ jsx16(
+              return /* @__PURE__ */ jsx17(
                 "div",
                 {
                   className: "flex items-center justify-center w-full h-full",
@@ -3061,7 +3135,7 @@ function ResponsiveIconsBlock({ loading = false }) {
                     boxSizing: "border-box"
                   },
                   role: "presentation",
-                  children: /* @__PURE__ */ jsx16(
+                  children: /* @__PURE__ */ jsx17(
                     IconComponent,
                     {
                       width: 16,
@@ -3083,11 +3157,11 @@ function ResponsiveIconsBlock({ loading = false }) {
 
 // src/components/image-cropper.tsx
 init_button();
-import { useCallback as useCallback2, useState as useState4 } from "react";
+import { useCallback as useCallback2, useState as useState5 } from "react";
 import Cropper from "react-easy-crop";
 init_cn();
 import { Check, RotateCcw } from "lucide-react";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function loadImage(src) {
   return new Promise((resolve, reject) => {
     const img = new Image();
@@ -3106,10 +3180,10 @@ var ImageCropper = ({
   maxSizePx = 512,
   className
 }) => {
-  const [crop, setCrop] = useState4({ x: 0, y: 0 });
-  const [zoom, setZoom] = useState4(1);
-  const [rotation, setRotation] = useState4(0);
-  const [croppedAreaPixels, setCroppedAreaPixels] = useState4(null);
+  const [crop, setCrop] = useState5({ x: 0, y: 0 });
+  const [zoom, setZoom] = useState5(1);
+  const [rotation, setRotation] = useState5(0);
+  const [croppedAreaPixels, setCroppedAreaPixels] = useState5(null);
   const onCropComplete = useCallback2((_, area) => {
     setCroppedAreaPixels(area);
   }, []);
@@ -3175,7 +3249,7 @@ var ImageCropper = ({
       onCancel?.();
     }
   };
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       className: cn(
@@ -3186,14 +3260,14 @@ var ImageCropper = ({
       tabIndex: 0,
       "aria-label": "Image cropper",
       children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           "div",
           {
             className: cn(
               "relative w-full aspect-square md:aspect-video rounded-md overflow-hidden",
               checkerBg
             ),
-            children: /* @__PURE__ */ jsx17(
+            children: /* @__PURE__ */ jsx18(
               Cropper,
               {
                 image: src,
@@ -3212,10 +3286,10 @@ var ImageCropper = ({
             )
           }
         ),
-        /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx17("span", { className: "min-w-[60px] text-h6", children: "Zoom" }),
-            /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx18("span", { className: "min-w-[60px] text-h6", children: "Zoom" }),
+            /* @__PURE__ */ jsx18(
               Slider,
               {
                 min: 1,
@@ -3228,9 +3302,9 @@ var ImageCropper = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx17("span", { className: "min-w-[60px] text-h6", children: "Rotate" }),
-            /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx18("span", { className: "min-w-[60px] text-h6", children: "Rotate" }),
+            /* @__PURE__ */ jsx18(
               Slider,
               {
                 min: 0,
@@ -3242,21 +3316,21 @@ var ImageCropper = ({
                 className: "flex-1"
               }
             ),
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(
               Button,
               {
                 variant: "outline",
                 size: "icon",
                 onClick: () => setRotation(0),
                 "aria-label": "Reset rotation",
-                children: /* @__PURE__ */ jsx17(RotateCcw, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx18(RotateCcw, { className: "h-4 w-4" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "flex justify-end gap-2 mt-2", children: [
-          onCancel && /* @__PURE__ */ jsx17(Button, { variant: "outline", onClick: onCancel, "aria-label": "Cancel crop", children: "Cancel" }),
-          /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsxs15("div", { className: "flex justify-end gap-2 mt-2", children: [
+          onCancel && /* @__PURE__ */ jsx18(Button, { variant: "outline", onClick: onCancel, "aria-label": "Cancel crop", children: "Cancel" }),
+          /* @__PURE__ */ jsx18(
             Button,
             {
               variant: "accent",
@@ -3264,7 +3338,7 @@ var ImageCropper = ({
                 const result = await exportCrop();
                 if (result) onComplete(result);
               },
-              leftIcon: /* @__PURE__ */ jsx17(Check, { className: "h-4 w-4" }),
+              leftIcon: /* @__PURE__ */ jsx18(Check, { className: "h-4 w-4" }),
               "aria-label": "Apply crop",
               children: "Apply"
             }
@@ -3277,20 +3351,20 @@ var ImageCropper = ({
 
 // src/components/metric-value.tsx
 init_cn();
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, 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 text-h4 text-ods-text-primary", className), children: [
+  return /* @__PURE__ */ jsxs16("div", { className: cn("flex items-end gap-2 whitespace-nowrap text-h4 text-ods-text-primary", className), children: [
     value,
-    /* @__PURE__ */ jsx18("span", { className: "text-h6 text-ods-text-secondary", children: label })
+    /* @__PURE__ */ jsx19("span", { className: "text-h6 text-ods-text-secondary", children: label })
   ] });
 }
 
 // src/components/msp-display.tsx
 init_cn();
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx20, 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: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs17("div", { className: cn("flex items-center gap-2 min-w-0", className), children: [
+    /* @__PURE__ */ jsx20(
       SquareAvatar,
       {
         src: logoUrl ? getProxiedImageUrl(logoUrl) || logoUrl : void 0,
@@ -3299,19 +3373,19 @@ function MSPDisplay({ name, logoUrl, size = 40, className }) {
         sizePx: size
       }
     ),
-    /* @__PURE__ */ jsx19("h2", { className: "truncate pl-2", children: name })
+    /* @__PURE__ */ jsx20("h2", { className: "truncate pl-2", children: name })
   ] });
 }
 
 // src/components/open-source-features.tsx
 import { Terminal, DollarSign as DollarSign2, Network, Users as Users2 } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 
 // src/components/index.ts
 init_pagination();
 
 // src/components/pricing-display.tsx
-import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var PRICING_STYLES = {
   // Comparison table style (current default)
   comparison: {
@@ -3347,19 +3421,19 @@ function PricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (typeof pricing === "string") {
-    return /* @__PURE__ */ jsx21(LegacyPricingDisplay, { pricing, className, styleConfig });
+    return /* @__PURE__ */ jsx22(LegacyPricingDisplay, { pricing, className, styleConfig });
   }
   const pricingArray = Array.isArray(pricing) ? pricing : [pricing];
   if (!pricingArray || pricingArray.length === 0) {
-    return /* @__PURE__ */ jsx21("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: "No pricing data" });
+    return /* @__PURE__ */ jsx22("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: "No pricing data" });
   }
   if (pricingArray.length === 1) {
     const item = pricingArray[0];
     const price = item.ranges?.[0]?.min || 0;
     const unit = item.ranges?.[0]?.unit;
-    return /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-      /* @__PURE__ */ jsx21("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
-      unit && /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+    return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+      /* @__PURE__ */ jsx22("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: formatPriceValue(price, styleConfig.showTildePrefix) }),
+      unit && /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
         "/",
         unit
       ] })
@@ -3367,9 +3441,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: [
-    /* @__PURE__ */ jsx21("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
-    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
+  return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    /* @__PURE__ */ jsx22("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: priceValues.join(" | ") }),
+    itemWithUnit && itemWithUnit.ranges?.[0]?.unit && /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: [
       "/",
       itemWithUnit.ranges[0].unit
     ] })
@@ -3390,7 +3464,7 @@ function LegacyPricingDisplay({
   styleConfig = PRICING_STYLES.comparison
 }) {
   if (pricing === "Free" || pricing === "No pricing data") {
-    return /* @__PURE__ */ jsx21("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: pricing });
+    return /* @__PURE__ */ jsx22("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize} ${styleConfig.fontFamily} ${className}`, children: pricing });
   }
   const parsePricing = (pricingStr) => {
     if (pricingStr.includes(", ")) {
@@ -3446,9 +3520,9 @@ function LegacyPricingDisplay({
     };
   };
   const { mainValue, secondaryInfo } = parsePricing(pricing);
-  return /* @__PURE__ */ jsxs18("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
-    /* @__PURE__ */ jsx21("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
-    secondaryInfo && /* @__PURE__ */ jsx21("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: secondaryInfo })
+  return /* @__PURE__ */ jsxs19("span", { className: `${styleConfig.fontFamily} ${className}`, children: [
+    /* @__PURE__ */ jsx22("span", { className: `${styleConfig.priceTextColor} ${styleConfig.priceTextSize}`, children: mainValue }),
+    secondaryInfo && /* @__PURE__ */ jsx22("span", { className: `${styleConfig.secondaryTextColor} ${styleConfig.secondaryTextSize}`, children: secondaryInfo })
   ] });
 }
 function formatPricingForDisplay(pricing) {
@@ -3456,7 +3530,7 @@ function formatPricingForDisplay(pricing) {
 }
 
 // src/components/results-count.tsx
-import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 function ResultsCount({
   currentPage,
   pageSize,
@@ -3472,7 +3546,7 @@ function ResultsCount({
   const plural = resultType === "vendors" ? "vendors" : "posts";
   const singular = resultType === "vendors" ? "vendor" : "post";
   const displayType = totalResults === 1 ? singular : plural;
-  return /* @__PURE__ */ jsx22("div", { className: "mb-6", children: /* @__PURE__ */ jsx22("p", { className: "text-ods-text-secondary text-h6", children: totalResults > 0 && /* @__PURE__ */ jsxs19(Fragment5, { children: [
+  return /* @__PURE__ */ jsx23("div", { className: "mb-6", children: /* @__PURE__ */ jsx23("p", { className: "text-ods-text-secondary text-h6", children: totalResults > 0 && /* @__PURE__ */ jsxs20(Fragment5, { children: [
     "Showing ",
     startIndex,
     "-",
@@ -3481,7 +3555,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
     ] })
@@ -3489,9 +3563,9 @@ function ResultsCount({
 }
 
 // src/components/openframe-logo.tsx
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var OpenFrameLogo2 = ({ className, lowerPathColor, upperPathColor, ...props }) => {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "svg",
     {
       ...props,
@@ -3505,30 +3579,30 @@ var OpenFrameLogo2 = ({ className, lowerPathColor, upperPathColor, ...props }) =
         "--fill-0": "currentColor",
         ...props.style
       },
-      children: /* @__PURE__ */ jsxs20("g", { children: [
-        /* @__PURE__ */ jsxs20("g", { children: [
-          /* @__PURE__ */ jsx23(
+      children: /* @__PURE__ */ jsxs21("g", { children: [
+        /* @__PURE__ */ jsxs21("g", { children: [
+          /* @__PURE__ */ jsx24(
             "path",
             {
               d: "M21.3333 16.5333C21.3333 16.2388 21.5721 16 21.8667 16H26.1333C26.4279 16 26.6667 16.2388 26.6667 16.5333V20.8C26.6667 21.0946 26.4279 21.3333 26.1333 21.3333H21.8667C21.5721 21.3333 21.3333 21.0946 21.3333 20.8V16.5333Z",
               fill: lowerPathColor ?? "#ffffff"
             }
           ),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "path",
             {
               d: "M16 21.8667C16 21.5721 16.2388 21.3333 16.5333 21.3333H20.8C21.0946 21.3333 21.3333 21.5721 21.3333 21.8667V26.1333C21.3333 26.4279 21.0946 26.6667 20.8 26.6667H16.5333C16.2388 26.6667 16 26.4279 16 26.1333V21.8667Z",
               fill: lowerPathColor ?? "#ffffff"
             }
           ),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "path",
             {
               d: "M26.6667 21.8667C26.6667 21.5721 26.9054 21.3333 27.2 21.3333H31.4667C31.7612 21.3333 32 21.5721 32 21.8667V26.1333C32 26.4279 31.7612 26.6667 31.4667 26.6667H27.2C26.9054 26.6667 26.6667 26.4279 26.6667 26.1333V21.8667Z",
               fill: lowerPathColor ?? "#ffffff"
             }
           ),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "path",
             {
               d: "M21.3333 27.2C21.3333 26.9054 21.5721 26.6667 21.8667 26.6667H26.1333C26.4279 26.6667 26.6667 26.9054 26.6667 27.2V31.4667C26.6667 31.7612 26.4279 32 26.1333 32H21.8667C21.5721 32 21.3333 31.7612 21.3333 31.4667V27.2Z",
@@ -3536,7 +3610,7 @@ var OpenFrameLogo2 = ({ className, lowerPathColor, upperPathColor, ...props }) =
             }
           )
         ] }),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx24(
           "path",
           {
             d: "M30.9333 0H1.06667C0.477563 0 0 0.477564 0 1.06667V30.9333C0 31.5224 0.477563 32 1.06667 32H14.9333C15.5224 32 16 31.5224 16 30.9333V27.7333C16 27.1442 15.5224 26.6667 14.9333 26.6667H5.86667C5.57211 26.6667 5.33333 26.4279 5.33333 26.1333V5.86667C5.33333 5.57211 5.57211 5.33333 5.86667 5.33333H26.1333C26.4279 5.33333 26.6667 5.57212 26.6667 5.86667V14.9333C26.6667 15.5224 27.1442 16 27.7333 16H30.9333C31.5224 16 32 15.5224 32 14.9333V1.06667C32 0.477563 31.5224 0 30.9333 0Z",
@@ -3551,7 +3625,7 @@ var OpenFrameLogo2 = ({ className, lowerPathColor, upperPathColor, ...props }) =
 // src/components/vendor-tag.tsx
 init_cn();
 import { Boxes, Database, Hand, Plug, ShieldCheck, Sparkles } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function VendorTag({
   type,
   text,
@@ -3570,110 +3644,110 @@ function VendorTag({
         return {
           text: "Placeholder",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "ai":
         return {
           text: "AI Selected",
           textColor: "text-ods-text-primary",
-          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(Sparkles, { width: 10, height: 10, className: "text-ods-text-primary" }) })
         };
       case "manual":
         return {
           text: "Manually Selected",
           textColor: "text-ods-text-secondary",
-          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4  rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(Hand, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "open-source":
         return {
           text: text || "Open Source",
-          icon: /* @__PURE__ */ jsx24(
+          icon: /* @__PURE__ */ jsx25(
             "div",
             {
               className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0",
               style: accentColor ? { backgroundColor: accentColor } : void 0,
-              children: /* @__PURE__ */ jsx24(OpenSourceIcon2, { width: 10, height: 10, className: "text-ods-text-on-accent" })
+              children: /* @__PURE__ */ jsx25(OpenSourceIcon2, { width: 10, height: 10, className: "text-ods-text-on-accent" })
             }
           )
         };
       case "commercial":
         return {
           text: text || "Commercial Vendor",
-          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       // platform-capability tags — same neutral icon-box chrome as 'commercial'
       case "api":
         return {
           text: text || "API",
-          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(Plug, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(Plug, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "data":
         return {
           text: text || "Data",
-          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(Database, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(Database, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "k8s":
         return {
           text: text || "K8s",
-          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(Boxes, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(Boxes, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "secured":
         return {
           text: text || "Secured",
-          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(ShieldCheck, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(ShieldCheck, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "free":
         return {
           text: text || "Free",
-          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "$" }) })
         };
       case "freemium":
         return {
           text: text || "Freemium",
-          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "$" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "$" }) })
         };
       case "paid":
         return {
           text: text || "Paid",
-          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
         };
       case "enterprise":
         return {
           text: text || "Enterprise",
-          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "E" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "E" }) })
         };
       case "recommended":
         return {
           text: text || "Recommended",
-          icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "\u2605" }) })
+          icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "\u2605" }) })
         };
       case "classification":
         const classificationType = text?.toLowerCase();
         if (classificationType === "open_source") {
           return {
             text: "Open Source",
-            icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(OpenSourceIcon2, { width: 10, height: 10, className: "text-ods-text-on-accent" }) })
+            icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(OpenSourceIcon2, { width: 10, height: 10, className: "text-ods-text-on-accent" }) })
           };
         } else if (classificationType === "commercial") {
           return {
             text: "Commercial Vendor",
-            icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
+            icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25(CoinsIcon2, { width: 10, height: 10, className: "text-ods-text-secondary" }) })
           };
         } else if (classificationType === "openframe_selected") {
           return {
             text: "OpenFrame Selected",
-            icon: /* @__PURE__ */ jsx24(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+            icon: /* @__PURE__ */ jsx25(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
           };
         } else {
           return {
             text: text || "Classification",
-            icon: /* @__PURE__ */ jsx24("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx24("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "C" }) })
+            icon: /* @__PURE__ */ jsx25("div", { className: "w-4 h-4 bg-ods-accent rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx25("span", { className: "text-ods-text-on-accent text-[8px] font-bold", children: "C" }) })
           };
         }
       case "openframe_selected":
         return {
           text: text || "OpenFrame Selected",
-          icon: /* @__PURE__ */ jsx24(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
+          icon: /* @__PURE__ */ jsx25(OpenFrameLogo2, { lowerPathColor: "currentColor", upperPathColor: "currentColor", className: "h-4 w-4 text-ods-accent" })
         };
       default:
         return {
@@ -3683,9 +3757,9 @@ function VendorTag({
     }
   };
   const { text: displayText, icon, textColor } = getTagContent();
-  return /* @__PURE__ */ jsxs21("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
+  return /* @__PURE__ */ jsxs22("div", { className: cn(baseClasses, className, hidden && "invisible"), children: [
     icon,
-    /* @__PURE__ */ jsx24("span", { className: cn(
+    /* @__PURE__ */ jsx25("span", { className: cn(
       "text-h5 font-semibold",
       textColor ? textColor : "text-ods-text-primary"
     ), children: displayText })
@@ -3693,12 +3767,12 @@ function VendorTag({
 }
 
 // src/components/selection-source-badge.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function SelectionSourceBadge({ source, hidden = false }) {
   if (!source) {
     return null;
   }
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     VendorTag,
     {
       type: source?.toLowerCase(),
@@ -3711,13 +3785,13 @@ function SelectionSourceBadge({ source, hidden = false }) {
 
 // src/components/loading/content-skeleton.tsx
 init_cn();
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function ParagraphSkeleton({
   className,
   lines = 4
 }) {
   const lineWidths = ["w-full", "w-full", "w-5/6", "w-3/4", "w-4/5", "w-2/3"];
-  return /* @__PURE__ */ jsx26("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27("div", { className: cn("space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx27(
     TextSkeleton.Body,
     {
       className: lineWidths[index % lineWidths.length]
@@ -3731,14 +3805,14 @@ function ListSkeleton({
   showIcons = false,
   showActions = false
 }) {
-  return /* @__PURE__ */ jsx26("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
-      showIcons && /* @__PURE__ */ jsx26(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-32 md:w-48" })
+  return /* @__PURE__ */ jsx27("div", { className: cn("space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+      showIcons && /* @__PURE__ */ jsx27(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-32 md:w-48" })
     ] }),
-    showActions && /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-8" }),
-      /* @__PURE__ */ jsx26(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
+    showActions && /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-8" }),
+      /* @__PURE__ */ jsx27(UnifiedSkeleton, { variant: "default", className: "w-4 h-4" })
     ] })
   ] }, index)) });
 }
@@ -3747,14 +3821,14 @@ function TableSkeleton({
   rows = 5,
   columns = 4
 }) {
-  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsx26("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
-    /* @__PURE__ */ jsx26("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsx27("div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
+    /* @__PURE__ */ jsx27("div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx27(
       "div",
       {
         className: "grid gap-4 py-2 border-b border-ods-divider",
         style: { gridTemplateColumns: `repeat(${columns}, 1fr)` },
-        children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
+        children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-2/3" }, colIndex))
       },
       rowIndex
     )) })
@@ -3764,15 +3838,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__ */ jsx26(TextSkeleton.Body, { className: "w-24" }),
-      /* @__PURE__ */ jsx26(InteractiveSkeleton.Input, {}),
-      index % 3 === 0 && /* @__PURE__ */ jsx26(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__ */ jsx27(TextSkeleton.Body, { className: "w-24" }),
+      /* @__PURE__ */ jsx27(InteractiveSkeleton.Input, {}),
+      index % 3 === 0 && /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-48" })
     ] }, index)),
-    /* @__PURE__ */ jsxs22("div", { className: "flex gap-4 pt-4", children: [
-      /* @__PURE__ */ jsx26(InteractiveSkeleton.Button, {}),
-      /* @__PURE__ */ jsx26(InteractiveSkeleton.Button, { className: "bg-ods-border" })
+    /* @__PURE__ */ jsxs23("div", { className: "flex gap-4 pt-4", children: [
+      /* @__PURE__ */ jsx27(InteractiveSkeleton.Button, {}),
+      /* @__PURE__ */ jsx27(InteractiveSkeleton.Button, { className: "bg-ods-border" })
     ] })
   ] });
 }
@@ -3781,7 +3855,7 @@ function NavigationSkeleton({
   items = 6,
   horizontal = true
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "nav",
     {
       className: cn(
@@ -3791,7 +3865,7 @@ function NavigationSkeleton({
       ),
       role: "status",
       "aria-label": "Loading navigation",
-      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
+      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
     }
   );
 }
@@ -3800,32 +3874,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__ */ jsx26(MediaSkeleton.Avatar, { size: "lg" }),
-      /* @__PURE__ */ jsxs22("div", { className: "flex-1 space-y-2", children: [
-        /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-1/2" }),
-        /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-2/3" })
+  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ jsx27(MediaSkeleton.Avatar, { size: "lg" }),
+      /* @__PURE__ */ jsxs23("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "w-1/2" }),
+        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }),
-    showBio && /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-4/5" }),
-      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-3/4" })
+    showBio && /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-4/5" }),
+      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-3/4" })
     ] }),
-    showStats && /* @__PURE__ */ jsxs22("div", { className: "flex gap-6", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-12 mx-auto" })
+    showStats && /* @__PURE__ */ jsxs23("div", { className: "flex gap-6", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-12 mx-auto" })
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-16 mx-auto" })
+      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-16 mx-auto" })
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
-        /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-14 mx-auto" })
+      /* @__PURE__ */ jsxs23("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "w-8 mx-auto" }),
+        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-14 mx-auto" })
       ] })
     ] })
   ] });
@@ -3835,34 +3909,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__ */ jsx26(MediaSkeleton.Avatar, { size: "sm" }),
-      /* @__PURE__ */ jsxs22("div", { className: "flex-1 flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-24" }),
-        /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-16" }),
-        showRating && /* @__PURE__ */ jsx26("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx26(MediaSkeleton.Icon, { size: "sm" }, i)) })
+  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx27(MediaSkeleton.Avatar, { size: "sm" }),
+      /* @__PURE__ */ jsxs23("div", { className: "flex-1 flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-24" }),
+        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-16" }),
+        showRating && /* @__PURE__ */ jsx27("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx27(MediaSkeleton.Icon, { size: "sm" }, i)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "ml-11 space-y-2", children: [
-      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-3/4" }),
-      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-1/2" })
+    /* @__PURE__ */ jsxs23("div", { className: "ml-11 space-y-2", children: [
+      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-3/4" }),
+      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "ml-11 flex gap-4", children: [
-      /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-12" }),
-      /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-16" }),
-      /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-8" })
+    /* @__PURE__ */ jsxs23("div", { className: "ml-11 flex gap-4", children: [
+      /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-12" }),
+      /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-16" }),
+      /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-8" })
     ] }),
-    showReplies && /* @__PURE__ */ jsx26("div", { className: "ml-11 pl-4 border-l border-ods-divider space-y-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx26(MediaSkeleton.Avatar, { size: "sm" }),
-        /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-20" }),
-        /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-12" })
+    showReplies && /* @__PURE__ */ jsx27("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__ */ jsx27(MediaSkeleton.Avatar, { size: "sm" }),
+        /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-20" }),
+        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-12" })
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "ml-11", children: [
-        /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-full" }),
-        /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-2/3" })
+      /* @__PURE__ */ jsxs23("div", { className: "ml-11", children: [
+        /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-2/3" })
       ] })
     ] }, index)) })
   ] });
@@ -3874,35 +3948,35 @@ function FeatureListSkeleton({
   grouped = false
 }) {
   if (grouped) {
-    return /* @__PURE__ */ jsx26("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs22("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx26("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
-        showIcons && /* @__PURE__ */ jsx26(MediaSkeleton.Icon, { size: "sm" }),
-        /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-2/3" })
+    return /* @__PURE__ */ jsx27("div", { className: cn("space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ jsxs23("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx27("div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+        showIcons && /* @__PURE__ */ jsx27(MediaSkeleton.Icon, { size: "sm" }),
+        /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-2/3" })
       ] }, featureIndex)) })
     ] }, groupIndex)) });
   }
-  return /* @__PURE__ */ jsx26("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
-    showIcons && /* @__PURE__ */ jsx26(MediaSkeleton.Icon, { size: "sm" }),
-    /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-2/3" })
+  return /* @__PURE__ */ jsx27("div", { className: cn("space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
+    showIcons && /* @__PURE__ */ jsx27(MediaSkeleton.Icon, { size: "sm" }),
+    /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-2/3" })
   ] }, index)) });
 }
 function TimelineSkeleton({
   className,
   items = 5
 }) {
-  return /* @__PURE__ */ jsx26("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs22("div", { className: "flex gap-4", children: [
-    /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx26(MediaSkeleton.Icon, { size: "sm" }),
-      index < items - 1 && /* @__PURE__ */ jsx26("div", { className: "w-px h-12 bg-ods-border mt-2" })
+  return /* @__PURE__ */ jsx27("div", { className: cn("space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ jsxs23("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx27(MediaSkeleton.Icon, { size: "sm" }),
+      index < items - 1 && /* @__PURE__ */ jsx27("div", { className: "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__ */ jsx26(TextSkeleton.Body, { className: "w-1/3" }),
-        /* @__PURE__ */ jsx26(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__ */ jsx27(TextSkeleton.Body, { className: "w-1/3" }),
+        /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-16" })
       ] }),
-      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-full" }),
-      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-3/4" })
+      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-3/4" })
     ] })
   ] }, index)) });
 }
@@ -3910,54 +3984,54 @@ function PricingSkeleton({
   className,
   plans = 3
 }) {
-  return /* @__PURE__ */ jsx26("div", { className: cn(
+  return /* @__PURE__ */ jsx27("div", { className: cn(
     "grid gap-6",
     plans === 2 && "grid-cols-1 md:grid-cols-2",
     plans === 3 && "grid-cols-1 md:grid-cols-3",
     plans === 4 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
     className
-  ), children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ jsx26("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs22("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx26(TextSkeleton.Subheading, { className: "w-1/2" }),
-    /* @__PURE__ */ jsxs22("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx26(TextSkeleton.Heading, { className: "w-1/3" }),
-      /* @__PURE__ */ jsx26(TextSkeleton.Caption, { className: "w-1/4" })
+  ), children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ jsx27("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6", children: /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx27(TextSkeleton.Subheading, { className: "w-1/2" }),
+    /* @__PURE__ */ jsxs23("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx27(TextSkeleton.Heading, { className: "w-1/3" }),
+      /* @__PURE__ */ jsx27(TextSkeleton.Caption, { className: "w-1/4" })
     ] }),
-    /* @__PURE__ */ jsx26("div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_2, featureIndex) => /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx26(MediaSkeleton.Icon, { size: "sm" }),
-      /* @__PURE__ */ jsx26(TextSkeleton.Body, { className: "w-3/4" })
+    /* @__PURE__ */ jsx27("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__ */ jsx27(MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ jsx27(TextSkeleton.Body, { className: "w-3/4" })
     ] }, featureIndex)) }),
-    /* @__PURE__ */ jsx26(InteractiveSkeleton.Button, { className: "w-full" })
+    /* @__PURE__ */ jsx27(InteractiveSkeleton.Button, { className: "w-full" })
   ] }) }, index)) });
 }
 
 // src/components/profile/ProfileLoadingSkeleton.tsx
 init_cn();
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 function 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__ */ jsx27("div", { className: "h-16 w-16 bg-ods-skeleton rounded-full animate-pulse" }),
-      /* @__PURE__ */ jsxs23("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx27("div", { className: "h-4 w-32 bg-ods-skeleton rounded animate-pulse" }),
-        /* @__PURE__ */ jsx27("div", { className: "h-3 w-24 bg-ods-skeleton rounded animate-pulse" })
+  return /* @__PURE__ */ jsxs24("div", { className: cn("space-y-6", className), children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-center space-x-4", children: [
+      /* @__PURE__ */ jsx28("div", { className: "h-16 w-16 bg-ods-skeleton rounded-full animate-pulse" }),
+      /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx28("div", { className: "h-4 w-32 bg-ods-skeleton rounded animate-pulse" }),
+        /* @__PURE__ */ jsx28("div", { className: "h-3 w-24 bg-ods-skeleton rounded animate-pulse" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs23("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx27("div", { className: "h-4 w-full bg-ods-skeleton rounded animate-pulse" }),
-      /* @__PURE__ */ jsx27("div", { className: "h-4 w-3/4 bg-ods-skeleton rounded animate-pulse" }),
-      /* @__PURE__ */ jsx27("div", { className: "h-4 w-1/2 bg-ods-skeleton rounded animate-pulse" })
+    /* @__PURE__ */ jsxs24("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx28("div", { className: "h-4 w-full bg-ods-skeleton rounded animate-pulse" }),
+      /* @__PURE__ */ jsx28("div", { className: "h-4 w-3/4 bg-ods-skeleton rounded animate-pulse" }),
+      /* @__PURE__ */ jsx28("div", { className: "h-4 w-1/2 bg-ods-skeleton rounded animate-pulse" })
     ] })
   ] });
 }
 
 // src/components/loading/msp-profile-form-skeleton.tsx
 init_cn();
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function MspProfileFormSkeleton({
   className,
   fields = 4
 }) {
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       className: cn(
@@ -3967,13 +4041,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__ */ jsx28(TextSkeleton.Body, { className: "w-28" }),
-          /* @__PURE__ */ jsx28("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx28(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
+        /* @__PURE__ */ jsxs25("div", { className: "flex flex-col space-y-2 h-full", children: [
+          /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-28" }),
+          /* @__PURE__ */ jsx29("div", { className: "flex-1 min-h-[180px] md:min-h-full", children: /* @__PURE__ */ jsx29(UnifiedSkeleton, { className: "w-full h-full rounded-lg", "aria-label": "Loading company logo" }) })
         ] }),
-        /* @__PURE__ */ jsx28("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ jsxs24("div", { className: "space-y-2 flex flex-col", children: [
-          /* @__PURE__ */ jsx28(TextSkeleton.Body, { className: "w-40" }),
-          /* @__PURE__ */ jsx28(InteractiveSkeleton.Input, {})
+        /* @__PURE__ */ jsx29("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__ */ jsx29(TextSkeleton.Body, { className: "w-40" }),
+          /* @__PURE__ */ jsx29(InteractiveSkeleton.Input, {})
         ] }, idx)) })
       ]
     }
@@ -3982,9 +4056,9 @@ function MspProfileFormSkeleton({
 
 // src/components/loading/category-card-skeleton.tsx
 init_cn();
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 function CategoryCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "article",
     {
       className: cn(
@@ -3994,7 +4068,7 @@ function CategoryCardSkeleton({ className }) {
       role: "status",
       "aria-label": "Loading category card",
       children: [
-        /* @__PURE__ */ jsx29("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30("div", { className: "flex gap-6 mb-8 justify-center items-center", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ jsx30(
           UnifiedSkeleton,
           {
             variant: "circular",
@@ -4003,12 +4077,12 @@ function CategoryCardSkeleton({ className }) {
           },
           i
         )) }),
-        /* @__PURE__ */ jsxs25("div", { className: "flex-1 flex flex-col space-y-3", children: [
-          /* @__PURE__ */ jsx29(TextSkeleton.Heading, { className: "w-3/4" }),
-          /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx29(TextSkeleton.Body, { className: "w-full" })
+        /* @__PURE__ */ jsxs26("div", { className: "flex-1 flex flex-col space-y-3", children: [
+          /* @__PURE__ */ jsx30(TextSkeleton.Heading, { className: "w-3/4" }),
+          /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-full" })
         ] }),
-        /* @__PURE__ */ jsx29("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx29(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
+        /* @__PURE__ */ jsx30("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx30(UnifiedSkeleton, { className: "w-12 h-12 rounded-[6px]", "aria-label": "Loading button" }) })
       ]
     }
   );
@@ -4016,22 +4090,22 @@ function CategoryCardSkeleton({ className }) {
 
 // src/components/loading/category-vendor-selector-skeleton.tsx
 init_cn();
-import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
 function 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__ */ jsx30(TextSkeleton.Heading, { className: "w-1/2" }),
-          /* @__PURE__ */ jsx30(TextSkeleton.Body, { className: "w-3/4" })
+        /* @__PURE__ */ jsxs27("div", { className: "mb-6 space-y-2 max-w-xl", children: [
+          /* @__PURE__ */ jsx31(TextSkeleton.Heading, { className: "w-1/2" }),
+          /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-3/4" })
         ] }),
-        /* @__PURE__ */ jsx30("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx30(TextSkeleton.Subheading, { className: "w-1/3" }),
-          /* @__PURE__ */ jsx30("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx30(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
+        /* @__PURE__ */ jsx31("div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx31(TextSkeleton.Subheading, { className: "w-1/3" }),
+          /* @__PURE__ */ jsx31("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ jsx31(UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
         ] }, idx)) })
       ]
     }
@@ -4040,90 +4114,90 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
 
 // src/components/loading/wizard-layout-skeleton.tsx
 init_cn();
-import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx32, 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__ */ jsx31("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx31(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
-    /* @__PURE__ */ jsxs27("div", { className: "space-y-2 max-w-2xl", children: [
-      /* @__PURE__ */ jsx31(TextSkeleton.Heading, { className: "w-2/3" }),
-      /* @__PURE__ */ jsx31(TextSkeleton.Body, { className: "w-1/2" })
+  return /* @__PURE__ */ jsxs28("div", { className: cn("space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
+    /* @__PURE__ */ jsx32("div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ jsx32(UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
+    /* @__PURE__ */ jsxs28("div", { className: "space-y-2 max-w-2xl", children: [
+      /* @__PURE__ */ jsx32(TextSkeleton.Heading, { className: "w-2/3" }),
+      /* @__PURE__ */ jsx32(TextSkeleton.Body, { className: "w-1/2" })
     ] }),
-    /* @__PURE__ */ jsxs27("div", { className: "flex justify-between mt-10", children: [
-      /* @__PURE__ */ jsx31(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
-      /* @__PURE__ */ jsx31(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
+    /* @__PURE__ */ jsxs28("div", { className: "flex justify-between mt-10", children: [
+      /* @__PURE__ */ jsx32(UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
+      /* @__PURE__ */ jsx32(UnifiedSkeleton, { className: "h-10 w-32 rounded" })
     ] })
   ] });
 }
 
 // src/components/loading/margin-report-skeleton.tsx
-import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx33, 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__ */ jsx32("div", { className: "h-10 w-72 bg-ods-skeleton rounded" }),
-        /* @__PURE__ */ jsx32("div", { className: "h-4 w-80 bg-ods-skeleton 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__ */ jsx33("div", { className: "h-10 w-72 bg-ods-skeleton rounded" }),
+        /* @__PURE__ */ jsx33("div", { className: "h-4 w-80 bg-ods-skeleton rounded" })
       ] }),
-      /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx32("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) }),
-      /* @__PURE__ */ jsxs28("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-        /* @__PURE__ */ jsxs28("div", { className: "bg-ods-card border border-ods-border rounded-lg p-6 flex items-center gap-4 animate-pulse", children: [
-          /* @__PURE__ */ jsx32("div", { className: "w-14 h-14 rounded-lg bg-ods-skeleton" }),
-          /* @__PURE__ */ jsxs28("div", { className: "flex-1 space-y-2", children: [
-            /* @__PURE__ */ jsx32("div", { className: "h-4 bg-ods-skeleton rounded w-3/4" }),
-            /* @__PURE__ */ jsx32("div", { className: "h-3 bg-ods-skeleton rounded w-1/2" })
+      /* @__PURE__ */ jsx33("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx33("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__ */ jsx33("div", { className: "w-14 h-14 rounded-lg bg-ods-skeleton" }),
+          /* @__PURE__ */ jsxs29("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx33("div", { className: "h-4 bg-ods-skeleton rounded w-3/4" }),
+            /* @__PURE__ */ jsx33("div", { className: "h-3 bg-ods-skeleton 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__ */ jsx32("div", { className: "w-10 h-10 rounded-lg bg-ods-skeleton" }),
-              /* @__PURE__ */ jsxs28("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsx32("div", { className: "h-4 w-32 bg-ods-skeleton rounded" }),
-                /* @__PURE__ */ jsx32("div", { className: "h-3 w-20 bg-ods-skeleton rounded" })
+        /* @__PURE__ */ 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__ */ jsx33("div", { className: "w-10 h-10 rounded-lg bg-ods-skeleton" }),
+              /* @__PURE__ */ jsxs29("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx33("div", { className: "h-4 w-32 bg-ods-skeleton rounded" }),
+                /* @__PURE__ */ jsx33("div", { className: "h-3 w-20 bg-ods-skeleton rounded" })
               ] })
             ] }),
-            /* @__PURE__ */ jsx32("div", { className: "h-6 w-36 bg-ods-skeleton rounded" })
+            /* @__PURE__ */ jsx33("div", { className: "h-6 w-36 bg-ods-skeleton rounded" })
           ] }),
-          /* @__PURE__ */ jsx32("div", { className: "h-4 w-40 bg-ods-skeleton rounded mt-4" })
+          /* @__PURE__ */ jsx33("div", { className: "h-4 w-40 bg-ods-skeleton rounded mt-4" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ jsxs28("div", { className: "bg-ods-card border border-ods-border rounded-lg overflow-hidden flex flex-col animate-pulse", children: [
-        /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ jsx32("div", { className: "h-6 w-40 bg-ods-skeleton rounded" }),
-          /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx32("div", { className: "h-5 w-20 bg-ods-skeleton rounded" }),
-            /* @__PURE__ */ jsx32("div", { className: "h-4 w-10 bg-ods-skeleton rounded" })
+      /* @__PURE__ */ jsx33("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__ */ jsx33("div", { className: "h-6 w-40 bg-ods-skeleton rounded" }),
+          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx33("div", { className: "h-5 w-20 bg-ods-skeleton rounded" }),
+            /* @__PURE__ */ jsx33("div", { className: "h-4 w-10 bg-ods-skeleton rounded" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx32("div", { className: "flex-1 flex flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ jsxs28("div", { className: "bg-ods-bg border border-ods-border rounded-lg px-4 py-3 flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-3 min-w-0", children: [
-            /* @__PURE__ */ jsx32("div", { className: "w-12 h-12 bg-ods-skeleton rounded-lg flex-shrink-0" }),
-            /* @__PURE__ */ jsxs28("div", { className: "flex flex-col min-w-0", children: [
-              /* @__PURE__ */ jsx32("div", { className: "h-4 w-32 bg-ods-skeleton rounded" }),
-              /* @__PURE__ */ jsx32("div", { className: "hidden md:block h-3 w-24 bg-ods-skeleton rounded mt-1" })
+        /* @__PURE__ */ jsx33("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__ */ jsx33("div", { className: "w-12 h-12 bg-ods-skeleton rounded-lg flex-shrink-0" }),
+            /* @__PURE__ */ jsxs29("div", { className: "flex flex-col min-w-0", children: [
+              /* @__PURE__ */ jsx33("div", { className: "h-4 w-32 bg-ods-skeleton rounded" }),
+              /* @__PURE__ */ jsx33("div", { className: "hidden md:block h-3 w-24 bg-ods-skeleton rounded mt-1" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-            /* @__PURE__ */ jsx32("div", { className: "h-4 w-16 bg-ods-skeleton rounded" }),
-            /* @__PURE__ */ jsx32("div", { className: "h-3 w-8 bg-ods-skeleton rounded" })
+          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+            /* @__PURE__ */ jsx33("div", { className: "h-4 w-16 bg-ods-skeleton rounded" }),
+            /* @__PURE__ */ jsx33("div", { className: "h-3 w-8 bg-ods-skeleton rounded" })
           ] })
         ] }, j)) })
       ] }, idx)) }),
-      /* @__PURE__ */ jsx32("div", { className: "h-6 w-60 bg-ods-skeleton rounded" }),
-      /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx32("div", { className: "h-48 bg-ods-card border border-ods-border rounded" }, i)) }),
-      /* @__PURE__ */ jsxs28("div", { className: "border border-ods-border rounded-3xl p-8 space-y-6", children: [
-        /* @__PURE__ */ jsxs28("div", { className: "flex items-start gap-6", children: [
-          /* @__PURE__ */ jsxs28("div", { className: "flex-1 space-y-2 min-w-0", children: [
-            /* @__PURE__ */ jsx32("div", { className: "h-8 w-72 bg-ods-skeleton rounded" }),
-            /* @__PURE__ */ jsx32("div", { className: "h-4 w-3/4 bg-ods-skeleton rounded" })
+      /* @__PURE__ */ jsx33("div", { className: "h-6 w-60 bg-ods-skeleton rounded" }),
+      /* @__PURE__ */ jsx33("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx33("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__ */ jsx33("div", { className: "h-8 w-72 bg-ods-skeleton rounded" }),
+            /* @__PURE__ */ jsx33("div", { className: "h-4 w-3/4 bg-ods-skeleton rounded" })
           ] }),
-          /* @__PURE__ */ jsx32("div", { className: "w-12 h-12 bg-ods-skeleton rounded-md shrink-0" })
+          /* @__PURE__ */ jsx33("div", { className: "w-12 h-12 bg-ods-skeleton rounded-md shrink-0" })
         ] }),
-        /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx32("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
+        /* @__PURE__ */ jsx33("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx33("div", { className: "h-32 bg-ods-card border border-ods-border rounded" }, i)) })
       ] })
     ] }),
-    overlayContent && /* @__PURE__ */ jsx32("div", { className: "absolute inset-0 bg-ods-card/80 z-10 rounded-lg pointer-events-none", children: /* @__PURE__ */ jsxs28("div", { className: "fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-auto flex flex-col items-center gap-4 text-center px-4", children: [
-      description && /* @__PURE__ */ jsx32("h3", { children: description }),
+    overlayContent && /* @__PURE__ */ jsx33("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__ */ jsx33("h3", { children: description }),
       overlayContent
     ] }) })
   ] });
@@ -4131,18 +4205,18 @@ function MarginReportSkeleton({ animate = true, description, overlayContent }) {
 
 // src/components/loading/users-grid-skeleton.tsx
 init_cn();
-import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 function UsersGridSkeleton({ rows = 10, className }) {
   const skeletonRows = Array.from({ length: rows });
-  return /* @__PURE__ */ jsx33("div", { className: cn("overflow-x-auto rounded-lg border border-ods-border bg-ods-card animate-pulse", className), children: /* @__PURE__ */ jsxs29("table", { className: "min-w-full divide-y divide-ods-border", children: [
-    /* @__PURE__ */ jsx33("thead", { className: "bg-ods-skeleton", children: /* @__PURE__ */ jsx33("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx33("th", { className: "px-4 py-3 text-left text-h6 text-ods-text-primary", children: h }, h)) }) }),
-    /* @__PURE__ */ jsx33("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx33("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx33("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx33("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
+  return /* @__PURE__ */ jsx34("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__ */ jsx34("thead", { className: "bg-ods-skeleton", children: /* @__PURE__ */ jsx34("tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ jsx34("th", { className: "px-4 py-3 text-left text-h6 text-ods-text-primary", children: h }, h)) }) }),
+    /* @__PURE__ */ jsx34("tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ jsx34("tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ jsx34("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx34("div", { className: "h-4 bg-ods-border rounded w-full" }) }, cell)) }, idx)) })
   ] }) });
 }
 
 // src/components/loading/organization-icon-skeleton.tsx
 init_cn();
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var sizeClasses2 = {
   xs: "w-6 h-6",
   sm: "w-8 h-8",
@@ -4169,27 +4243,27 @@ function OrganizationIconSkeleton({
     !showBackground && "overflow-hidden",
     className
   );
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       className: containerClasses,
       role: "status",
       "aria-label": "Loading organization icon",
-      children: /* @__PURE__ */ jsx34("div", { className: "w-1/2 h-1/2 bg-ods-border rounded-sm animate-pulse" })
+      children: /* @__PURE__ */ jsx35("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 jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 function OrganizationCardSkeleton({
   className,
   containerClassName,
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       className: cn(
@@ -4199,9 +4273,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__ */ jsx35(
+      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__ */ jsx36(
             OrganizationIconSkeleton,
             {
               size: "xl",
@@ -4210,29 +4284,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__ */ jsx35(TextSkeleton.Subheading, { className: "w-3/4" }),
-            /* @__PURE__ */ jsx35(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__ */ jsx36(TextSkeleton.Subheading, { className: "w-3/4" }),
+            /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-1/2" })
           ] })
         ] }),
-        showDescription && /* @__PURE__ */ jsx35("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs30("div", { className: "space-y-1 w-full", children: [
-          /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-full" }),
-          /* @__PURE__ */ jsx35(TextSkeleton.Body, { className: "w-2/3" })
+        showDescription && /* @__PURE__ */ jsx36("div", { className: "w-full h-12 overflow-hidden flex items-center", children: /* @__PURE__ */ jsxs31("div", { className: "space-y-1 w-full", children: [
+          /* @__PURE__ */ jsx36(TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ jsx36(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__ */ jsx35(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx35(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__ */ jsx36(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-8" })
             ] }),
-            /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
-              /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-10" })
+            /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx36(MediaSkeleton.Icon, { size: "sm", className: "w-5 h-5" }),
+              /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-10" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx35("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-1.5 bg-ods-bg border border-ods-border rounded px-2.5 py-1.5", children: [
-            /* @__PURE__ */ jsx35("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx35(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
-            /* @__PURE__ */ jsx35(TextSkeleton.Caption, { className: "w-16" })
+          /* @__PURE__ */ jsx36("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__ */ jsx36("div", { className: "w-4 h-4 bg-ods-border rounded-sm flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx36(MediaSkeleton.Icon, { size: "sm", className: "w-2.5 h-2.5" }) }),
+            /* @__PURE__ */ jsx36(TextSkeleton.Caption, { className: "w-16" })
           ] }) })
         ] })
       ] })
@@ -4246,7 +4320,7 @@ function OrganizationCardSkeletonGrid({
   showFooter = true,
   showDescription = true
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       className: cn(
@@ -4255,7 +4329,7 @@ function OrganizationCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} organization cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx35(
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx36(
         OrganizationCardSkeleton,
         {
           containerClassName,
@@ -4270,9 +4344,9 @@ function OrganizationCardSkeletonGrid({
 
 // src/components/loading/device-card-skeleton.tsx
 init_cn();
-import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
 function DeviceCardSkeleton({ className }) {
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       className: cn(
@@ -4282,19 +4356,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__ */ jsx36("div", { className: "w-8 h-8 bg-ods-bg border border-ods-border rounded-[6px] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx36("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx36("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx36("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
-          /* @__PURE__ */ jsx36("div", { className: "w-12 h-12 bg-ods-border rounded-[6px] flex-shrink-0 animate-pulse" })
+        /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-3", children: [
+          /* @__PURE__ */ jsx37("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__ */ jsx37("div", { className: "w-4 h-4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx37("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx37("div", { className: "h-6 w-3/4 bg-ods-border rounded animate-pulse" }) }),
+          /* @__PURE__ */ jsx37("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__ */ jsx36("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx36(OrganizationIconSkeleton, { size: "sm" }),
-          /* @__PURE__ */ jsx36("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx36("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
+        /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx37("div", { className: "w-24 h-6 bg-ods-border rounded flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx37(OrganizationIconSkeleton, { size: "sm" }),
+          /* @__PURE__ */ jsx37("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx37("div", { className: "h-5 w-1/2 bg-ods-border rounded animate-pulse" }) })
         ] }),
-        /* @__PURE__ */ jsxs31("div", { className: "flex gap-4 items-center px-4 py-2", children: [
-          /* @__PURE__ */ jsx36("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
-          /* @__PURE__ */ jsx36("div", { className: "flex-1", children: /* @__PURE__ */ jsx36("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
+        /* @__PURE__ */ jsxs32("div", { className: "flex gap-4 items-center px-4 py-2", children: [
+          /* @__PURE__ */ jsx37("div", { className: "w-20 h-6 bg-ods-border rounded-full flex-shrink-0 animate-pulse" }),
+          /* @__PURE__ */ jsx37("div", { className: "flex-1", children: /* @__PURE__ */ jsx37("div", { className: "h-5 w-40 bg-ods-border rounded animate-pulse" }) })
         ] })
       ]
     }
@@ -4304,7 +4378,7 @@ function DeviceCardSkeletonGrid({
   count = 12,
   className
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       className: cn(
@@ -4313,22 +4387,22 @@ function DeviceCardSkeletonGrid({
       ),
       role: "status",
       "aria-label": `Loading ${count} device cards`,
-      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx36(DeviceCardSkeleton, {}, index))
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx37(DeviceCardSkeleton, {}, index))
     }
   );
 }
 
 // src/components/vendor-page-skeleton.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function VendorPageSkeleton() {
-  return /* @__PURE__ */ jsx37(VendorDetailLayoutSkeleton, {});
+  return /* @__PURE__ */ jsx38(VendorDetailLayoutSkeleton, {});
 }
 
 // src/components/why-it-matters.tsx
-import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 
 // src/components/yes-no-display.tsx
-import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 function YesNoDisplay({
   value,
   yesText = "Yes",
@@ -4337,20 +4411,20 @@ function YesNoDisplay({
   className = ""
 }) {
   if (customText) {
-    return /* @__PURE__ */ jsxs33("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx39(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx39("span", { className: "text-ods-text-primary text-h6", children: customText })
+    return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx40(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx40("span", { className: "text-ods-text-primary text-h6", children: customText })
     ] });
   }
   if (value) {
-    return /* @__PURE__ */ jsxs33("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx39(CheckCircleIcon2, { className: "h-6 w-6" }),
-      /* @__PURE__ */ jsx39("span", { className: "text-ods-text-primary text-h6", children: yesText })
+    return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx40(CheckCircleIcon2, { className: "h-6 w-6" }),
+      /* @__PURE__ */ jsx40("span", { className: "text-ods-text-primary text-h6", children: yesText })
     ] });
   }
-  return /* @__PURE__ */ jsxs33("div", { className: `flex items-center gap-2 ${className}`, children: [
-    /* @__PURE__ */ jsx39(XCircleIcon, { className: "h-6 w-6" }),
-    /* @__PURE__ */ jsx39("span", { className: "text-ods-text-secondary text-h6", children: noText })
+  return /* @__PURE__ */ jsxs34("div", { className: `flex items-center gap-2 ${className}`, children: [
+    /* @__PURE__ */ jsx40(XCircleIcon, { className: "h-6 w-6" }),
+    /* @__PURE__ */ jsx40("span", { className: "text-ods-text-secondary text-h6", children: noText })
   ] });
 }
 function evaluateFeatureValue(value, dataType) {
@@ -4384,15 +4458,15 @@ function evaluateFeatureValue(value, dataType) {
 }
 
 // src/components/made-with-love.tsx
-import { useState as useState5, useEffect as useEffect4 } from "react";
-import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
+import { useState as useState6, useEffect as useEffect4 } from "react";
+import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 function MadeWithLove({
   className = "",
   size = "md",
   showOnMobile = true
 }) {
-  const [isMobile, setIsMobile] = useState5(false);
-  const [isHovered, setIsHovered] = useState5(false);
+  const [isMobile, setIsMobile] = useState6(false);
+  const [isHovered, setIsHovered] = useState6(false);
   useEffect4(() => {
     const checkMobile = () => {
       setIsMobile(window.innerWidth < 640);
@@ -4459,14 +4533,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,
@@ -4476,14 +4550,14 @@ function MadeWithLove({
             onMouseEnter: () => setIsHovered(true),
             onMouseLeave: () => setIsHovered(false),
             children: [
-              /* @__PURE__ */ jsx40("div", { style: logoStyle, children: /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsx41("div", { style: logoStyle, children: /* @__PURE__ */ jsx41(
                 FlamingoLogo2,
                 {
                   size: config.logoSize,
                   color: "#f357bb"
                 }
               ) }),
-              /* @__PURE__ */ jsx40("span", { style: textStyle, children: "Flamingo" })
+              /* @__PURE__ */ jsx41("span", { style: textStyle, children: "Flamingo" })
             ]
           }
         )
@@ -4495,7 +4569,7 @@ function MadeWithLove({
 // src/components/date-time-picker.tsx
 init_cn();
 import DatePicker2 from "react-datepicker";
-import { jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx42, 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",
@@ -4519,9 +4593,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__ */ jsx41(Label, { className: "text-h5 font-semibold text-ods-text-secondary", children: label }),
-    /* @__PURE__ */ jsx41("div", { className: "w-full", children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsxs36("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsx42(Label, { className: "text-h5 font-semibold text-ods-text-secondary", children: label }),
+    /* @__PURE__ */ jsx42("div", { className: "w-full", children: /* @__PURE__ */ jsx42(
       DatePicker2,
       {
         selected: value,
@@ -4536,7 +4610,7 @@ function DateTimePicker({
         className: inputClassName
       }
     ) }),
-    /* @__PURE__ */ jsx41("style", { dangerouslySetInnerHTML: { __html: `
+    /* @__PURE__ */ jsx42("style", { dangerouslySetInnerHTML: { __html: `
         .react-datepicker-wrapper {
           width: 100% !important;
           display: block !important;
@@ -4641,7 +4715,7 @@ function DateTimePicker({
 
 // src/components/authors/author-detail-view.tsx
 init_cn();
-import { jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 function AuthorDetailView({
   author,
   proxyImageUrl,
@@ -4656,9 +4730,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__ */ jsx42("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx42("div", { className: "rounded-full overflow-hidden bg-ods-bg-surface border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx42(
+  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__ */ jsx43("div", { className: "relative shrink-0 h-24 w-24", children: /* @__PURE__ */ jsx43("div", { className: "rounded-full overflow-hidden bg-ods-bg-surface border border-ods-border w-full h-full relative", children: proxiedAvatar ? /* @__PURE__ */ jsx43(
         next_image_default,
         {
           src: proxiedAvatar,
@@ -4667,12 +4741,12 @@ function AuthorDetailView({
           className: "object-cover",
           unoptimized: true
         }
-      ) : /* @__PURE__ */ jsx42("div", { className: "flex items-center justify-center h-full w-full text-3xl text-ods-text-secondary font-heading", children: author.fullName.charAt(0).toUpperCase() }) }) }),
-      /* @__PURE__ */ jsxs36("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
-        /* @__PURE__ */ jsx42("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
-        subtitle && /* @__PURE__ */ jsx42("p", { className: "font-body text-lg text-ods-text-secondary leading-none truncate", children: subtitle }),
+      ) : /* @__PURE__ */ jsx43("div", { className: "flex items-center justify-center h-full w-full text-3xl text-ods-text-secondary font-heading", children: author.fullName.charAt(0).toUpperCase() }) }) }),
+      /* @__PURE__ */ jsxs37("div", { className: "min-w-0 flex flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ jsx43("p", { className: "text-h2 text-ods-text-primary leading-none truncate", children: author.fullName }),
+        subtitle && /* @__PURE__ */ jsx43("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__ */ jsx42(
+        /* @__PURE__ */ jsx43(
           SocialIconRow,
           {
             compact: true,
@@ -4685,8 +4759,8 @@ function AuthorDetailView({
         )
       ] })
     ] }),
-    bioText && /* @__PURE__ */ jsx42("p", { className: "text-h6 text-ods-text-secondary", children: bioText }),
-    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx42("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx42(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
+    bioText && /* @__PURE__ */ jsx43("p", { className: "text-h6 text-ods-text-secondary", children: bioText }),
+    author.knowsAbout.length > 0 && /* @__PURE__ */ jsx43("div", { className: "flex flex-wrap gap-2", children: author.knowsAbout.map((topic) => /* @__PURE__ */ jsx43(StatusBadge, { text: topic, variant: "button", colorScheme: "cyan", singleLine: true }, topic)) }),
     children
   ] });
 }
@@ -4824,6 +4898,7 @@ export {
   COMPACT_CARD_TEXT_COL,
   COMPACT_CARD_TITLE,
   COMPACT_CARD_TITLE_ROW,
+  COMPACT_ROW_MIN_HEIGHT_PX,
   CONNECTION_STATUS,
   CONTEXT_BACK_CLASS,
   CONTEXT_ICON_CLASS,
@@ -4894,6 +4969,7 @@ export {
   CheckboxWithDescription,
   ChevronButton,
   CircularProgress,
+  ClaudeEmbed,
   ClaudeIcon,
   ClickUpIcon,
   ClickUpTasksManager,
@@ -4907,6 +4983,7 @@ export {
   CommandBlock,
   CommandBox,
   CommentCard,
+  CommentComposer,
   CommentSkeleton,
   CommunityHubIcon,
   CommunityIcon,