@flamingo-stack/openframe-frontend-core 0.0.745 → 0.0.747

package/dist/{chunk-URVIPSAJ.cjs → chunk-HNLI4OU5.cjs}

@@ -12,7 +12,7 @@ var _chunkLU7TD6QScjs = require('./chunk-LU7TD6QS.cjs');
 
 
 
-var _chunkOWGLRE74cjs = require('./chunk-OWGLRE74.cjs');
+var _chunkPSIKUDUVcjs = require('./chunk-PSIKUDUV.cjs');
 
 
 
@@ -73,7 +73,7 @@ var _chunkQYLIHZKZcjs = require('./chunk-QYLIHZKZ.cjs');
 
 
 
-var _chunkABLUMGCIcjs = require('./chunk-ABLUMGCI.cjs');
+var _chunkJHQNUWFMcjs = require('./chunk-JHQNUWFM.cjs');
 
 
 var _chunkKTPR66EEcjs = require('./chunk-KTPR66EE.cjs');
@@ -177,7 +177,7 @@ function BoardColumnHeader({
 }) {
   const count = _nullishCoalesce(column.total, () => ( column.tickets.length));
   const tagStatus = _nullishCoalesce(column.statusKey, () => ( column.id));
-  const useStatusVariant = _chunkOWGLRE74cjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
+  const useStatusVariant = _chunkPSIKUDUVcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
   const actionClass = "h-8 w-8 p-0 content-md:h-8 content-md:w-8";
   if (collapsed) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
@@ -193,7 +193,7 @@ function BoardColumnHeader({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkOWGLRE74cjs.TicketStatusTag,
+        _chunkPSIKUDUVcjs.TicketStatusTag,
         {
           status: tagStatus,
           label: column.label,
@@ -206,7 +206,7 @@ function BoardColumnHeader({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOWGLRE74cjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPSIKUDUVcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h5", style: useStatusVariant ? void 0 : { color: column.color }, children: count })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
@@ -264,7 +264,7 @@ function tintOnDark(hex) {
 
 function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
   const [expanded, setExpanded] = _react.useState.call(void 0, false);
-  const { innerRef, containerStyle } = _chunkOWGLRE74cjs.useCollapsible.call(void 0, { expanded });
+  const { innerRef, containerStyle } = _chunkPSIKUDUVcjs.useCollapsible.call(void 0, { expanded });
   const isAdmin = pendingApproval.approvalType === "ADMIN";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto flex flex-col", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -293,7 +293,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: innerRef, className: "pt-[var(--spacing-system-xs)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOWGLRE74cjs.ApprovalBatchMessage,
+      _chunkPSIKUDUVcjs.ApprovalBatchMessage,
       {
         className: "mb-0",
         data: {
@@ -485,7 +485,7 @@ function TicketCardBody({
         role: "img",
         "aria-label": `Owned by ${ticket.agent === "fae" ? "Fae" : "Mingo"}`,
         className: "flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-ods-border bg-ods-bg",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOWGLRE74cjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPSIKUDUVcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
       }
     ),
     renderAssignSlot ? renderAssignSlot(ticket) : _optionalChain([ticket, 'access', _19 => _19.assignees, 'optionalAccess', _20 => _20.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex -space-x-2", children: [
@@ -498,7 +498,7 @@ function TicketCardBody({
           },
           a.id
         ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkABLUMGCIcjs.SquareAvatar,
+          _chunkJHQNUWFMcjs.SquareAvatar,
           {
             src: a.avatarUrl,
             alt: _nullishCoalesce(_nullishCoalesce(a.name, () => ( a.initials)), () => ( a.id)),
@@ -515,8 +515,8 @@ function TicketCardBody({
       ] })
     ] }) : null
   ] }) : null;
-  const timestampLabel = ticket.createdAt ? _chunkOWGLRE74cjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
-  const tooltipLabel = ticket.createdAt ? _chunkOWGLRE74cjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
+  const timestampLabel = ticket.createdAt ? _chunkPSIKUDUVcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
+  const tooltipLabel = ticket.createdAt ? _chunkPSIKUDUVcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
   const metaLabel = [ticket.ticketNumber || null, timestampLabel].filter(Boolean).join(" \u2022 ");
   const metaClass = "truncate text-ods-text-secondary text-h6";
   const meta = href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -565,7 +565,7 @@ function TicketCardBody({
       }
     ),
     showNewMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkABLUMGCIcjs.Tag,
+      _chunkJHQNUWFMcjs.Tag,
       {
         label: "New Message",
         icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJSIUVERGcjs.MessagesIcon, { size: 16, color: newMessageTextColor }),
@@ -785,8 +785,8 @@ function TicketTagRow({ tags }) {
   const visible = tags.slice(0, MAX_VISIBLE_TAGS);
   const hidden = tags.length - visible.length;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-8 flex-wrap items-start gap-[var(--spacing-system-xxs)] overflow-clip", children: [
-    visible.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABLUMGCIcjs.Tag, { variant: "outline", label: tag }, tag)),
-    hidden > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABLUMGCIcjs.Tag, { variant: "outline", label: `+${hidden}` })
+    visible.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJHQNUWFMcjs.Tag, { variant: "outline", label: tag }, tag)),
+    hidden > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJHQNUWFMcjs.Tag, { variant: "outline", label: `+${hidden}` })
   ] });
 }
 

