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

package/dist/{chunk-FX35L4Y6.cjs → chunk-XCQ5I27Z.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkGI3MMBP3cjs = require('./chunk-GI3MMBP3.cjs');
+var _chunkSQ7YHWEPcjs = require('./chunk-SQ7YHWEP.cjs');
 
 // src/utils/common.ts
 var _clsx = require('clsx');
@@ -69,9 +69,9 @@ var _reactquery = require('@tanstack/react-query');
 
 // src/utils/embed-content-fetch.ts
 var contentFetch = (input, init) => {
-  if (!_chunkGI3MMBP3cjs.hasEmbedAuthAdapter.call(void 0, )) return fetch(input, init);
+  if (!_chunkSQ7YHWEPcjs.hasEmbedAuthAdapter.call(void 0, )) return fetch(input, init);
   const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
-  return _chunkGI3MMBP3cjs.embedAuthedFetch.call(void 0, url, init);
+  return _chunkSQ7YHWEPcjs.embedAuthedFetch.call(void 0, url, init);
 };
 
 // src/hooks/use-agent-identities.ts

package/dist/{chunk-5OENPMRU.cjs → chunk-XI3AMOW6.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,
@@ -1656,14 +1652,21 @@ function viewerLabel(viewer) {
 function hostFirst(viewers) {
   return [...viewers.filter((viewer) => viewer.isHost), ...viewers.filter((viewer) => !viewer.isHost)];
 }
-function RemoteSessionViewers({ viewers, max = 4, className }) {
+function RemoteSessionViewers({ viewers, max = 4, className, onOpenChange }) {
   const [open, setOpen] = _react.useState.call(void 0, false);
-  if (viewers.length === 0) return null;
+  if (viewers.length === 0) {
+    if (open) setOpen(false);
+    return null;
+  }
   const ordered = hostFirst(viewers);
   const faces = ordered.slice(0, max);
   const overflow = ordered.length - faces.length;
   const Chevron = open ? _chunk3MRRIHC2cjs.Chevron02UpIcon : _chunkSKI6NKOEcjs.Chevron02DownIcon;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVCFQHPOOcjs.DropdownMenu, { open, onOpenChange: setOpen, children: [
+  const changeOpen = (next) => {
+    setOpen(next);
+    _optionalChain([onOpenChange, 'optionalCall', _32 => _32(next)]);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVCFQHPOOcjs.DropdownMenu, { open, onOpenChange: changeOpen, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       _chunkVCFQHPOOcjs.DropdownMenuTrigger,
       {
@@ -1676,7 +1679,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 +1713,7 @@ function RemoteSessionViewers({ viewers, max = 4, className }) {
         ),
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkKA3L6D5Ncjs.SquareAvatar,
+            _chunkYSXVRTGTcjs.SquareAvatar,
             {
               variant: "round",
               sizePx: 24,
@@ -1756,7 +1759,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",
@@ -1859,14 +1862,14 @@ function RemoteAccessRequestCard({
 }) {
   const { organizationName } = party;
   const siteUrl = _nullishCoalesce(party.organizationSiteUrl, () => ( void 0));
-  const openableSite = _optionalChain([siteUrl, 'optionalAccess', _32 => _32.startsWith, 'call', _33 => _33("https://")]) ? siteUrl : void 0;
+  const openableSite = _optionalChain([siteUrl, 'optionalAccess', _33 => _33.startsWith, 'call', _34 => _34("https://")]) ? siteUrl : void 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-[var(--spacing-system-l)] rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-xl)]", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "w-full text-ods-text-primary text-h2", children: "Your IT support team is requesting remote access" }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center gap-[var(--spacing-system-m)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-m)]", children: [
       /* @__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 +1980,7 @@ function RemoteSessionSummary({
         ...dragHandlers,
         children: [
           technician ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkKA3L6D5Ncjs.SquareAvatar,
+            _chunkYSXVRTGTcjs.SquareAvatar,
             {
               variant: "round",
               sizePx: 48,
@@ -2031,7 +2034,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 +2186,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 +2229,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 +2248,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 +2314,7 @@ function RemoteDesktopChatPanel({
           message.id
         )) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk63ZV3UGGcjs.ChatInput,
+          _chunk65NMKAPQcjs.ChatInput,
           {
             placeholder: "Enter your Message...",
             onSend,
@@ -2654,9 +2657,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 +2697,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 +2727,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 +2746,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" })
@@ -2777,7 +2780,7 @@ function AssignTicketModal({
     setTicketIds(ids);
     setTitles((prev) => {
       const next = {};
-      for (const id of ids) next[id] = _nullishCoalesce(_nullishCoalesce(_optionalChain([options, 'access', _34 => _34.find, 'call', _35 => _35((option) => option.value === id), 'optionalAccess', _36 => _36.label]), () => ( prev[id])), () => ( id));
+      for (const id of ids) next[id] = _nullishCoalesce(_nullishCoalesce(_optionalChain([options, 'access', _35 => _35.find, 'call', _36 => _36((option) => option.value === id), 'optionalAccess', _37 => _37.label]), () => ( prev[id])), () => ( id));
       return next;
     });
   };
@@ -2785,9 +2788,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 +2809,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 +2828,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" })
@@ -2857,7 +2860,7 @@ function RemoteSessionEventList({ events, activeEventId, onSelect, className })
         "aria-current": event.id === activeEventId || void 0,
         "data-state": event.id === activeEventId ? "active" : void 0,
         "data-tone": "muted",
-        onClick: () => _optionalChain([onSelect, 'optionalCall', _37 => _37(event)]),
+        onClick: () => _optionalChain([onSelect, 'optionalCall', _38 => _38(event)]),
         className: "items-start",
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-[84px] shrink-0 text-ods-text-secondary text-h4", children: formatRemoteSessionOffset(event.offsetMs) }),
@@ -2887,7 +2890,7 @@ function RemoteSessionTimelineMarkers({
         type: "button",
         "aria-label": label,
         title: label,
-        onClick: () => _optionalChain([onSelect, 'optionalCall', _38 => _38(event)]),
+        onClick: () => _optionalChain([onSelect, 'optionalCall', _39 => _39(event)]),
         style: { left: `${share * 100}%` },
         className: "absolute top-0 h-4 w-1 -translate-x-1/2",
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block size-full rounded-md bg-ods-text-secondary" })
@@ -2910,7 +2913,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-TMPLHUUU.cjs → chunk-XTLMWLFB.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkGVHCQRUEcjs = require('./chunk-GVHCQRUE.cjs');
+var _chunk2P72KAG5cjs = require('./chunk-2P72KAG5.cjs');
 
 
-var _chunkPRJZMZ3Xcjs = require('./chunk-PRJZMZ3X.cjs');
+var _chunkSJZWVMBFcjs = require('./chunk-SJZWVMBF.cjs');
 
 
-var _chunk5OENPMRUcjs = require('./chunk-5OENPMRU.cjs');
+var _chunkXI3AMOW6cjs = require('./chunk-XI3AMOW6.cjs');
 
 
 var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
@@ -35,8 +35,8 @@ function FaqDocumentPage({
     label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _ => _.label]), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _2 => _2.href]), () => ( "/")))
   };
-  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5OENPMRUcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGVHCQRUEcjs.FaqSection,
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXI3AMOW6cjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk2P72KAG5cjs.FaqSection,
     {
       initialFaqs,
       heading: null,
@@ -51,7 +51,7 @@ function FaqDocumentPage({
       skeletonNav
     }
   ) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPRJZMZ3Xcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSJZWVMBFcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 

package/dist/{chunk-AZEO7HBB.cjs → chunk-Y44EF4JW.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunk6GWRPW6Bcjs = require('./chunk-6GWRPW6B.cjs');
+var _chunk5NK3FUHYcjs = require('./chunk-5NK3FUHY.cjs');
 
 
 
@@ -118,7 +118,7 @@ function PersistentPaginationWrapper({
             },
             "aria-hidden": isPaginationDisabled,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk6GWRPW6Bcjs.UnifiedPagination,
+              _chunk5NK3FUHYcjs.UnifiedPagination,
               {
                 currentPage: displayCurrentPage,
                 totalPages: displayTotalPages,