@flamingo-stack/openframe-frontend-core 0.0.847 → 0.0.849

package/dist/{chunk-WCK5T3UD.cjs → chunk-IKOL6NJY.cjs}

@@ -12,7 +12,7 @@ var _chunkOT6P57ZScjs = require('./chunk-OT6P57ZS.cjs');
 
 
 
-var _chunkJ2IXYCEHcjs = require('./chunk-J2IXYCEH.cjs');
+var _chunk3W4ASAXNcjs = require('./chunk-3W4ASAXN.cjs');
 
 
 
@@ -109,7 +109,7 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
 
-var _chunkNFNSPLGCcjs = require('./chunk-NFNSPLGC.cjs');
+var _chunkW7OFAROYcjs = require('./chunk-W7OFAROY.cjs');
 
 
 var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
@@ -122,12 +122,12 @@ var _chunkCOWMXUHNcjs = require('./chunk-COWMXUHN.cjs');
 var _chunkJQCQCE6Ucjs = require('./chunk-JQCQCE6U.cjs');
 
 
-var _chunk3V5JWG27cjs = require('./chunk-3V5JWG27.cjs');
+var _chunkGG466XFQcjs = require('./chunk-GG466XFQ.cjs');
 
 
 
 
-var _chunkSWF6TNZ3cjs = require('./chunk-SWF6TNZ3.cjs');
+var _chunkZGEWT3SFcjs = require('./chunk-ZGEWT3SF.cjs');
 
 
 
@@ -144,7 +144,7 @@ var _chunk2XCORRJVcjs = require('./chunk-2XCORRJV.cjs');
 
 
 
-var _chunk3TOWCFIKcjs = require('./chunk-3TOWCFIK.cjs');
+var _chunkPMUCEUFQcjs = require('./chunk-PMUCEUFQ.cjs');
 
 
 
@@ -198,10 +198,10 @@ function TruncateText({
   const { ref, isTruncated } = _chunkCOWMXUHNcjs.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, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: variant, lines, as, className: _chunk63A4GZMBcjs.cn.call(void 0, "w-3/4", triggerClassName) });
+    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, 
-    _chunkNFNSPLGCcjs.FloatingTooltip,
+    _chunkW7OFAROYcjs.FloatingTooltip,
     {
       content: _nullishCoalesce(tooltip, () => ( children)),
       side,
@@ -281,7 +281,7 @@ var AUTOCOMPLETE_OPTION_ROW_CLASS = "flex min-h-11 items-center border-b border-
 var AUTOCOMPLETE_LOADING_ROWS = 5;
 var AUTOCOMPLETE_ANCHOR_SHAPE_CLASS = "rounded-[6px]";
 function AutocompleteSkeleton({ label, labelVariant, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSWF6TNZ3cjs.FieldWrapper, { label, labelVariant, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.UnifiedSkeleton, { className: _chunk63A4GZMBcjs.cn.call(void 0, "w-full", AUTOCOMPLETE_ANCHOR_SHAPE_CLASS, AUTOCOMPLETE_ANCHOR_HEIGHT_CLASS) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZGEWT3SFcjs.FieldWrapper, { label, labelVariant, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { className: _chunk63A4GZMBcjs.cn.call(void 0, "w-full", AUTOCOMPLETE_ANCHOR_SHAPE_CLASS, AUTOCOMPLETE_ANCHOR_HEIGHT_CLASS) }) });
 }
 function AutocompleteInner(props, ref) {
   const inScope = _chunk63A4GZMBcjs.useLoadingScope.call(void 0, );
@@ -590,7 +590,7 @@ function AutocompleteInner(props, ref) {
               ),
               children: [
                 multiple && visibleTags.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkNFNSPLGCcjs.Tag,
+                  _chunkW7OFAROYcjs.Tag,
                   {
                     variant: "outline",
                     className: wrapTags ? "max-w-full" : void 0,
@@ -699,7 +699,7 @@ function AutocompleteInner(props, ref) {
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaPrimitive.Viewport, { className: "max-h-[240px] min-h-0 w-full [&>div]:!block", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: showLoadingRows ? void 0 : "listbox", children: showLoadingRows ? (
             // The options while they are read: the list's own rows, a label bar each (`loadingText` is what a
             // screen reader hears).
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCORRJVcjs.LoadingRegion, { label: loadingText, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63A4GZMBcjs.LoadingItems, { count: loadingRows, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: AUTOCOMPLETE_OPTION_ROW_CLASS, "aria-hidden": true, "data-loading-item": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "inherit", className: "w-2/3" }) }) }) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCORRJVcjs.LoadingRegion, { label: loadingText, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63A4GZMBcjs.LoadingItems, { count: loadingRows, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: AUTOCOMPLETE_OPTION_ROW_CLASS, "aria-hidden": true, "data-loading-item": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "inherit", className: "w-2/3" }) }) }) })
           ) : filteredOptions.length === 0 ? showCreateOption ? isCreateTooLong ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-11 min-w-0 items-center px-[var(--spacing-system-mf)] text-ods-error text-h5 md:h-12", children: [
             "Maximum ",
             maxCreateLength,
