@flamingo-stack/openframe-frontend-core 0.0.744 → 0.0.746

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-PYWHDPVC.cjs → chunk-IRKUFXVV.cjs}

@@ -1,7 +1,7 @@
 "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 _chunk2UBR53ANcjs = require('./chunk-2UBR53AN.cjs');
+var _chunk3OAACQQGcjs = require('./chunk-3OAACQQG.cjs');
 
 
 
@@ -12,7 +12,7 @@ var _chunk2UBR53ANcjs = require('./chunk-2UBR53AN.cjs');
 
 
 
-var _chunkHJ4KGA2Mcjs = require('./chunk-HJ4KGA2M.cjs');
+var _chunkGPSHFEF2cjs = require('./chunk-GPSHFEF2.cjs');
 
 
 var _chunkNTGIQP7Ocjs = require('./chunk-NTGIQP7O.cjs');
@@ -32,13 +32,13 @@ var _chunk24I6RFVUcjs = require('./chunk-24I6RFVU.cjs');
 
 
 
-var _chunkOC2LBQQJcjs = require('./chunk-OC2LBQQJ.cjs');
+var _chunkGSFANY2Lcjs = require('./chunk-GSFANY2L.cjs');
 
 
-var _chunk7YDF3QBNcjs = require('./chunk-7YDF3QBN.cjs');
+var _chunkTILK7SC4cjs = require('./chunk-TILK7SC4.cjs');
 
 
-var _chunkOWGLRE74cjs = require('./chunk-OWGLRE74.cjs');
+var _chunkPSIKUDUVcjs = require('./chunk-PSIKUDUV.cjs');
 
 
 var _chunk756VZNPPcjs = require('./chunk-756VZNPP.cjs');
@@ -87,11 +87,11 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
 
-var _chunkLJ46XYYPcjs = require('./chunk-LJ46XYYP.cjs');
+var _chunk2ZVNXD74cjs = require('./chunk-2ZVNXD74.cjs');
 
 
 
-var _chunkABLUMGCIcjs = require('./chunk-ABLUMGCI.cjs');
+var _chunkJHQNUWFMcjs = require('./chunk-JHQNUWFM.cjs');
 
 
 var _chunkR34JD6NPcjs = require('./chunk-R34JD6NP.cjs');
@@ -155,7 +155,7 @@ function RowGlyph({ link, box, glyph }) {
       {
         "aria-hidden": "true",
         className: _chunk3ATAYP36cjs.cn.call(void 0, "flex shrink-0 items-center justify-center overflow-hidden rounded-full", box),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLJ46XYYPcjs.EntityIcon, { icon: link.icon, className: "h-full w-full" })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2ZVNXD74cjs.EntityIcon, { icon: link.icon, className: "h-full w-full" })
       }
     );
   }
@@ -168,7 +168,7 @@ function RowGlyph({ link, box, glyph }) {
         "flex shrink-0 items-center justify-center rounded-lg border border-ods-border bg-ods-bg text-ods-text-primary",
         box
       ),
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLJ46XYYPcjs.EntityIcon, { icon: { name: link.iconName }, size: glyph })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2ZVNXD74cjs.EntityIcon, { icon: { name: link.iconName }, size: glyph })
     }
   );
 }
@@ -181,7 +181,7 @@ function NavItemRow({
   className
 }) {
   const label = navLinkLabel(link);
-  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJ4KGA2Mcjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
+  const counter = badge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGPSHFEF2cjs.UnreadCountBadge, { count: badge, className: "static shrink-0" }) : null;
   const singleLine = !link.description && !link.builtOn;
   const rowClassName = _chunk3ATAYP36cjs.cn.call(void 0, 
     ROW_CLASSES[variant],
@@ -198,7 +198,7 @@ function NavItemRow({
     ] });
   } else if (variant === "side") {
     children = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      link.iconName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "flex shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLJ46XYYPcjs.EntityIcon, { icon: { name: link.iconName }, size: 18 }) }),
+      link.iconName && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "flex shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2ZVNXD74cjs.EntityIcon, { icon: { name: link.iconName }, size: 18 }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1", children: label }),
       counter
     ] });