package/dist/{chunk-HMSCUL4R.cjs → chunk-HTMHDEIV.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkGOTEXQZNcjs = require('./chunk-GOTEXQZN.cjs');
+var _chunkC7NTL2GVcjs = require('./chunk-C7NTL2GV.cjs');
 
 
-var _chunkDJO7YMT3cjs = require('./chunk-DJO7YMT3.cjs');
+var _chunk7Y5U3Y4Scjs = require('./chunk-7Y5U3Y4S.cjs');
 
 
 var _chunkDGFDBPO7cjs = require('./chunk-DGFDBPO7.cjs');
@@ -44,7 +44,7 @@ function isSummaryData(value) {
 }
 function TicketLiveProvider({ children, enabled = true }) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
-  const identity = _chunkDJO7YMT3cjs.useChatIdentity.call(void 0, enabled);
+  const identity = _chunk7Y5U3Y4Scjs.useChatIdentity.call(void 0, enabled);
   const queryClient = _reactquery.useQueryClient.call(void 0, );
   const streamUrl = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _ => _.endpoints, 'access', _2 => _2.ticketStreamUrl]), () => ( TICKET_STREAM_ENDPOINT));
   const readUrl = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _3 => _3.endpoints, 'access', _4 => _4.ticketReadUrl]), () => ( TICKET_READ_ENDPOINT));