@@ -780,7 +780,7 @@ function AutocompleteInner(props, ref) {
   if (inScope || fieldLoading)
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AutocompleteSkeleton, { label, labelVariant, className });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkSWF6TNZ3cjs.FieldWrapper,
+    _chunkZGEWT3SFcjs.FieldWrapper,
     {
       label,
       labelVariant,
@@ -790,7 +790,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, 
-          _chunkJ2IXYCEHcjs.HiddenTagsPopup,
+          _chunk3W4ASAXNcjs.HiddenTagsPopup,
           {
             ref: hiddenTagsPopupRef,
             items: hiddenTags,
@@ -806,7 +806,7 @@ function AutocompleteInner(props, ref) {
         multiple && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "aria-hidden": "true", className: _chunkFW7RKWPYcjs.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, 
-            _chunkNFNSPLGCcjs.Tag,
+            _chunkW7OFAROYcjs.Tag,
             {
               variant: "outline",
               labelClassName: "max-w-[90px] truncate",
@@ -869,7 +869,7 @@ var SelectTrigger = _react.forwardRef.call(void 0, (allProps, ref) => {
       ),
       ...props,
       children: [
-        inScope ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSWF6TNZ3cjs.FieldValueSkeleton, {}) : children,
+        inScope ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZGEWT3SFcjs.FieldValueSkeleton, {}) : children,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _chunkSKI6NKOEcjs.Chevron02DownIcon,
           {
@@ -883,7 +883,7 @@ var SelectTrigger = _react.forwardRef.call(void 0, (allProps, ref) => {
       ]
     }
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSWF6TNZ3cjs.FieldWrapper, { label, labelVariant, error, errorSlot, children: trigger });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZGEWT3SFcjs.FieldWrapper, { label, labelVariant, error, errorSlot, children: trigger });
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 var SelectScrollUpButton = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -970,9 +970,26 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/layout/back-button.tsx
 
+function hasSameSiteHistory() {
+  if (typeof window === "undefined") return false;
+  const nav = window.navigation;
+  if (nav && typeof nav.canGoBack === "boolean") return nav.canGoBack && (_nullishCoalesce(_optionalChain([nav, 'access', _25 => _25.currentEntry, 'optionalAccess', _26 => _26.index]), () => ( 0))) > 0;
+  try {
+    return window.history.length > 1 && !!document.referrer && new URL(document.referrer).origin === window.location.origin;
+  } catch (e2) {
+    return false;
+  }
+}
 var BACK_BUTTON_LAYOUT_CLASS = "self-start";
 var BACK_BUTTON_SKELETON_CLASS = "h-11 w-40 rounded-md md:h-12";
-function BackButton({ label = "Back", className, type = "button", href, ...props }) {
+function BackButton({
+  label = "Back",
+  className,
+  type = "button",
+  href,
+  historyBack = false,
+  ...props
+}) {
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFC7N7BQXcjs.Chevron02LeftIcon, { className: "size-6 shrink-0" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h4", children: label })
@@ -990,7 +1007,22 @@ function BackButton({ label = "Back", className, type = "button", href, ...props
       value: _value,
       ...shared
     } = props;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { asChild: true, variant: "link", noPaddingX: true, className: _chunk63A4GZMBcjs.cn.call(void 0, BACK_BUTTON_LAYOUT_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { ...shared, href, children: content }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { asChild: true, variant: "link", noPaddingX: true, className: _chunk63A4GZMBcjs.cn.call(void 0, BACK_BUTTON_LAYOUT_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkV45KLJQPcjs.next_link_default,
+      {
+        ...shared,
+        href,
+        onClick: historyBack ? (event) => {
+          _optionalChain([shared, 'access', _27 => _27.onClick, 'optionalCall', _28 => _28(event)]);
+          if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
+            return;
+          if (!hasSameSiteHistory()) return;
+          event.preventDefault();
+          window.history.back();
+        } : shared.onClick,
+        children: content
+      }
+    ) });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { variant: "link", noPaddingX: true, type, className: _chunk63A4GZMBcjs.cn.call(void 0, BACK_BUTTON_LAYOUT_CLASS, className), ...props, children: content });
 }
@@ -1131,8 +1163,8 @@ function actionGlyph(icon) {
   return icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: ACTION_GLYPH_CLASSES, children: icon }) : icon;
 }
 function UnknownActionSkeleton({ shape, fullWidth }) {
-  if (shape === "icon") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.InteractiveSkeleton.Button, { size: "icon" });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.InteractiveSkeleton.Button, { size: "default", className: fullWidth ? "flex-1" : void 0 });
+  if (shape === "icon") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.InteractiveSkeleton.Button, { size: "icon" });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.InteractiveSkeleton.Button, { size: "default", className: fullWidth ? "flex-1" : void 0 });
 }
 function PageActions({
   variant = "icon-buttons",
@@ -1179,7 +1211,7 @@ function IconButtonsVariant({
   const unknownSet = !!loadingProp;
   const desktopActions = actions.filter((a) => !a.showOnlyMobile);
   const hasMenuActions = !!menuActions && menuActions.some((g) => g.items.length > 0);
-  const isSingleAction = actions.length === 1 && !_optionalChain([actions, 'access', _25 => _25[0], 'access', _26 => _26.submenu, 'optionalAccess', _27 => _27.length]);
+  const isSingleAction = actions.length === 1 && !_optionalChain([actions, 'access', _29 => _29[0], 'access', _30 => _30.submenu, 'optionalAccess', _31 => _31.length]);
   const singleAction = isSingleAction ? actions[0] : null;
   const useSingleActionMobile = isSingleAction && !hasMenuActions;
   const mobileMenuGroups = [{ items: actions.flatMap(actionToMenuItems) }, ..._nullishCoalesce(menuActions, () => ( []))];
@@ -1294,7 +1326,7 @@ function usePageActionsBottomPadding(variant) {
 // src/components/ui/entity-image.tsx
 
 
-var ENTITY_IMAGE_SIZE = _chunk3TOWCFIKcjs.TILE_SIZE.entity;
+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, );
@@ -1304,7 +1336,7 @@ function EntityImage({ src, alt, fallbackText, sizeClassName, className }) {
   const imageFailed = resolvedSrc !== void 0 && failedSrc === resolvedSrc;
   if (held) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityImageSkeleton, { sizeClassName, className });
   const showFallback = imageFailed || !resolvedSrc;
-  const initials = _chunkNFNSPLGCcjs.personInitials.call(void 0, _nullishCoalesce(fallbackText, () => ( alt)));
+  const initials = _chunkW7OFAROYcjs.personInitials.call(void 0, _nullishCoalesce(fallbackText, () => ( alt)));
   if (showFallback) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
@@ -1321,7 +1353,7 @@ function EntityImage({ src, alt, fallbackText, sizeClassName, className }) {
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3V5JWG27cjs.next_image_default,
+    _chunkGG466XFQcjs.next_image_default,
     {
       src: resolvedSrc,
       alt: _nullishCoalesce(alt, () => ( "")),
@@ -1340,7 +1372,7 @@ function EntityImage({ src, alt, fallbackText, sizeClassName, className }) {
 }
 function EntityImageSkeleton({ sizeClassName, className }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3TOWCFIKcjs.UnifiedSkeleton,
+    _chunkPMUCEUFQcjs.UnifiedSkeleton,
     {
       className: _chunk63A4GZMBcjs.cn.call(void 0, "shrink-0", ENTITY_IMAGE_RADIUS_CLASS, _nullishCoalesce(sizeClassName, () => ( ENTITY_IMAGE_SIZE)), className)
     }
@@ -1403,19 +1435,19 @@ function TitleBlock({
   const { ref: subtitleRef, isTruncated: subtitleTruncated } = _chunkCOWMXUHNcjs.useIsTruncated.call(void 0, 
     subtitleLoading ? null : subtitle
   );
-  const titleNode = titleLoading && titleSkeletonLines && titleWrap ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLinesByBreakpointSkeleton, { as: "span", lines: titleSkeletonLines }) : titleLoading && titleSkeletonLines ? (
+  const titleNode = titleLoading && titleSkeletonLines && titleWrap ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLinesByBreakpointSkeleton, { as: "span", lines: titleSkeletonLines }) : titleLoading && titleSkeletonLines ? (
     // An unclamped title wraps where the WINDOW is narrow (a phone), not where a docked panel narrows the content:
     // its loading lines follow the viewport step, the phone count below `md` and the `md` count above it.
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "contents md:hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3TOWCFIKcjs.TextLinesByBreakpointSkeleton,
+        _chunkPMUCEUFQcjs.TextLinesByBreakpointSkeleton,
         {
           as: "span",
           lines: { phone: titleSkeletonLines.phone, md: titleSkeletonLines.phone, lg: titleSkeletonLines.phone }
         }
       ) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "hidden md:contents", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3TOWCFIKcjs.TextLinesByBreakpointSkeleton,
+        _chunkPMUCEUFQcjs.TextLinesByBreakpointSkeleton,
         {
           as: "span",
           lines: { phone: titleSkeletonLines.md, md: titleSkeletonLines.md, lg: titleSkeletonLines.lg }
@@ -1423,7 +1455,7 @@ function TitleBlock({
       ) })
     ] })
   ) : titleLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3TOWCFIKcjs.UnifiedSkeleton,
+    _chunkPMUCEUFQcjs.UnifiedSkeleton,
     {
       as: "span",
       "aria-hidden": true,
@@ -1466,7 +1498,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, 
-                      _chunkNFNSPLGCcjs.FloatingTooltip,
+                      _chunkW7OFAROYcjs.FloatingTooltip,
                       {
                         content: title,
                         side: "bottom",
@@ -1483,19 +1515,19 @@ function TitleBlock({
                       }
                     ),
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: titleAdornment })
-                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNFNSPLGCcjs.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, _chunkW7OFAROYcjs.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, _chunkNFNSPLGCcjs.FloatingTooltip, { content: subtitle, side: "bottom", disabled: !subtitleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW7OFAROYcjs.FloatingTooltip, { content: subtitle, side: "bottom", disabled: !subtitleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "p",
                     {
                       ref: subtitleRef,
                       className: "truncate text-ods-text-secondary text-h6",
                       "aria-hidden": !subtitleLoading && !subtitle ? true : void 0,
                       children: subtitleLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunk3TOWCFIKcjs.UnifiedSkeleton,
+                        _chunkPMUCEUFQcjs.UnifiedSkeleton,
                         {
                           as: "span",
                           "aria-hidden": true,
@@ -1506,7 +1538,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, _chunkNFNSPLGCcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, triggerClassName: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW7OFAROYcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, triggerClassName: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   PageTitle,
                   {
                     ref: titleRef,
@@ -1634,7 +1666,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, 
-              _chunkNFNSPLGCcjs.SquareAvatar,
+              _chunkW7OFAROYcjs.SquareAvatar,
               {
                 variant: "round",
                 sizePx: 32,
@@ -1668,7 +1700,7 @@ function RemoteSessionViewers({ viewers, max = 4, className }) {
         ),
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkNFNSPLGCcjs.SquareAvatar,
+            _chunkW7OFAROYcjs.SquareAvatar,
             {
               variant: "round",
               sizePx: 24,
@@ -1714,7 +1746,7 @@ function RemoteSessionScope({ children, className }) {
 function RemoteSessionOrgLogo({ name, logoUrl, sizePx, className }) {
   if (logoUrl) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNFNSPLGCcjs.SquareAvatar,
+      _chunkW7OFAROYcjs.SquareAvatar,
       {
         variant: "square",
         fit: "contain",
@@ -1817,14 +1849,14 @@ function RemoteAccessRequestCard({
 }) {
   const { organizationName } = party;
   const siteUrl = _nullishCoalesce(party.organizationSiteUrl, () => ( void 0));
-  const openableSite = _optionalChain([siteUrl, 'optionalAccess', _28 => _28.startsWith, 'call', _29 => _29("https://")]) ? siteUrl : void 0;
+  const openableSite = _optionalChain([siteUrl, 'optionalAccess', _32 => _32.startsWith, 'call', _33 => _33("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: _chunkNFNSPLGCcjs.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: _chunkW7OFAROYcjs.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" }) })
     ] }),
@@ -1935,7 +1967,7 @@ function RemoteSessionSummary({
         ...dragHandlers,
         children: [
           technician ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkNFNSPLGCcjs.SquareAvatar,
+            _chunkW7OFAROYcjs.SquareAvatar,
             {
               variant: "round",
               sizePx: 48,
@@ -1989,7 +2021,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, 
-            _chunkNFNSPLGCcjs.SquareAvatar,
+            _chunkW7OFAROYcjs.SquareAvatar,
             {
               sizePx: 48,
               src: _nullishCoalesce(party.technicianAvatarUrl, () => ( void 0)),
@@ -2141,7 +2173,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, 
-        _chunkNFNSPLGCcjs.SquareAvatar,
+        _chunkW7OFAROYcjs.SquareAvatar,
         {
           variant: "round",
           sizePx: 16,
@@ -2184,7 +2216,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, 
-        _chunkNFNSPLGCcjs.SquareAvatar,
+        _chunkW7OFAROYcjs.SquareAvatar,
         {
           loading,
           variant: "round",
@@ -2198,15 +2230,15 @@ function RemoteDesktopChatMessageRow({
         "span",
         {
           className: _chunk63A4GZMBcjs.cn.call(void 0, MESSAGE_NAME_CLASS, !loading && (isTechnician ? "text-ods-accent" : "text-ods-text-secondary")),
-          children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) : authorName
+          children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) : authorName
         }
       ),
-      loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", as: "span", className: "w-12 shrink-0" }) : (
+      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: _chunkJ2IXYCEHcjs.formatTime.call(void 0, sentAt) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { suppressHydrationWarning: true, className: "shrink-0 text-ods-text-secondary text-h6", children: _chunk3W4ASAXNcjs.formatTime.call(void 0, sentAt) })
       )
     ] }),
-    loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.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 })
+    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 })
   ] });
 }
 
@@ -2269,7 +2301,7 @@ function RemoteDesktopChatPanel({
           message.id
         )) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkJ2IXYCEHcjs.ChatInput,
+          _chunk3W4ASAXNcjs.ChatInput,
           {
             placeholder: "Enter your Message...",
             onSend,
@@ -2406,14 +2438,14 @@ function RemoteDesktopView({
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-mf)]", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0 rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-xsf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPTK7GOIIcjs.MonitorIcon, { className: "h-4 w-4 text-ods-text-primary" }) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h4", className: "w-48 max-w-full" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", className: "w-36 max-w-full" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h4", className: "w-48 max-w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-36 max-w-full" })
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-[var(--spacing-system-xs)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.InteractiveSkeleton.Button, { size: "icon" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.InteractiveSkeleton.Button, { size: "icon" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.InteractiveSkeleton.Button, { size: "icon" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.InteractiveSkeleton.Button, { size: "icon" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.InteractiveSkeleton.Button, { size: "icon" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.InteractiveSkeleton.Button, { size: "icon" })
     ] })
   ] }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CONTROLS_BAR_CLASS, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CONTROLS_ROW_CLASS, children: [
@@ -2612,9 +2644,9 @@ function KeepRecordingModal({
     if (!canKeep || isPending) return;
     onConfirm({ reason, description: reason === "OTHER" ? trimmed : null });
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3W4ASAXNcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalTitle, { children: "Keep this recording" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3W4ASAXNcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3W4ASAXNcjs.ModalTitle, { children: "Keep this recording" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       KeepNotice,
       {
@@ -2641,7 +2673,7 @@ function KeepRecordingModal({
         }
       ),
       reason === "OTHER" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkSWF6TNZ3cjs.Input,
+        _chunkZGEWT3SFcjs.Input,
         {
           "aria-label": "Reason description",
           value: description,
@@ -2652,7 +2684,7 @@ function KeepRecordingModal({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3W4ASAXNcjs.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, 
@@ -2682,9 +2714,9 @@ function ReleaseKeepingModal({
   isPending = false,
   onConfirm
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3W4ASAXNcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalTitle, { children: "Release Keeping" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3W4ASAXNcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3W4ASAXNcjs.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 ",
@@ -2701,7 +2733,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, _chunkJ2IXYCEHcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3W4ASAXNcjs.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" })
@@ -2735,7 +2767,7 @@ function AssignTicketModal({
     setTicketIds(ids);
     setTitles((prev) => {
       const next = {};
-      for (const id of ids) next[id] = _nullishCoalesce(_nullishCoalesce(_optionalChain([options, 'access', _30 => _30.find, 'call', _31 => _31((option) => option.value === id), 'optionalAccess', _32 => _32.label]), () => ( prev[id])), () => ( id));
+      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));
       return next;
     });
   };
@@ -2743,9 +2775,9 @@ function AssignTicketModal({
     if (ticketIds.length === 0 || isPending) return;
     onConfirm(ticketIds);
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3W4ASAXNcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalTitle, { children: "Assign Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3W4ASAXNcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3W4ASAXNcjs.ModalTitle, { children: "Assign Ticket" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       Autocomplete,
       {
@@ -2764,7 +2796,7 @@ function AssignTicketModal({
         disabled: isPending
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3W4ASAXNcjs.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, 
@@ -2783,11 +2815,11 @@ function AssignTicketModal({
   ] });
 }
 function UnassignTicketModal({ isOpen, onClose, isPending = false, onConfirm }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3W4ASAXNcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalTitle, { children: "Unassign Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3W4ASAXNcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3W4ASAXNcjs.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, _chunkJ2IXYCEHcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3W4ASAXNcjs.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" })
@@ -2815,7 +2847,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', _33 => _33(event)]),
+        onClick: () => _optionalChain([onSelect, 'optionalCall', _37 => _37(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) }),
@@ -2845,7 +2877,7 @@ function RemoteSessionTimelineMarkers({
         type: "button",
         "aria-label": label,
         title: label,
-        onClick: () => _optionalChain([onSelect, 'optionalCall', _34 => _34(event)]),
+        onClick: () => _optionalChain([onSelect, 'optionalCall', _38 => _38(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" })
@@ -2868,7 +2900,7 @@ var STATUS_TAG = {
 function RemoteSessionStatusTag({ status, className }) {
   const { label, variant } = STATUS_TAG[status];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNFNSPLGCcjs.Tag,
+    _chunkW7OFAROYcjs.Tag,
     {
       label,
       variant,