@@ -302,7 +302,7 @@ var NavPanel = _react.forwardRef.call(void 0, function NavPanelImpl({
                 !!_optionalChain([menu, 'access', _10 => _10.features, 'optionalAccess', _11 => _11.length]) && // One row of cards, as many as the bar's width holds: a card that
                 // would wrap lands on a zero-height row, where its cell clips it.
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid min-w-0 flex-[3] auto-rows-[0px] grid-cols-[repeat(auto-fit,minmax(240px,1fr))] grid-rows-[minmax(0,1fr)] gap-x-[var(--spacing-system-mf)]", children: menu.features.map((feature) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 min-w-0 overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkLJ46XYYPcjs.CaseStudyCard,
+                  _chunk2ZVNXD74cjs.CaseStudyCard,
                   {
                     size: "menu",
                     study: feature.study,
@@ -419,7 +419,7 @@ function TopNavigation({
 
 var TOP_ITEM_CLASS = "relative inline-flex h-10 items-center gap-1.5 whitespace-nowrap rounded-md px-3.5 text-ods-text-secondary transition-colors text-h6 hover:bg-ods-bg-hover hover:text-ods-text-primary";
 var TOP_ITEM_CURRENT_CLASS = "rounded-b-none bg-gradient-to-b from-transparent to-ods-accent/10 text-ods-text-primary after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:bg-ods-accent";
-var menuIcon = (menu) => menu.iconName ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLJ46XYYPcjs.EntityIcon, { icon: { name: menu.iconName }, size: 20, className: "size-5 shrink-0" }) : null;
+var menuIcon = (menu) => menu.iconName ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2ZVNXD74cjs.EntityIcon, { icon: { name: menu.iconName }, size: 20, className: "size-5 shrink-0" }) : null;
 function SiteHeader({
   nav,
   pathname,
@@ -569,7 +569,7 @@ function SiteHeader({
             leading: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
               leading,
               mobile && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkHJ4KGA2Mcjs.HeaderButton,
+                _chunkGPSHFEF2cjs.HeaderButton,
                 {
                   className: "border-r border-ods-border lg:hidden",
                   onClick: mobile.onToggle,
@@ -595,7 +595,7 @@ function SiteHeader({
             centerClassName: "justify-start pl-[var(--spacing-system-xlf)]",
             cta: hasRight ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
               mingo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkOC2LBQQJcjs.MingoAiButton,
+                _chunkGSFANY2Lcjs.MingoAiButton,
                 {
                   source: mingo.source,
                   icon: mingo.icon,
@@ -697,7 +697,7 @@ function MobileNavSheetBody({
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain px-5", children: [
           askAI && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkOC2LBQQJcjs.MingoAiButton,
+            _chunkGSFANY2Lcjs.MingoAiButton,
             {
               variant: "field",
               source: askAI.source,
@@ -875,7 +875,7 @@ function SiteFooter({
   const columns = nav.footerColumns;
   const accordion = columns.length > ACCORDION_OVER;
   const socialRow = _nullishCoalesce(social, () => ( (nav.brand.social.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHJ4KGA2Mcjs.SocialIconRow,
+    _chunkGPSHFEF2cjs.SocialIconRow,
     {
       compact: true,
       links: nav.brand.social.map((link) => ({
@@ -978,7 +978,7 @@ var _framermotion = require('framer-motion');
 
 function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const mounted = _chunk7YDF3QBNcjs.useIsHydrated.call(void 0, );
+  const mounted = _chunkTILK7SC4cjs.useIsHydrated.call(void 0, );
   const headerHeight = _chunk24I6RFVUcjs.useHeaderHeight.call(void 0, );
   const asideRef = _react.useRef.call(void 0, null);
   const prefersReducedMotion = _framermotion.useReducedMotion.call(void 0, );
@@ -1186,7 +1186,7 @@ function NavigationSidebarHeader({ minimized }) {
 
 function NavigationItemBadge({ label, compact = false, className, ...rest }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkABLUMGCIcjs.Tag,
+    _chunkJHQNUWFMcjs.Tag,
     {
       as: "span",
       label,
@@ -1251,7 +1251,7 @@ var NavigationSidebarItemButton = _react.memo.call(void 0, function NavigationSi
       _react.cloneElement.call(void 0, item.icon, {
         color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
       }),
-      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJ4KGA2Mcjs.UnreadDot, { size: "fixed" })
+      hasUnread && !showLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGPSHFEF2cjs.UnreadDot, { size: "fixed" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "span",
@@ -1352,7 +1352,7 @@ function NavigationSidebar({ config, disabled = false, pushOnTablet = false }) {
     setTabletFor(isTablet);
     if (isTablet) setTabletMinimized(true);
   }
-  const hydrated = _chunk7YDF3QBNcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkTILK7SC4cjs.useIsHydrated.call(void 0, );
   const minimized = hydrated ? isTablet ? tabletMinimized : desktopMinimized : _nullishCoalesce(config.minimized, () => ( false));
   const [transitionsEnabled, setTransitionsEnabled] = _react.useState.call(void 0, false);
   const isOverlayOpen = isTablet && !minimized;
@@ -1544,7 +1544,7 @@ function HeaderGlobalSearch({
     "form",
     {
       onSubmit: handleSubmit,
-      ..._chunkOC2LBQQJcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
+      ..._chunkGSFANY2Lcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS,
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
         "flex h-full flex-1 items-center gap-2 px-3",
         // Transparent so the cell inherits the bar's background
@@ -1615,7 +1615,7 @@ function HeaderMingoButton({
         ) : (
           // Outer frame follows the button's text color (currentColor); the eyes
           // and corner block are ODS cyan.
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOWGLRE74cjs.AgentMark, { agent: "mingo", className: "h-6 w-6 shrink-0" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPSIKUDUVcjs.AgentMark, { agent: "mingo", className: "h-6 w-6 shrink-0" })
         ),
         !iconOnly && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap font-bold tracking-[-0.36px] text-h3", children: "Mingo AI" })
       ]
@@ -1669,16 +1669,16 @@ function HeaderOrganizationFilter({
 // src/components/navigation/ticket-alerts-button.tsx
 
 function TicketAlertsButton({ href, onNavigate, disabled, className }) {
-  const live = _chunk2UBR53ANcjs.useOptionalTicketLive.call(void 0, );
+  const live = _chunk3OAACQQGcjs.useOptionalTicketLive.call(void 0, );
   if (!live || !live.authed || live.unreadTotal === 0) return null;
   const targetId = live.nextUnreadTicketId;
-  const target = targetId ? _chunkOC2LBQQJcjs.buildTicketOpenHref.call(void 0, href, targetId) : href;
+  const target = targetId ? _chunkGSFANY2Lcjs.buildTicketOpenHref.call(void 0, href, targetId) : href;
   const handleClick = () => {
     if (onNavigate) onNavigate(target);
     else window.location.assign(target);
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHJ4KGA2Mcjs.HeaderButton,
+    _chunkGPSHFEF2cjs.HeaderButton,
     {
       icon: (
         // Glyph inherits HeaderButton's standard cell coloring (secondary at
@@ -1688,7 +1688,7 @@ function TicketAlertsButton({ href, onNavigate, disabled, className }) {
         // existing while updates are unread — never by tinting the glyph.
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative inline-flex", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk365ZKGGOcjs.LifeBuoyIcon, { className: "h-6 w-6" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJ4KGA2Mcjs.UnreadCountBadge, { count: live.unreadTotal })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGPSHFEF2cjs.UnreadCountBadge, { count: live.unreadTotal })
         ] })
       ),
       "aria-label": `Support tickets \u2014 ${live.unreadTotal} unread ${live.unreadTotal === 1 ? "update" : "updates"}`,
@@ -1764,7 +1764,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       leading: (
         // Mobile: Burger Menu Button
         !isMdUp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHJ4KGA2Mcjs.HeaderButton,
+          _chunkGPSHFEF2cjs.HeaderButton,
           {
             onClick: onToggleMobileMenu,
             isActive: isMobileMenuOpen,
@@ -1790,7 +1790,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
       center: showSearch ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderGlobalSearch, { onSubmit: onSearch, className: _chunk3ATAYP36cjs.cn.call(void 0, "w-full", dimmedClass) }) : void 0,
       sideActions: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHJ4KGA2Mcjs.HeaderButton,
+          _chunkGPSHFEF2cjs.HeaderButton,
           {
             icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ74QE57Tcjs.SearchIcon, { className: "h-6 w-6" }),
             "aria-label": "Search",
@@ -1807,7 +1807,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
             className: _chunk3ATAYP36cjs.cn.call(void 0, "hidden lg:flex", dimmedClass)
           }
         ),
-        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJ4KGA2Mcjs.TimeTrackerHeaderButton, { disabled, className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass) }),
+        showTimeTracker && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGPSHFEF2cjs.TimeTrackerHeaderButton, { disabled, className: _chunk3ATAYP36cjs.cn.call(void 0, cellDivider, dimmedClass) }),
         showNotifications && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           NotificationsHeaderButton,
           {
@@ -1827,10 +1827,10 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
         ),
         isMdUp && showUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL2RMTGOKcjs.DropdownMenu, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL2RMTGOKcjs.DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHJ4KGA2Mcjs.HeaderButton,
+            _chunkGPSHFEF2cjs.HeaderButton,
             {
               icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkABLUMGCIcjs.SquareAvatar,
+                _chunkJHQNUWFMcjs.SquareAvatar,
                 {
                   src: userAvatarUrl || void 0,
                   alt: userName || "User",
@@ -1856,7 +1856,7 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
               children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 border-b border-ods-border bg-ods-card p-3", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkABLUMGCIcjs.SquareAvatar,
+                    _chunkJHQNUWFMcjs.SquareAvatar,
                     {
                       src: userAvatarUrl || void 0,
                       alt: userName || "User",
@@ -1912,12 +1912,12 @@ var AppHeader = _react2.default.memo(function AppHeaderImpl({
   );
 });
 function NotificationsHeaderButton({ fallbackUnreadCount, disabled, dimmedClass }) {
-  const ctx = _chunkHJ4KGA2Mcjs.useOptionalNotifications.call(void 0, );
+  const ctx = _chunkGPSHFEF2cjs.useOptionalNotifications.call(void 0, );
   const hasUnread = (_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _52 => _52.unreadCount]), () => ( fallbackUnreadCount))) > 0;
   const isActive = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _53 => _53.isOpen]), () => ( false));
   const onClick = _optionalChain([ctx, 'optionalAccess', _54 => _54.toggle]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHJ4KGA2Mcjs.HeaderButton,
+    _chunkGPSHFEF2cjs.HeaderButton,
     {
       icon: isActive ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWWUSFOJ7cjs.XmarkIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCON36SEJcjs.BellIcon, { className: "h-6 w-6" }),
       showUnreadDot: !isActive && hasUnread,
@@ -2475,7 +2475,7 @@ var MobileBurgerMenu = _react2.default.memo(function MobileBurgerMenuImpl({
               "aria-disabled": disabled || void 0,
               children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkABLUMGCIcjs.SquareAvatar,
+                  _chunkJHQNUWFMcjs.SquareAvatar,
                   {
                     src: user.userAvatarUrl || void 0,
                     alt: user.userName || "User",
@@ -2590,7 +2590,7 @@ function AppLayout({
     }),
     []
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJ4KGA2Mcjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJ4KGA2Mcjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGPSHFEF2cjs.AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGPSHFEF2cjs.AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-screen flex-col bg-ods-bg", className), children: [
     topBar,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex min-h-0 flex-1", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationSidebar, { config: sidebarConfig, disabled, pushOnTablet: hasSidePanel }),
@@ -2614,7 +2614,7 @@ function AppLayout({
             disabled
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJ4KGA2Mcjs.NotificationDrawer, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGPSHFEF2cjs.NotificationDrawer, {}),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {

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;