@@ -160,7 +160,7 @@ function TicketLiveProvider({ children, enabled = true }) {
   _react2.default.useEffect(() => {
     if (!streamEnabled) return void 0;
     if (typeof window === "undefined") return void 0;
-    subscriptionRef.current = _chunkGOTEXQZNcjs.createSseSubscription.call(void 0, {
+    subscriptionRef.current = _chunkC7NTL2GVcjs.createSseSubscription.call(void 0, {
       url: streamUrl,
       onEvent: (name, data) => handlersRef.current.onEvent(name, data),
       onStatusChange: (status) => handlersRef.current.onStatus(status),

package/dist/{chunk-3LX5AGZO.cjs → chunk-IJA3OZWF.cjs}

@@ -2,14 +2,14 @@
 
 
 
-var _chunkQES5NV4Tcjs = require('./chunk-QES5NV4T.cjs');
+var _chunkR3FXJXSQcjs = require('./chunk-R3FXJXSQ.cjs');
 
 
 
 
 
 
-var _chunkU2O5YQRPcjs = require('./chunk-U2O5YQRP.cjs');
+var _chunkU6XWGK53cjs = require('./chunk-U6XWGK53.cjs');
 
 
 
@@ -17,16 +17,16 @@ var _chunkU2O5YQRPcjs = require('./chunk-U2O5YQRP.cjs');
 var _chunk4FWURR3Wcjs = require('./chunk-4FWURR3W.cjs');
 
 
-var _chunkGOTEXQZNcjs = require('./chunk-GOTEXQZN.cjs');
+var _chunkC7NTL2GVcjs = require('./chunk-C7NTL2GV.cjs');
 
 
 
 
-var _chunkDJO7YMT3cjs = require('./chunk-DJO7YMT3.cjs');
+var _chunk7Y5U3Y4Scjs = require('./chunk-7Y5U3Y4S.cjs');
 
 
 
-var _chunkLJ46XYYPcjs = require('./chunk-LJ46XYYP.cjs');
+var _chunkP7KTAXXEcjs = require('./chunk-P7KTAXXE.cjs');
 
 
 
@@ -119,7 +119,7 @@ function ContactForm({
   successToastMessage = "Redirecting you to join our community...",
   rescue: rescueForm = null
 } = {}) {
-  const attachments = _chunkDJO7YMT3cjs.useChatAttachments.call(void 0, );
+  const attachments = _chunk7Y5U3Y4Scjs.useChatAttachments.call(void 0, );
   const builtInSubmission = _chunk4FWURR3Wcjs.useContactSubmission.call(void 0, {
     userId,
     successRedirectUrl,
@@ -190,7 +190,7 @@ function ContactForm({
       className: `flex h-full flex-col ${!noBorder ? "rounded-2xl border border-ods-border content-md:rounded-3xl" : ""} ${!noPadding ? "p-6 content-md:p-8 content-lg:p-10" : ""}`,
       children: [
         (title || subtitle) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 content-md:mb-8", children: [
-          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunkLJ46XYYPcjs.SECTION_HEADING_CLASS} mb-3 content-md:mb-4`, children: _chunkLJ46XYYPcjs.accentSentenceMarks.call(void 0, title) }),
+          title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: `${_chunkP7KTAXXEcjs.SECTION_HEADING_CLASS} mb-3 content-md:mb-4`, children: _chunkP7KTAXXEcjs.accentSentenceMarks.call(void 0, title) }),
           subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: subtitle })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -203,13 +203,13 @@ function ContactForm({
               );
             }),
             className: "flex flex-grow flex-col space-y-4 content-md:space-y-6",
-            ..._chunkGOTEXQZNcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+            ..._chunkC7NTL2GVcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
             children: [
               !showName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("name") }),
               !showEmail && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("email") }),
               !showHelpCategory && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("helpCategory") }),
               !showMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", ...register("message") }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQES5NV4Tcjs.HoneypotField, { ...honeypotInputProps }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkR3FXJXSQcjs.HoneypotField, { ...honeypotInputProps }),
               extraTopField,
               showNameEmailRow && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 content-md:grid-cols-2 content-md:gap-6", children: [
                 showName && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
@@ -261,17 +261,17 @@ function ContactForm({
                     {
                       control,
                       name: "companySize",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU2O5YQRPcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU6XWGK53cjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkU2O5YQRPcjs.SelectTrigger,
+                          _chunkU6XWGK53cjs.SelectTrigger,
                           {
                             id: "companySize",
                             "aria-label": "Company Size",
                             className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
-                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2O5YQRPcjs.SelectValue, { placeholder: "Select company size" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU6XWGK53cjs.SelectValue, { placeholder: "Select company size" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2O5YQRPcjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2O5YQRPcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU6XWGK53cjs.SelectContent, { children: companySizeOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU6XWGK53cjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
@@ -284,17 +284,17 @@ function ContactForm({
                     {
                       control,
                       name: "referralSource",
-                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU2O5YQRPcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                      render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU6XWGK53cjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkU2O5YQRPcjs.SelectTrigger,
+                          _chunkU6XWGK53cjs.SelectTrigger,
                           {
                             id: "referralSource",
                             "aria-label": "Referral Source",
                             className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
-                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2O5YQRPcjs.SelectValue, { placeholder: "Select an option" })
+                            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU6XWGK53cjs.SelectValue, { placeholder: "Select an option" })
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2O5YQRPcjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2O5YQRPcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU6XWGK53cjs.SelectContent, { children: referralSourceOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU6XWGK53cjs.SelectItem, { value: opt, children: opt }, opt)) })
                       ] })
                     }
                   ),
@@ -311,18 +311,18 @@ function ContactForm({
                   {
                     control,
                     name: "helpCategory",
-                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU2O5YQRPcjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
+                    render: ({ field }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU6XWGK53cjs.Select, { onValueChange: field.onChange, value: _nullishCoalesce(field.value, () => ( "")), children: [
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkU2O5YQRPcjs.SelectTrigger,
+                        _chunkU6XWGK53cjs.SelectTrigger,
                         {
                           id: "helpCategory",
                           "aria-label": "Help Category",
                           "aria-required": true,
                           className: "h-12 border-ods-border bg-ods-card px-3 text-ods-text-primary",
-                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2O5YQRPcjs.SelectValue, { placeholder: "Choose your main interest" })
+                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU6XWGK53cjs.SelectValue, { placeholder: "Choose your main interest" })
                         }
                       ),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2O5YQRPcjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2O5YQRPcjs.SelectItem, { value: opt, children: opt }, opt)) })
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU6XWGK53cjs.SelectContent, { children: helpCategoryOptions.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU6XWGK53cjs.SelectItem, { value: opt, children: opt }, opt)) })
                     ] })
                   }
                 ),
@@ -334,7 +334,7 @@ function ContactForm({
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTRILBJDcjs.RequiredMark, {})
                 ] }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkQES5NV4Tcjs.Textarea,
+                  _chunkR3FXJXSQcjs.Textarea,
                   {
                     id: "message",
                     ...register("message"),
@@ -349,7 +349,7 @@ function ContactForm({
               ] }),
               attachmentsEnabled && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkDJO7YMT3cjs.ChatAttachmentChipStrip,
+                  _chunk7Y5U3Y4Scjs.ChatAttachmentChipStrip,
                   {
                     attachments: attachments.attachments,
                     onRemove: attachments.removeAttachment,
@@ -358,7 +358,7 @@ function ContactForm({
                 ),
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkDJO7YMT3cjs.ChatAttachmentAddButton,
+                    _chunk7Y5U3Y4Scjs.ChatAttachmentAddButton,
                     {
                       attachmentsEnabled: true,
                       attachmentsCount: attachments.attachments.length,

package/dist/{chunk-ABLUMGCI.cjs → chunk-JHQNUWFM.cjs}

@@ -309,35 +309,85 @@ function Tag({
 }
 
 // src/utils/vendor-classification.ts
-var VENDOR_CLASSIFICATIONS = [
-  "open_source",
-  "commercial",
-  "openframe_selected",
-  "openframe_shipped",
-  "openframe_connect"
-];
-var OPENFRAME_CLASSIFICATIONS = {
+var VENDOR_CLASSIFICATION_COPY = {
   openframe_selected: {
-    word: "Selected",
     label: "OpenFrame Selected",
-    description: "OpenFrame is a unified platform that integrates multiple open-source IT and security tools into a single dashboard for MSPs. This filter shows vendors selected by our team for their excellence, community support, and MSP-specific value."
+    word: "Selected",
+    description: "OpenFrame is a unified platform that integrates multiple open-source IT and security tools into a single dashboard for MSPs. This filter shows vendors selected by our team for their excellence, community support, and MSP-specific value.",
+    group: "openframe",
+    icon: { name: "openframe-logo", tone: "accent" }
+  },
+  openframe_connect: {
+    label: "OpenFrame Connect",
+    word: "Connect",
+    description: "Services OpenFrame connects to and manages for every client, such as Microsoft 365 and Google Workspace, beside devices and tickets.",
+    group: "openframe",
+    icon: { name: "openframe-logo", tone: "accent" }
   },
   openframe_shipped: {
-    word: "Shipped",
     label: "OpenFrame Shipped",
-    description: "Tools and OpenFrame products that are in the released OpenFrame product today, not on the roadmap."
+    word: "Shipped",
+    description: "Tools and OpenFrame products that are in the released OpenFrame product today, not on the roadmap.",
+    group: "openframe",
+    icon: { name: "openframe-logo", tone: "accent" }
   },
-  openframe_connect: {
-    word: "Connect",
-    label: "OpenFrame Connect",
-    description: "Services OpenFrame connects to and manages for every client, such as Microsoft 365 and Google Workspace, beside devices and tickets."
+  open_source: {
+    label: "Open Source",
+    description: "Released under an OSI-approved open-source license.",
+    group: "license",
+    icon: { name: "code", tone: "accent" }
+  },
+  source_available: {
+    label: "Source-available",
+    description: "The source code is public, but the license restricts how it may be used (for example SSPL, BSL, the Elastic License, or limits on company size or on offering it as a service).",
+    group: "license",
+    icon: { name: "file-code", tone: "neutral" }
+  },
+  commercial: {
+    label: "Commercial",
+    description: "Proprietary software sold by the vendor.",
+    group: "license",
+    icon: { name: "dollar", tone: "neutral" }
+  },
+  end_of_life: {
+    label: "End of life",
+    description: "The vendor has discontinued or retired the product. No new releases.",
+    group: "lifecycle",
+    icon: { name: "alert-triangle", tone: "warning" }
+  },
+  end_of_support: {
+    label: "End of support",
+    description: "The vendor no longer provides support or security fixes, though the product can still be obtained.",
+    group: "lifecycle",
+    icon: { name: "clock", tone: "warning" }
+  },
+  unmaintained: {
+    label: "Unmaintained",
+    description: "No release for years and no official end-of-life notice.",
+    group: "lifecycle",
+    icon: { name: "pause-circle", tone: "warning" }
   }
 };
-function isVendorClassification(value) {
-  return VENDOR_CLASSIFICATIONS.includes(value);
+function vendorClassificationCopy(value) {
+  if (!value || !Object.prototype.hasOwnProperty.call(VENDOR_CLASSIFICATION_COPY, value)) return void 0;
+  return VENDOR_CLASSIFICATION_COPY[value];
+}
+function vendorClassificationGroup(value) {
+  return _optionalChain([vendorClassificationCopy, 'call', _ => _(value), 'optionalAccess', _2 => _2.group]);
 }
 function isOpenFrameClassification(value) {
-  return !!value && Object.prototype.hasOwnProperty.call(OPENFRAME_CLASSIFICATIONS, value);
+  return vendorClassificationGroup(value) === "openframe";
+}
+var DISPLAY_ORDER = Object.keys(VENDOR_CLASSIFICATION_COPY);
+function compareVendorClassifications(a, b) {
+  const ia = DISPLAY_ORDER.indexOf(a);
+  const ib = DISPLAY_ORDER.indexOf(b);
+  if (ia !== -1 || ib !== -1) {
+    if (ia === -1) return 1;
+    if (ib === -1) return -1;
+    return ia - ib;
+  }
+  return a.localeCompare(b);
 }
 
 // src/utils/format.ts
@@ -534,7 +584,7 @@ function formatDateWithTimezone(date, timezone, style = "medium", options) {
   const dateObj = toValidDate(date);
   if (!dateObj) return "";
   const { timeZone: _ignored, ...fields } = typeof style === "string" ? ZONED_DATE_STYLES[style] : style;
-  return formatterFor(timezone, fields, _optionalChain([options, 'optionalAccess', _ => _.viewerLocale]) ? void 0 : "en-US").format(dateObj);
+  return formatterFor(timezone, fields, _optionalChain([options, 'optionalAccess', _3 => _3.viewerLocale]) ? void 0 : "en-US").format(dateObj);
 }
 function formatDateTimeYmd(date, timezone, options) {
   const dateObj = toValidDate(date);
@@ -544,8 +594,8 @@ function formatDateTimeYmd(date, timezone, options) {
     { year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", hourCycle: "h23" },
     "en-US"
   ).formatToParts(dateObj);
-  const part = (type) => _nullishCoalesce(_optionalChain([parts, 'access', _2 => _2.find, 'call', _3 => _3((p) => p.type === type), 'optionalAccess', _4 => _4.value]), () => ( ""));
-  return `${part("year")}/${part("month")}/${part("day")}${_nullishCoalesce(_optionalChain([options, 'optionalAccess', _5 => _5.separator]), () => ( ", "))}${part("hour")}:${part("minute")}`;
+  const part = (type) => _nullishCoalesce(_optionalChain([parts, 'access', _4 => _4.find, 'call', _5 => _5((p) => p.type === type), 'optionalAccess', _6 => _6.value]), () => ( ""));
+  return `${part("year")}/${part("month")}/${part("day")}${_nullishCoalesce(_optionalChain([options, 'optionalAccess', _7 => _7.separator]), () => ( ", "))}${part("hour")}:${part("minute")}`;
 }
 function formatTimeWithTimezone(date, timezone, options) {
   return formatDateWithTimezone(
@@ -555,10 +605,10 @@ function formatTimeWithTimezone(date, timezone, options) {
       hour: "numeric",
       minute: "2-digit",
       // A viewer-locale clock uses the locale's own 12/24h convention.
-      ..._optionalChain([options, 'optionalAccess', _6 => _6.viewerLocale]) ? {} : { hour12: true },
-      ..._optionalChain([options, 'optionalAccess', _7 => _7.withZoneLabel]) ? { timeZoneName: "short" } : {}
+      ..._optionalChain([options, 'optionalAccess', _8 => _8.viewerLocale]) ? {} : { hour12: true },
+      ..._optionalChain([options, 'optionalAccess', _9 => _9.withZoneLabel]) ? { timeZoneName: "short" } : {}
     },
-    { viewerLocale: _optionalChain([options, 'optionalAccess', _8 => _8.viewerLocale]) }
+    { viewerLocale: _optionalChain([options, 'optionalAccess', _10 => _10.viewerLocale]) }
   );
 }
 function formatProgramDate(at, style = "medium") {
@@ -572,7 +622,7 @@ function formatProgramDateRange(at, end) {
   const formatter = formatterFor(at.timezone, { year: "numeric", month: "short", day: "numeric" }, "en-US");
   const partsOf = (date) => {
     const parts = formatter.formatToParts(date);
-    const part = (type) => _nullishCoalesce(_optionalChain([parts, 'access', _9 => _9.find, 'call', _10 => _10((p) => p.type === type), 'optionalAccess', _11 => _11.value]), () => ( ""));
+    const part = (type) => _nullishCoalesce(_optionalChain([parts, 'access', _11 => _11.find, 'call', _12 => _12((p) => p.type === type), 'optionalAccess', _13 => _13.value]), () => ( ""));
     return { month: part("month"), day: part("day"), year: part("year") };
   };
   const from = partsOf(start);
@@ -646,15 +696,15 @@ function formatWholeDollars(price, currency = "USD") {
 }
 function formatCompactMetric(value, format = "number", options) {
   if (value === 0 || value === null || value === void 0) {
-    if (format === "currency") return `${_optionalChain([options, 'optionalAccess', _12 => _12.prefix]) || "$"}0`;
+    if (format === "currency") return `${_optionalChain([options, 'optionalAccess', _14 => _14.prefix]) || "$"}0`;
     if (format === "percentage") return "0%";
-    if (format === "months") return `0 ${_optionalChain([options, 'optionalAccess', _13 => _13.suffix]) || "months"}`;
+    if (format === "months") return `0 ${_optionalChain([options, 'optionalAccess', _15 => _15.suffix]) || "months"}`;
     return "0";
   }
   const absValue = Math.abs(value);
   const sign = value < 0 ? "-" : "";
   if (format === "currency") {
-    const prefix = _optionalChain([options, 'optionalAccess', _14 => _14.prefix]) || "$";
+    const prefix = _optionalChain([options, 'optionalAccess', _16 => _16.prefix]) || "$";
     const compact = (val, divisor, suffix) => {
       const divided = val / divisor;
       const formatted = divided % 1 === 0 ? divided.toFixed(0) : divided.toFixed(1);
@@ -670,7 +720,7 @@ function formatCompactMetric(value, format = "number", options) {
   }
   if (format === "months") {
     const rounded = Math.round(value * 10) / 10;
-    return `${rounded} ${_optionalChain([options, 'optionalAccess', _15 => _15.suffix]) || "months"}`;
+    return `${rounded} ${_optionalChain([options, 'optionalAccess', _17 => _17.suffix]) || "months"}`;
   }
   if (absValue >= 1e6) return `${sign}${(absValue / 1e6).toFixed(1)}M`;
   if (absValue >= 1e3) return `${sign}${(absValue / 1e3).toFixed(1)}K`;
@@ -735,8 +785,7 @@ function stripHtml(html) {
   return noTags.replace(/&nbsp;/g, " ").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&#x27;/g, "'").replace(/&apos;/g, "'").replace(/&amp;/g, "&").replace(/\s+/g, " ").trim();
 }
 function formatClassification(classification) {
-  if (isOpenFrameClassification(classification)) return OPENFRAME_CLASSIFICATIONS[classification].label;
-  return formatUnderscoreText(classification);
+  return _nullishCoalesce(_optionalChain([vendorClassificationCopy, 'call', _18 => _18(classification), 'optionalAccess', _19 => _19.label]), () => ( formatUnderscoreText(classification)));
 }
 function formatPricingModel(pricingModel) {
   const customMappings = {
@@ -932,4 +981,5 @@ SquareAvatar.displayName = "SquareAvatar";
 
 
 
-exports.FloatingTooltip = FloatingTooltip; exports.tagVariants = tagVariants; exports.Tag = Tag; exports.VENDOR_CLASSIFICATIONS = VENDOR_CLASSIFICATIONS; exports.OPENFRAME_CLASSIFICATIONS = OPENFRAME_CLASSIFICATIONS; exports.isVendorClassification = isVendorClassification; exports.isOpenFrameClassification = isOpenFrameClassification; exports.formatDate = formatDate; exports.formatNumber = formatNumber; exports.formatPrice = formatPrice; exports.formatBytes = formatBytes; exports.formatBytesShort = formatBytesShort; exports.formatFileSize = formatFileSize; exports.formatLargeNumber = formatLargeNumber; exports.formatAbbreviatedNumber = formatAbbreviatedNumber; exports.nameInitials = nameInitials; exports.personInitials = personInitials; exports.personFirstName = personFirstName; exports.singleInitial = singleInitial; exports.formatDurationMMSS = formatDurationMMSS; exports.formatDurationCompact = formatDurationCompact; exports.VIEWER_TIMEZONE = VIEWER_TIMEZONE; exports.formatDateWithTimezone = formatDateWithTimezone; exports.formatDateTimeYmd = formatDateTimeYmd; exports.formatTimeWithTimezone = formatTimeWithTimezone; exports.formatProgramDate = formatProgramDate; exports.formatProgramDateRange = formatProgramDateRange; exports.isOrderedRange = isOrderedRange; exports.formatDurationFromRange = formatDurationFromRange; exports.formatDateUTC = formatDateUTC; exports.formatEntryMonthUTC = formatEntryMonthUTC; exports.formatLegalDate = formatLegalDate; exports.formatCurrency = formatCurrency; exports.formatPercent = formatPercent; exports.formatWholeDollars = formatWholeDollars; exports.formatCompactMetric = formatCompactMetric; exports.getTrendColors = getTrendColors; exports.formatDateRange = formatDateRange; exports.formatDateTimeAt = formatDateTimeAt; exports.formatDurationFromMs = formatDurationFromMs; exports.formatDuration = formatDuration; exports.titleCaseFromSlug = titleCaseFromSlug; exports.formatUnderscoreText = formatUnderscoreText; exports.stripHtml = stripHtml; exports.formatClassification = formatClassification; exports.formatPricingModel = formatPricingModel; exports.formatBioText = formatBioText; exports.formatProgramTimeRange = formatProgramTimeRange; exports.formatWebinarTimeMeta = formatWebinarTimeMeta; exports.formatUrlForDisplay = formatUrlForDisplay; exports.SquareAvatar = SquareAvatar;
+
+exports.FloatingTooltip = FloatingTooltip; exports.tagVariants = tagVariants; exports.Tag = Tag; exports.VENDOR_CLASSIFICATION_COPY = VENDOR_CLASSIFICATION_COPY; exports.vendorClassificationCopy = vendorClassificationCopy; exports.vendorClassificationGroup = vendorClassificationGroup; exports.isOpenFrameClassification = isOpenFrameClassification; exports.compareVendorClassifications = compareVendorClassifications; exports.formatDate = formatDate; exports.formatNumber = formatNumber; exports.formatPrice = formatPrice; exports.formatBytes = formatBytes; exports.formatBytesShort = formatBytesShort; exports.formatFileSize = formatFileSize; exports.formatLargeNumber = formatLargeNumber; exports.formatAbbreviatedNumber = formatAbbreviatedNumber; exports.nameInitials = nameInitials; exports.personInitials = personInitials; exports.personFirstName = personFirstName; exports.singleInitial = singleInitial; exports.formatDurationMMSS = formatDurationMMSS; exports.formatDurationCompact = formatDurationCompact; exports.VIEWER_TIMEZONE = VIEWER_TIMEZONE; exports.formatDateWithTimezone = formatDateWithTimezone; exports.formatDateTimeYmd = formatDateTimeYmd; exports.formatTimeWithTimezone = formatTimeWithTimezone; exports.formatProgramDate = formatProgramDate; exports.formatProgramDateRange = formatProgramDateRange; exports.isOrderedRange = isOrderedRange; exports.formatDurationFromRange = formatDurationFromRange; exports.formatDateUTC = formatDateUTC; exports.formatEntryMonthUTC = formatEntryMonthUTC; exports.formatLegalDate = formatLegalDate; exports.formatCurrency = formatCurrency; exports.formatPercent = formatPercent; exports.formatWholeDollars = formatWholeDollars; exports.formatCompactMetric = formatCompactMetric; exports.getTrendColors = getTrendColors; exports.formatDateRange = formatDateRange; exports.formatDateTimeAt = formatDateTimeAt; exports.formatDurationFromMs = formatDurationFromMs; exports.formatDuration = formatDuration; exports.titleCaseFromSlug = titleCaseFromSlug; exports.formatUnderscoreText = formatUnderscoreText; exports.stripHtml = stripHtml; exports.formatClassification = formatClassification; exports.formatPricingModel = formatPricingModel; exports.formatBioText = formatBioText; exports.formatProgramTimeRange = formatProgramTimeRange; exports.formatWebinarTimeMeta = formatWebinarTimeMeta; exports.formatUrlForDisplay = formatUrlForDisplay; exports.SquareAvatar = SquareAvatar;