@flamingo-stack/openframe-frontend-core 0.0.854 → 0.0.855

package/dist/{chunk-5OENPMRU.cjs → chunk-RIJU4HZ2.cjs}

@@ -12,7 +12,7 @@ var _chunkOT6P57ZScjs = require('./chunk-OT6P57ZS.cjs');
 
 
 
-var _chunk63ZV3UGGcjs = require('./chunk-63ZV3UGG.cjs');
+var _chunk65NMKAPQcjs = require('./chunk-65NMKAPQ.cjs');
 
 
 
@@ -99,7 +99,7 @@ var _chunkXIBCMGBWcjs = require('./chunk-XIBCMGBW.cjs');
 
 
 
-var _chunkJKBNK5U6cjs = require('./chunk-JKBNK5U6.cjs');
+var _chunkD6GEMVHDcjs = require('./chunk-D6GEMVHD.cjs');
 
 
 var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
@@ -109,20 +109,21 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
 
-var _chunkKA3L6D5Ncjs = require('./chunk-KA3L6D5N.cjs');
+var _chunkYSXVRTGTcjs = require('./chunk-YSXVRTGT.cjs');
 
 
 var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
 
 
+var _chunkGK577ZLJcjs = require('./chunk-GK577ZLJ.cjs');
 
-var _chunk4SSJ3T3Ncjs = require('./chunk-4SSJ3T3N.cjs');
 
 
-var _chunkKKFDRCQFcjs = require('./chunk-KKFDRCQF.cjs');
+var _chunkRY7INTYUcjs = require('./chunk-RY7INTYU.cjs');
 
 
-var _chunkGG466XFQcjs = require('./chunk-GG466XFQ.cjs');
+
+var _chunk6DMH4GXNcjs = require('./chunk-6DMH4GXN.cjs');
 
 
 
@@ -195,13 +196,13 @@ function TruncateText({
   loading: loadingProp = false
 }) {
   const isMultiLine = lines > 1;
-  const { ref, isTruncated } = _chunk4SSJ3T3Ncjs.useIsTruncated.call(void 0, children, { multiline: isMultiLine });
+  const { ref, isTruncated } = _chunkGK577ZLJcjs.useIsTruncated.call(void 0, children, { multiline: isMultiLine });
   const loading = _chunk63A4GZMBcjs.useLoadingScope.call(void 0, ) && !children || loadingProp;
   if (loading)
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: variant, lines, as, className: _chunk63A4GZMBcjs.cn.call(void 0, "w-3/4", triggerClassName) });
   const clampClass = isMultiLine ? LINE_CLAMP_CLASS[lines] : "truncate block";
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkKA3L6D5Ncjs.FloatingTooltip,
+    _chunkYSXVRTGTcjs.FloatingTooltip,
     {
       content: _nullishCoalesce(tooltip, () => ( children)),
       side,
@@ -349,7 +350,7 @@ function AutocompleteInner(props, ref) {
   };
   const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
   const [highlightedIndex, setHighlightedIndex] = _react.useState.call(void 0, -1);
-  const keyboardPadding = _chunkJKBNK5U6cjs.useKeyboardCollisionPadding.call(void 0, );
+  const keyboardPadding = _chunkD6GEMVHDcjs.useKeyboardCollisionPadding.call(void 0, );
   const containerRef = _react.useRef.call(void 0, null);
   const hiddenTagsPopupRef = _react.useRef.call(void 0, null);
   const isInvalid = invalid || !!error;
@@ -371,7 +372,7 @@ function AutocompleteInner(props, ref) {
     textMeasureRef,
     badgeRef,
     inputRef
-  } = _chunkJKBNK5U6cjs.useAutoLimitTags.call(void 0, {
+  } = _chunkD6GEMVHDcjs.useAutoLimitTags.call(void 0, {
     count: multiple ? selectedOptions.length : 0,
     limitTags: multiple ? wrapTags ? selectedOptions.length : limitTagsProp : 0,
     placeholder: inputPlaceholder
@@ -590,7 +591,7 @@ function AutocompleteInner(props, ref) {
               ),
               children: [
                 multiple && visibleTags.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkKA3L6D5Ncjs.Tag,
+                  _chunkYSXVRTGTcjs.Tag,
                   {
                     variant: "outline",
                     className: wrapTags ? "max-w-full" : void 0,
@@ -790,7 +791,7 @@ function AutocompleteInner(props, ref) {
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", ref: containerRef, children: [
         popover,
         multiple && showHiddenTags && hiddenTagsCount > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk63ZV3UGGcjs.HiddenTagsPopup,
+          _chunk65NMKAPQcjs.HiddenTagsPopup,
           {
             ref: hiddenTagsPopupRef,
             items: hiddenTags,
@@ -803,10 +804,10 @@ function AutocompleteInner(props, ref) {
             }
           }
         ),
-        multiple && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "aria-hidden": "true", className: _chunkJKBNK5U6cjs.MEASURE_LAYER_CLASS, children: [
+        multiple && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "aria-hidden": "true", className: _chunkD6GEMVHDcjs.MEASURE_LAYER_CLASS, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref: textMeasureRef, "aria-hidden": "true", className: "whitespace-nowrap text-h4", children: inputPlaceholder }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: measureRef, "aria-hidden": "true", className: "flex w-max gap-2", children: selectedOptions.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkKA3L6D5Ncjs.Tag,
+            _chunkYSXVRTGTcjs.Tag,
             {
               variant: "outline",
               labelClassName: "max-w-[90px] truncate",
@@ -1335,19 +1336,14 @@ function usePageActionsBottomPadding(variant) {
 
 // src/components/ui/entity-image.tsx
 
-
 var ENTITY_IMAGE_SIZE = _chunkPMUCEUFQcjs.TILE_SIZE.entity;
 var ENTITY_IMAGE_RADIUS_CLASS = "rounded-md";
 function EntityImage({ src, alt, fallbackText, sizeClassName, className }) {
   const held = _chunk63A4GZMBcjs.useLoadingScope.call(void 0, );
-  const authedSrc = _chunk4SSJ3T3Ncjs.useAuthedImageSrc.call(void 0, held ? void 0 : src);
-  const resolvedSrc = authedSrc;
-  const [failedSrc, setFailedSrc] = _react2.default.useState(null);
-  const imageFailed = resolvedSrc !== void 0 && failedSrc === resolvedSrc;
+  const { src: resolvedSrc, onError } = _chunkRY7INTYUcjs.useImageFallback.call(void 0, _chunk6DMH4GXNcjs.useAuthedImageSrc.call(void 0, held ? void 0 : src));
   if (held) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityImageSkeleton, { sizeClassName, className });
-  const showFallback = imageFailed || !resolvedSrc;
-  const initials = _chunkKA3L6D5Ncjs.personInitials.call(void 0, _nullishCoalesce(fallbackText, () => ( alt)));
-  if (showFallback) {
+  const initials = _chunkYSXVRTGTcjs.personInitials.call(void 0, _nullishCoalesce(fallbackText, () => ( alt)));
+  if (!resolvedSrc) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
@@ -1363,19 +1359,19 @@ function EntityImage({ src, alt, fallbackText, sizeClassName, className }) {
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGG466XFQcjs.next_image_default,
+    _chunk6DMH4GXNcjs.next_image_default,
     {
       src: resolvedSrc,
       alt: _nullishCoalesce(alt, () => ( "")),
-      onError: () => setFailedSrc(resolvedSrc),
+      onError,
       className: _chunk63A4GZMBcjs.cn.call(void 0, 
         "shrink-0 border border-ods-border object-contain",
         ENTITY_IMAGE_RADIUS_CLASS,
         _nullishCoalesce(sizeClassName, () => ( ENTITY_IMAGE_SIZE)),
         className
       ),
-      width: _chunkKKFDRCQFcjs.IMAGE_FIXED_PX.thumb,
-      height: _chunkKKFDRCQFcjs.IMAGE_FIXED_PX.thumb,
+      width: _chunkRY7INTYUcjs.IMAGE_FIXED_PX.thumb,
+      height: _chunkRY7INTYUcjs.IMAGE_FIXED_PX.thumb,
       unoptimized: true
     }
   );
@@ -1439,10 +1435,10 @@ function TitleBlock({
   const titleClass = titleSize === "h1" ? "text-h1" : "text-h2";
   const titleOverflowClass = titleWrap ? "break-words" : "truncate";
   const skeletonSize = TITLE_SKELETON_SIZE[titleSize];
-  const { ref: titleRef, isTruncated: titleTruncated } = _chunk4SSJ3T3Ncjs.useIsTruncated.call(void 0, 
+  const { ref: titleRef, isTruncated: titleTruncated } = _chunkGK577ZLJcjs.useIsTruncated.call(void 0, 
     titleLoading ? null : title
   );
-  const { ref: subtitleRef, isTruncated: subtitleTruncated } = _chunk4SSJ3T3Ncjs.useIsTruncated.call(void 0, 
+  const { ref: subtitleRef, isTruncated: subtitleTruncated } = _chunkGK577ZLJcjs.useIsTruncated.call(void 0, 
     subtitleLoading ? null : subtitle
   );
   const titleNode = titleLoading && titleSkeletonLines && titleWrap ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLinesByBreakpointSkeleton, { as: "span", lines: titleSkeletonLines }) : titleLoading && titleSkeletonLines ? (
@@ -1508,7 +1504,7 @@ function TitleBlock({
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
                   (titleLoading || title) && (titleAdornment ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center gap-[var(--spacing-system-m)]", children: [
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkKA3L6D5Ncjs.FloatingTooltip,
+                      _chunkYSXVRTGTcjs.FloatingTooltip,
                       {
                         content: title,
                         side: "bottom",
@@ -1525,12 +1521,12 @@ function TitleBlock({
                       }
                     ),
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: titleAdornment })
-                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKA3L6D5Ncjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageTitle, { ref: titleRef, className: _chunk63A4GZMBcjs.cn.call(void 0, titleClass, "text-ods-text-primary", titleOverflowClass), children: titleNode }) })),
+                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYSXVRTGTcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageTitle, { ref: titleRef, className: _chunk63A4GZMBcjs.cn.call(void 0, titleClass, "text-ods-text-primary", titleOverflowClass), children: titleNode }) })),
                   hasSubtitleRow && /* The NBSP is a pure spacer, reached only in `'always'` mode: an
                      empty `p` collapses to zero height (its only content would be
                      collapsible whitespace), which is exactly the shift that mode
                      exists to prevent. Hidden from AT — it carries no meaning. */
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKA3L6D5Ncjs.FloatingTooltip, { content: subtitle, side: "bottom", disabled: !subtitleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYSXVRTGTcjs.FloatingTooltip, { content: subtitle, side: "bottom", disabled: !subtitleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "p",
                     {
                       ref: subtitleRef,
@@ -1548,7 +1544,7 @@ function TitleBlock({
                   ) })
                 ] })
               ] }) : title && (titleAdornment ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center gap-[var(--spacing-system-m)]", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKA3L6D5Ncjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, triggerClassName: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYSXVRTGTcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, triggerClassName: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   PageTitle,
                   {
                     ref: titleRef,
@@ -1676,7 +1672,7 @@ function RemoteSessionViewers({ viewers, max = 4, className }) {
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center", children: [
             faces.map((viewer, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkKA3L6D5Ncjs.SquareAvatar,
+              _chunkYSXVRTGTcjs.SquareAvatar,
               {
                 variant: "round",
                 sizePx: 32,
@@ -1710,7 +1706,7 @@ function RemoteSessionViewers({ viewers, max = 4, className }) {
         ),
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkKA3L6D5Ncjs.SquareAvatar,
+            _chunkYSXVRTGTcjs.SquareAvatar,
             {
               variant: "round",
               sizePx: 24,
@@ -1756,7 +1752,7 @@ function RemoteSessionScope({ children, className }) {
 function RemoteSessionOrgLogo({ name, logoUrl, sizePx, className }) {
   if (logoUrl) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKA3L6D5Ncjs.SquareAvatar,
+      _chunkYSXVRTGTcjs.SquareAvatar,
       {
         variant: "square",
         fit: "contain",
@@ -1866,7 +1862,7 @@ function RemoteAccessRequestCard({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RemoteSessionOrgLogo, { name: organizationName, logoUrl: party.organizationLogoUrl, sizePx: 64 }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full truncate text-ods-text-primary text-h3", children: organizationName }),
-        siteUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full truncate text-ods-text-secondary text-h4", children: _chunkKA3L6D5Ncjs.formatUrlForDisplay.call(void 0, siteUrl, { keepWww: true }) })
+        siteUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full truncate text-ods-text-secondary text-h4", children: _chunkYSXVRTGTcjs.formatUrlForDisplay.call(void 0, siteUrl, { keepWww: true }) })
       ] }),
       openableSite && onOpenSite && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { variant: "outline", size: "icon", "aria-label": "Open website", onClick: () => onOpenSite(openableSite), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEDVT7OAScjs.ExternalLinkIcon, { size: 24, color: "currentColor" }) })
     ] }),
@@ -1977,7 +1973,7 @@ function RemoteSessionSummary({
         ...dragHandlers,
         children: [
           technician ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkKA3L6D5Ncjs.SquareAvatar,
+            _chunkYSXVRTGTcjs.SquareAvatar,
             {
               variant: "round",
               sizePx: 48,
@@ -2031,7 +2027,7 @@ var RemoteSessionMinimizedChip = _react.forwardRef.call(void 0,
         ...dragHandlers,
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex flex-col overflow-hidden rounded-md border border-ods-border", children: [
           technician ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkKA3L6D5Ncjs.SquareAvatar,
+            _chunkYSXVRTGTcjs.SquareAvatar,
             {
               sizePx: 48,
               src: _nullishCoalesce(party.technicianAvatarUrl, () => ( void 0)),
@@ -2183,7 +2179,7 @@ function RemoteSessionChatMessageRow({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center gap-[var(--spacing-system-xs)]", children: [
       isTechnician && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkKA3L6D5Ncjs.SquareAvatar,
+        _chunkYSXVRTGTcjs.SquareAvatar,
         {
           variant: "round",
           sizePx: 16,
@@ -2226,7 +2222,7 @@ function RemoteDesktopChatMessageRow({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: MESSAGE_ROW_CLASS, "aria-hidden": loading || void 0, ..._chunk63A4GZMBcjs.loadingItemProps.call(void 0, props), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: MESSAGE_HEAD_CLASS, children: [
       isTechnician && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkKA3L6D5Ncjs.SquareAvatar,
+        _chunkYSXVRTGTcjs.SquareAvatar,
         {
           loading,
           variant: "round",
@@ -2245,7 +2241,7 @@ function RemoteDesktopChatMessageRow({
       ),
       loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", as: "span", className: "w-12 shrink-0" }) : (
         // The time is in the viewer's zone, which a server render cannot know.
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { suppressHydrationWarning: true, className: "shrink-0 text-ods-text-secondary text-h6", children: _chunk63ZV3UGGcjs.formatTime.call(void 0, sentAt) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { suppressHydrationWarning: true, className: "shrink-0 text-ods-text-secondary text-h6", children: _chunk65NMKAPQcjs.formatTime.call(void 0, sentAt) })
       )
     ] }),
     loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h4", className: "w-3/4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "whitespace-pre-wrap text-ods-text-primary text-h4", children: body })
@@ -2311,7 +2307,7 @@ function RemoteDesktopChatPanel({
           message.id
         )) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk63ZV3UGGcjs.ChatInput,
+          _chunk65NMKAPQcjs.ChatInput,
           {
             placeholder: "Enter your Message...",
             onSend,
@@ -2654,9 +2650,9 @@ function KeepRecordingModal({
     if (!canKeep || isPending) return;
     onConfirm({ reason, description: reason === "OTHER" ? trimmed : null });
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk63ZV3UGGcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk65NMKAPQcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63ZV3UGGcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63ZV3UGGcjs.ModalTitle, { children: "Keep this recording" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk65NMKAPQcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk65NMKAPQcjs.ModalTitle, { children: "Keep this recording" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       KeepNotice,
       {
@@ -2694,7 +2690,7 @@ function KeepRecordingModal({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk63ZV3UGGcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk65NMKAPQcjs.ModalFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2724,9 +2720,9 @@ function ReleaseKeepingModal({
   isPending = false,
   onConfirm
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk63ZV3UGGcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk65NMKAPQcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63ZV3UGGcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63ZV3UGGcjs.ModalTitle, { children: "Release Keeping" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk65NMKAPQcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk65NMKAPQcjs.ModalTitle, { children: "Release Keeping" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-[var(--spacing-system-xsf)] break-words text-ods-text-primary text-h4", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { children: [
         "Kept by ",
@@ -2743,7 +2739,7 @@ function ReleaseKeepingModal({
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeepNotice, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILWSAV64cjs.HourglassIcon, { size: 24, color: "currentColor" }), title: `It will expire on ${expiresOn}`, children: dueOn ? `It was due to expire on ${dueOn}. Releasing gives it 3 days' grace, and it shows amber until then. Whoever placed the Keep is reminded the day before it goes. Nothing is deleted now.` : "Nothing is deleted now." }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk63ZV3UGGcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk65NMKAPQcjs.ModalFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { type: "button", variant: "accent", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Release Keeping" })
@@ -2785,9 +2781,9 @@ function AssignTicketModal({
     if (ticketIds.length === 0 || isPending) return;
     onConfirm(ticketIds);
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk63ZV3UGGcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk65NMKAPQcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63ZV3UGGcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63ZV3UGGcjs.ModalTitle, { children: "Assign Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk65NMKAPQcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk65NMKAPQcjs.ModalTitle, { children: "Assign Ticket" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       Autocomplete,
       {
@@ -2806,7 +2802,7 @@ function AssignTicketModal({
         disabled: isPending
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk63ZV3UGGcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk65NMKAPQcjs.ModalFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2825,11 +2821,11 @@ function AssignTicketModal({
   ] });
 }
 function UnassignTicketModal({ isOpen, onClose, isPending = false, onConfirm }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk63ZV3UGGcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk65NMKAPQcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63ZV3UGGcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63ZV3UGGcjs.ModalTitle, { children: "Unassign Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk65NMKAPQcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk65NMKAPQcjs.ModalTitle, { children: "Unassign Ticket" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full text-ods-text-primary text-h4", children: "This Ticket will no longer be linked to this remote session. The ticket itself stays as it is, and you can assign it again anytime." }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk63ZV3UGGcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk65NMKAPQcjs.ModalFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { type: "button", variant: "destructive", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Unassign" })
@@ -2910,7 +2906,7 @@ var STATUS_TAG = {
 function RemoteSessionStatusTag({ status, className }) {
   const { label, variant } = STATUS_TAG[status];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkKA3L6D5Ncjs.Tag,
+    _chunkYSXVRTGTcjs.Tag,
     {
       label,
       variant,

package/dist/{chunk-KKFDRCQF.cjs → chunk-RY7INTYU.cjs}

@@ -921,6 +921,19 @@ var ICON_OPTIONS = [
   { key: "certified-01", label: "Certified" }
 ];
 
+// src/hooks/use-image-fallback.ts
+
+function useImageFallback(...candidates) {
+  const [failed, setFailed] = _react.useState.call(void 0, () => /* @__PURE__ */ new Set());
+  const src = _nullishCoalesce(candidates.find((candidate) => !!candidate && !failed.has(candidate)), () => ( null));
+  const onError = _react.useCallback.call(void 0, () => {
+    if (!src) return;
+    setFailed((prev) => new Set(prev).add(src));
+  }, [src]);
+  return { src, onError };
+}
+
+
 
 
 
@@ -971,4 +984,4 @@ var ICON_OPTIONS = [
 
 
 
-exports.IMAGE_WIDTHS = IMAGE_WIDTHS; exports.IMAGE_FIXED_WIDTHS = IMAGE_FIXED_WIDTHS; exports.IMAGE_QUALITY = IMAGE_QUALITY; exports.IMAGE_MAX_WIDTH = IMAGE_MAX_WIDTH; exports.IMAGE_SLOT = IMAGE_SLOT; exports.IMAGE_FIXED_PX = IMAGE_FIXED_PX; exports.fixedImageSlot = fixedImageSlot; exports.IMAGE_FRAME = IMAGE_FRAME; exports.imageWidthFor = imageWidthFor; exports.iconOf = iconOf; exports.requireIcon = requireIcon; exports.NamedIcon = NamedIcon; exports.PlatformMark = PlatformMark; exports.platformDisplayNames = platformDisplayNames; exports.platformShortNames = platformShortNames; exports.platformDescriptions = platformDescriptions; exports.platformSlogans = platformSlogans; exports.getPlatformDisplayName = getPlatformDisplayName; exports.getPlatformShortName = getPlatformShortName; exports.getPlatformDescription = getPlatformDescription; exports.getPlatformSlogan = getPlatformSlogan; exports.ODS_STEM_TOKENS = ODS_STEM_TOKENS; exports.ODS_STEM_CLASSES = ODS_STEM_CLASSES; exports.PLATFORM_THEME = PLATFORM_THEME; exports.PLATFORM_SURFACE = PLATFORM_SURFACE; exports.getPlatformBackgroundVarName = getPlatformBackgroundVarName; exports.getPlatformTextVarName = getPlatformTextVarName; exports.PLATFORM_BRAND = PLATFORM_BRAND; exports.getPlatformBrand = getPlatformBrand; exports.platformAccentToken = platformAccentToken; exports.platformSecondaryToken = platformSecondaryToken; exports.platformAccentVarName = platformAccentVarName; exports.platformSecondaryVarName = platformSecondaryVarName; exports.getPlatformAccentColor = getPlatformAccentColor; exports.getPlatformSecondaryColor = getPlatformSecondaryColor; exports.getPlatformBrandClasses = getPlatformBrandClasses; exports.platformColors = platformColors; exports.getPlatformColor = getPlatformColor; exports.platformHexColors = platformHexColors; exports.getDefaultColorForPlatform = getDefaultColorForPlatform; exports.ICON_REGISTRY = ICON_REGISTRY; exports.normalizeIconKey = normalizeIconKey; exports.getIconComponent = getIconComponent; exports.getDynamicIcon = getDynamicIcon; exports.ICON_ALIASES = ICON_ALIASES; exports.brandLogoForName = brandLogoForName; exports.resolveIcon = resolveIcon; exports.findIcon = findIcon; exports.ICON_OPTIONS = ICON_OPTIONS;
+exports.IMAGE_WIDTHS = IMAGE_WIDTHS; exports.IMAGE_FIXED_WIDTHS = IMAGE_FIXED_WIDTHS; exports.IMAGE_QUALITY = IMAGE_QUALITY; exports.IMAGE_MAX_WIDTH = IMAGE_MAX_WIDTH; exports.IMAGE_SLOT = IMAGE_SLOT; exports.IMAGE_FIXED_PX = IMAGE_FIXED_PX; exports.fixedImageSlot = fixedImageSlot; exports.IMAGE_FRAME = IMAGE_FRAME; exports.imageWidthFor = imageWidthFor; exports.iconOf = iconOf; exports.requireIcon = requireIcon; exports.NamedIcon = NamedIcon; exports.PlatformMark = PlatformMark; exports.platformDisplayNames = platformDisplayNames; exports.platformShortNames = platformShortNames; exports.platformDescriptions = platformDescriptions; exports.platformSlogans = platformSlogans; exports.getPlatformDisplayName = getPlatformDisplayName; exports.getPlatformShortName = getPlatformShortName; exports.getPlatformDescription = getPlatformDescription; exports.getPlatformSlogan = getPlatformSlogan; exports.ODS_STEM_TOKENS = ODS_STEM_TOKENS; exports.ODS_STEM_CLASSES = ODS_STEM_CLASSES; exports.PLATFORM_THEME = PLATFORM_THEME; exports.PLATFORM_SURFACE = PLATFORM_SURFACE; exports.getPlatformBackgroundVarName = getPlatformBackgroundVarName; exports.getPlatformTextVarName = getPlatformTextVarName; exports.PLATFORM_BRAND = PLATFORM_BRAND; exports.getPlatformBrand = getPlatformBrand; exports.platformAccentToken = platformAccentToken; exports.platformSecondaryToken = platformSecondaryToken; exports.platformAccentVarName = platformAccentVarName; exports.platformSecondaryVarName = platformSecondaryVarName; exports.getPlatformAccentColor = getPlatformAccentColor; exports.getPlatformSecondaryColor = getPlatformSecondaryColor; exports.getPlatformBrandClasses = getPlatformBrandClasses; exports.platformColors = platformColors; exports.getPlatformColor = getPlatformColor; exports.platformHexColors = platformHexColors; exports.getDefaultColorForPlatform = getDefaultColorForPlatform; exports.ICON_REGISTRY = ICON_REGISTRY; exports.normalizeIconKey = normalizeIconKey; exports.getIconComponent = getIconComponent; exports.getDynamicIcon = getDynamicIcon; exports.ICON_ALIASES = ICON_ALIASES; exports.brandLogoForName = brandLogoForName; exports.resolveIcon = resolveIcon; exports.findIcon = findIcon; exports.ICON_OPTIONS = ICON_OPTIONS; exports.useImageFallback = useImageFallback;