@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/{chunk-SIDDZZKL.cjs → chunk-UONQCE5N.cjs}

@@ -10,14 +10,14 @@ var _chunkA6P6DHEZcjs = require('./chunk-A6P6DHEZ.cjs');
 
 
 
-var _chunkXEYL6AFZcjs = require('./chunk-XEYL6AFZ.cjs');
+var _chunkAKCBLZAOcjs = require('./chunk-AKCBLZAO.cjs');
 
 
 
 
 
 
-var _chunkLELS4XMXcjs = require('./chunk-LELS4XMX.cjs');
+var _chunkVZKAAXU3cjs = require('./chunk-VZKAAXU3.cjs');
 
 
 var _chunk2NETL2MScjs = require('./chunk-2NETL2MS.cjs');
@@ -102,7 +102,7 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
 
-var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
+var _chunkAFJEUBDScjs = require('./chunk-AFJEUBDS.cjs');
 
 
 var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
@@ -112,38 +112,42 @@ var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
 var _chunkV4FXUIMHcjs = require('./chunk-V4FXUIMH.cjs');
 
 
-var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
+var _chunk3VINTJPEcjs = require('./chunk-3VINTJPE.cjs');
 
 
 
-var _chunkYXDHVHB2cjs = require('./chunk-YXDHVHB2.cjs');
 
+var _chunkKWV23THOcjs = require('./chunk-KWV23THO.cjs');
 
 
 
 
 
-var _chunkXIFEZ2JTcjs = require('./chunk-XIFEZ2JT.cjs');
 
+var _chunkL4XOCV7Scjs = require('./chunk-L4XOCV7S.cjs');
 
-var _chunkWEANWBJHcjs = require('./chunk-WEANWBJH.cjs');
 
+var _chunk63OCO2G5cjs = require('./chunk-63OCO2G5.cjs');
 
 
 
 
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
+
+
+
+var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
 
 
 
-var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 // src/components/ui/hidden-tags-popup.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -154,7 +158,7 @@ var HiddenTagsPopup = _react.forwardRef.call(void 0, function HiddenTagsPopupImp
     {
       ref,
       style,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         // Base positioning is neutral (left-anchored); consumers override via
         // `style.left` (search-input, tag-search-input) or `className` (autocomplete).
         "absolute left-0 top-full z-50 mt-1 min-w-[200px]",
@@ -165,7 +169,7 @@ var HiddenTagsPopup = _react.forwardRef.call(void 0, function HiddenTagsPopupImp
       children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
-          className: _chunk65VVJSQZcjs.cn.call(void 0, 
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
             "flex h-11 items-center justify-between gap-3 px-3 md:h-12",
             "border-b border-ods-border last:border-b-0"
           ),
@@ -179,16 +183,18 @@ var HiddenTagsPopup = _react.forwardRef.call(void 0, function HiddenTagsPopupImp
               }
             ),
             !disabled && onRemove && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
+              _chunkCDBFQVPAcjs.Button,
               {
+                variant: "transparent",
+                size: "icon-sm",
                 type: "button",
                 onClick: (e) => {
                   e.stopPropagation();
                   onRemove(item.value);
                 },
-                className: "shrink-0 text-ods-text-secondary transition-colors hover:text-ods-text-primary",
+                className: "shrink-0",
                 "aria-label": `Remove ${String(item.label)}`,
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUHKTWGBcjs.XmarkCircleIcon, { size: 20 })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUHKTWGBcjs.XmarkCircleIcon, { className: "text-ods-text-secondary" })
               }
             )
           ]
@@ -231,25 +237,29 @@ function TruncateText({
   tone = "primary",
   mono = false,
   triggerClassName,
-  as = "div"
+  as = "div",
+  loading: loadingProp = false
 }) {
   const isMultiLine = lines > 1;
   const { ref, isTruncated } = _chunkV4FXUIMHcjs.useIsTruncated.call(void 0, children, { multiline: isMultiLine });
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) && !children || loadingProp;
+  if (loading)
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: variant, lines, as, className: _chunkN6YCOBLKcjs.cn.call(void 0, "w-3/4", triggerClassName) });
   const clampClass = isMultiLine ? LINE_CLAMP_CLASS[lines] : "truncate block";
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBNUZKBNVcjs.FloatingTooltip,
+    _chunkAFJEUBDScjs.FloatingTooltip,
     {
       content: _nullishCoalesce(tooltip, () => ( children)),
       side,
       disabled: !isTruncated,
       className: "max-w-xs whitespace-pre-line [overflow-wrap:anywhere]",
       as,
-      triggerClassName: _chunk65VVJSQZcjs.cn.call(void 0, "min-w-0 max-w-full", as === "span" && "inline-block align-bottom", triggerClassName),
+      triggerClassName: _chunkN6YCOBLKcjs.cn.call(void 0, "min-w-0 max-w-full", as === "span" && "inline-block align-bottom", triggerClassName),
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "span",
         {
           ref,
-          className: _chunk65VVJSQZcjs.cn.call(void 0, 
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
             VARIANT_CLASS[variant],
             TONE_CLASS[tone],
             mono && "[font-family:var(--font-family-heading)]",
@@ -276,7 +286,7 @@ var _lucidereact = require('lucide-react');
 
 
 
-var innerInputStyles = _chunk65VVJSQZcjs.cn.call(void 0, 
+var innerInputStyles = _chunkN6YCOBLKcjs.cn.call(void 0, 
   "min-w-[60px] flex-1 border-none bg-transparent outline-none",
   "text-h4",
   "text-ods-text-primary placeholder:text-ods-text-secondary",
@@ -288,10 +298,10 @@ 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, _chunkYXDHVHB2cjs.FieldWrapper, { label, labelVariant, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: _chunk65VVJSQZcjs.cn.call(void 0, "w-full", AUTOCOMPLETE_ANCHOR_SHAPE_CLASS, AUTOCOMPLETE_ANCHOR_HEIGHT_CLASS) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKWV23THOcjs.FieldWrapper, { label, labelVariant, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: _chunkN6YCOBLKcjs.cn.call(void 0, "w-full", AUTOCOMPLETE_ANCHOR_SHAPE_CLASS, AUTOCOMPLETE_ANCHOR_HEIGHT_CLASS) }) });
 }
 function AutocompleteInner(props, ref) {
-  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const inScope = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   const {
     options,
     disabled = false,
@@ -340,7 +350,7 @@ function AutocompleteInner(props, ref) {
     if (!isInputControlled) {
       setInternalInputValue(value);
     }
-    _optionalChain([onInputChange, 'optionalCall', _2 => _2(value, reason)]);
+    _optionalChain([onInputChange, 'optionalCall', _ => _(value, reason)]);
   };
   const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
   const [highlightedIndex, setHighlightedIndex] = _react.useState.call(void 0, -1);
@@ -353,7 +363,7 @@ function AutocompleteInner(props, ref) {
     return valueArray.map((v) => _nullishCoalesce(options.find((opt) => opt.value === v), () => ( { label: String(v), value: v })));
   }, [valueArray, options]);
   const selectedOption = !multiple && selectedOptions.length > 0 ? selectedOptions[0] : null;
-  const resolvedStartAdornment = _nullishCoalesce(_nullishCoalesce(startAdornment, () => ( _optionalChain([selectedOption, 'optionalAccess', _3 => _3.icon]))), () => ( null));
+  const resolvedStartAdornment = _nullishCoalesce(_nullishCoalesce(startAdornment, () => ( _optionalChain([selectedOption, 'optionalAccess', _2 => _2.icon]))), () => ( null));
   const inputPlaceholder = multiple ? valueArray.length === 0 ? placeholder : "Add More..." : placeholder;
   const {
     visibleCount: autoVisibleCount,
@@ -377,8 +387,8 @@ function AutocompleteInner(props, ref) {
     if (!showHiddenTags) return void 0;
     const handleClick = (e) => {
       const target = e.target;
-      const inButton = _optionalChain([hiddenTagsRef, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.contains, 'call', _6 => _6(target)]);
-      const inPopup = _optionalChain([hiddenTagsPopupRef, 'access', _7 => _7.current, 'optionalAccess', _8 => _8.contains, 'call', _9 => _9(target)]);
+      const inButton = _optionalChain([hiddenTagsRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.contains, 'call', _5 => _5(target)]);
+      const inPopup = _optionalChain([hiddenTagsPopupRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.contains, 'call', _8 => _8(target)]);
       if (!inButton && !inPopup) {
         setShowHiddenTags(false);
       }
@@ -421,7 +431,7 @@ function AutocompleteInner(props, ref) {
     }
     updateInputValue("", "reset");
     setIsOpen(false);
-    _optionalChain([onCreateOption, 'optionalCall', _10 => _10(trimmed)]);
+    _optionalChain([onCreateOption, 'optionalCall', _9 => _9(trimmed)]);
   };
   const [highlightedFor, setHighlightedFor] = _react.useState.call(void 0, filteredOptions.length);
   if (highlightedFor !== filteredOptions.length) {
@@ -447,7 +457,7 @@ function AutocompleteInner(props, ref) {
         props.onChange([...valueArray, option.value]);
       }
       updateInputValue("", "reset");
-      _optionalChain([inputRef, 'access', _11 => _11.current, 'optionalAccess', _12 => _12.focus, 'call', _13 => _13()]);
+      _optionalChain([inputRef, 'access', _10 => _10.current, 'optionalAccess', _11 => _11.focus, 'call', _12 => _12()]);
     } else {
       props.onChange(option.value);
       updateInputValue(clearOnOpen ? "" : option.label, "reset");
@@ -465,7 +475,7 @@ function AutocompleteInner(props, ref) {
     if (!isInputControlled) {
       setInternalInputValue("");
     }
-    _optionalChain([onInputChange, 'optionalCall', _14 => _14("", "clear")]);
+    _optionalChain([onInputChange, 'optionalCall', _13 => _13("", "clear")]);
     setIsOpen(false);
   };
   const handleKeyDown = (e) => {
@@ -522,7 +532,7 @@ function AutocompleteInner(props, ref) {
       "div",
       {
         "data-invalid": isInvalid || void 0,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           // Layout — single line, no wrapping
           "flex cursor-text items-center border",
           AUTOCOMPLETE_ANCHOR_SHAPE_CLASS,
@@ -546,7 +556,7 @@ function AutocompleteInner(props, ref) {
         ),
         onClick: () => {
           if (!disabled) {
-            _optionalChain([inputRef, 'access', _15 => _15.current, 'optionalAccess', _16 => _16.focus, 'call', _17 => _17()]);
+            _optionalChain([inputRef, 'access', _14 => _14.current, 'optionalAccess', _15 => _15.focus, 'call', _16 => _16()]);
             openDropdown();
           }
         },
@@ -554,7 +564,7 @@ function AutocompleteInner(props, ref) {
           resolvedStartAdornment && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                 // Images are sized alongside svgs: an entity adornment is
                 // usually a flag or a crest, and an unconstrained <img> lays
                 // out at 0x0 inside this flex row.
@@ -570,13 +580,13 @@ function AutocompleteInner(props, ref) {
             "div",
             {
               ref: middleRef,
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                 "flex min-w-0 flex-1 items-center gap-2 px-2",
                 wrapTags ? "flex-wrap py-[var(--spacing-system-xsf)]" : "overflow-hidden"
               ),
               children: [
                 multiple && visibleTags.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkBNUZKBNVcjs.Tag,
+                  _chunkAFJEUBDScjs.Tag,
                   {
                     variant: "outline",
                     className: wrapTags ? "max-w-full" : void 0,
@@ -589,10 +599,12 @@ function AutocompleteInner(props, ref) {
                   String(option.value)
                 )),
                 multiple && hiddenTagsCount > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: hiddenTagsRef, className: "shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "button",
+                  _chunkCDBFQVPAcjs.Button,
                   {
+                    variant: "chip",
                     ref: badgeRef,
                     type: "button",
+                    "aria-expanded": showHiddenTags,
                     onClick: (e) => {
                       e.stopPropagation();
                       setShowHiddenTags((prev) => {
@@ -600,12 +612,6 @@ function AutocompleteInner(props, ref) {
                         return !prev;
                       });
                     },
-                    className: _chunk65VVJSQZcjs.cn.call(void 0, 
-                      "flex h-8 items-center px-2",
-                      "rounded-[6px] border border-ods-border bg-ods-card",
-                      "text-ods-text-secondary text-h5",
-                      "cursor-pointer transition-colors hover:bg-ods-bg-hover"
-                    ),
                     children: getLimitTagsText(hiddenTagsCount)
                   }
                 ) }),
@@ -628,19 +634,20 @@ function AutocompleteInner(props, ref) {
           ),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-1 pr-3", children: [
             showClearAll && (hasValue || inputValue.length > 0) && !disabled && isOpen && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
+              _chunkCDBFQVPAcjs.Button,
               {
+                variant: "transparent",
+                size: "icon-sm",
                 type: "button",
                 onClick: handleClearAll,
-                className: "flex items-center justify-center transition-opacity hover:opacity-70",
                 "aria-label": "Clear all",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUHKTWGBcjs.XmarkCircleIcon, { className: "size-4 text-ods-text-secondary md:size-6" })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUHKTWGBcjs.XmarkCircleIcon, { className: "text-ods-text-secondary" })
               }
             ),
             loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               _lucidereact.Loader2,
               {
-                className: _chunk65VVJSQZcjs.cn.call(void 0, 
+                className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                   "size-4 animate-spin md:size-6",
                   isInvalid ? "text-ods-error" : isOpen ? "text-ods-accent" : "text-ods-text-secondary"
                 )
@@ -648,7 +655,7 @@ function AutocompleteInner(props, ref) {
             ) : showChevron && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               _chunkSKI6NKOEcjs.Chevron02DownIcon,
               {
-                className: _chunk65VVJSQZcjs.cn.call(void 0, 
+                className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                   "size-4 transition-all duration-200 md:size-6",
                   "text-ods-text-secondary",
                   isOpen && "rotate-180",
@@ -664,7 +671,7 @@ function AutocompleteInner(props, ref) {
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       PopoverPrimitive.Content,
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "z-50 mt-1 w-[var(--radix-popover-trigger-width)]",
           "rounded-[4px] border border-ods-border bg-ods-card",
           "flex max-h-[var(--radix-popper-available-height)] flex-col overflow-hidden",
@@ -677,10 +684,10 @@ function AutocompleteInner(props, ref) {
         collisionPadding: { bottom: keyboardPadding },
         onOpenAutoFocus: (e) => {
           e.preventDefault();
-          _optionalChain([inputRef, 'access', _18 => _18.current, 'optionalAccess', _19 => _19.focus, 'call', _20 => _20()]);
+          _optionalChain([inputRef, 'access', _17 => _17.current, 'optionalAccess', _18 => _18.focus, 'call', _19 => _19()]);
         },
         onInteractOutside: (e) => {
-          if (_optionalChain([containerRef, 'access', _21 => _21.current, 'optionalAccess', _22 => _22.contains, 'call', _23 => _23(e.target)])) {
+          if (_optionalChain([containerRef, 'access', _20 => _20.current, 'optionalAccess', _21 => _21.contains, 'call', _22 => _22(e.target)])) {
             e.preventDefault();
           }
         },
@@ -688,10 +695,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: loading ? void 0 : "listbox", children: loading ? (
             // 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, _chunkWEANWBJHcjs.LoadingRegion, { label: loadingText, children: Array.from({ length: loadingRows }, (_, i) => (
-              // biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows never reorder
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: AUTOCOMPLETE_OPTION_ROW_CLASS, "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", className: "w-2/3" }) }, i)
-            )) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63OCO2G5cjs.LoadingRegion, { label: loadingText, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.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, _chunkYNDH72VUcjs.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,
@@ -701,7 +705,7 @@ function AutocompleteInner(props, ref) {
             {
               role: "option",
               "aria-selected": false,
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                 "flex h-11 min-w-0 cursor-pointer items-center px-[var(--spacing-system-mf)] transition-colors md:h-12",
                 "text-ods-accent text-h4",
                 "hover:bg-ods-bg-hover"
@@ -719,9 +723,10 @@ function AutocompleteInner(props, ref) {
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "div",
               {
+                "data-loading-item": true,
                 role: "option",
                 "aria-selected": isSelected,
-                className: _chunk65VVJSQZcjs.cn.call(void 0, 
+                className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                   // `min-h` rather than a fixed height: an option may carry
                   // a second line, and a clipped one is worse than a taller row.
                   AUTOCOMPLETE_OPTION_ROW_CLASS,
@@ -743,8 +748,10 @@ function AutocompleteInner(props, ref) {
                   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
                     isSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIBCMGBWcjs.CheckIcon, { className: "text-ods-accent", size: 20 }),
                     onDeleteOption && !isSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      "button",
+                      _chunkCDBFQVPAcjs.Button,
                       {
+                        variant: "transparent",
+                        size: "icon-sm",
                         type: "button",
                         "aria-label": `Delete ${option.label}`,
                         onClick: (e) => {
@@ -752,8 +759,7 @@ function AutocompleteInner(props, ref) {
                           onDeleteOption(option.value);
                         },
                         disabled: isDeletingOption,
-                        className: "opacity-0 transition-opacity focus-visible:opacity-100 disabled:pointer-events-none disabled:opacity-50 group-hover/item:opacity-100",
-                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIYHH5EIOcjs.TrashIcon, { className: "size-4 text-ods-error" })
+                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIYHH5EIOcjs.TrashIcon, { className: "text-ods-error" })
                       }
                     )
                   ] })
@@ -770,7 +776,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, 
-    _chunkYXDHVHB2cjs.FieldWrapper,
+    _chunkKWV23THOcjs.FieldWrapper,
     {
       label,
       labelVariant,
@@ -810,7 +816,7 @@ function AutocompleteInner(props, ref) {
               "aria-hidden": "true",
               className: "pointer-events-none invisible absolute left-0 top-0 -z-10 flex gap-2",
               children: selectedOptions.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkBNUZKBNVcjs.Tag,
+                _chunkAFJEUBDScjs.Tag,
                 {
                   variant: "outline",
                   labelClassName: "max-w-[90px] truncate",
@@ -841,12 +847,13 @@ var SelectTrigger = _react.forwardRef.call(void 0, (allProps, ref) => {
   const { className, children, invalid, label, labelVariant, error, ...props } = allProps;
   const errorSlot = "error" in allProps;
   const isInvalid = invalid || !!error;
+  const inScope = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   const trigger = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     SelectPrimitive.Trigger,
     {
       ref,
       "data-invalid": isInvalid || void 0,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         // Layout & spacing - match Input
         // text-left resets the <button> UA default text-align:center, which the
         // SelectValue span inherits and would otherwise center short values,
@@ -874,11 +881,11 @@ var SelectTrigger = _react.forwardRef.call(void 0, (allProps, ref) => {
       ),
       ...props,
       children: [
-        children,
+        inScope ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKWV23THOcjs.FieldValueSkeleton, {}) : children,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _chunkSKI6NKOEcjs.Chevron02DownIcon,
           {
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
               "shrink-0 text-ods-text-secondary transition-all duration-200 group-data-[state=open]:rotate-180",
               isInvalid ? "text-ods-error" : "group-data-[state=open]:text-ods-accent"
             ),
@@ -888,14 +895,14 @@ var SelectTrigger = _react.forwardRef.call(void 0, (allProps, ref) => {
       ]
     }
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYXDHVHB2cjs.FieldWrapper, { label, labelVariant, error, errorSlot, children: trigger });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKWV23THOcjs.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, 
   SelectPrimitive.ScrollUpButton,
   {
     ref,
-    className: _chunk65VVJSQZcjs.cn.call(void 0, "flex cursor-default items-center justify-center py-1", className),
+    className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex cursor-default items-center justify-center py-1", className),
     ...props,
     children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronUp, { className: "h-4 w-4" })
   }
@@ -905,19 +912,19 @@ var SelectScrollDownButton = _react.forwardRef.call(void 0, ({ className, ...pro
   SelectPrimitive.ScrollDownButton,
   {
     ref,
-    className: _chunk65VVJSQZcjs.cn.call(void 0, "flex cursor-default items-center justify-center py-1", className),
+    className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex cursor-default items-center justify-center py-1", className),
     ...props,
     children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
 var SelectContent = _react.forwardRef.call(void 0, ({ className, children, position = "popper", ...props }, ref) => {
-  const container = _chunkXIFEZ2JTcjs.usePortalContainer.call(void 0, );
+  const container = _chunkL4XOCV7Scjs.usePortalContainer.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Portal, { container: _nullishCoalesce(container, () => ( void 0)), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     SelectPrimitive.Content,
     {
       ref,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "relative z-[9999] max-h-96 overflow-hidden rounded-[4px] border border-ods-border bg-ods-card text-ods-text-primary",
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
@@ -938,13 +945,13 @@ var SelectContent = _react.forwardRef.call(void 0, ({ className, children, posit
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Label, { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "py-1.5 pl-8 pr-2 font-semibold text-h6", className), ...props }));
+var SelectLabel = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Label, { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "py-1.5 pl-8 pr-2 font-semibold text-h6", className), ...props }));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
 var SelectItem = _react.forwardRef.call(void 0, ({ className, children, description, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   SelectPrimitive.Item,
   {
     ref,
-    className: _chunk65VVJSQZcjs.cn.call(void 0, 
+    className: _chunkN6YCOBLKcjs.cn.call(void 0, 
       "flex w-full cursor-pointer select-none items-center justify-between gap-2 border-b border-ods-border px-4 last:border-b-0",
       // Typography - match trigger
       "text-h4",
@@ -970,19 +977,13 @@ var SelectItem = _react.forwardRef.call(void 0, ({ className, children, descript
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Separator, { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "-mx-1 my-1 h-px bg-ods-border", className), ...props }));
+var SelectSeparator = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Separator, { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "-mx-1 my-1 h-px bg-ods-border", className), ...props }));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/layout/back-button.tsx
 
-var BACK_BUTTON_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, 
-  "group inline-flex items-center justify-center self-start rounded-md",
-  "gap-[var(--spacing-system-xsf)] py-[var(--spacing-system-sf)]",
-  "text-ods-text-secondary hover:text-ods-text-primary",
-  "transition-colors duration-200",
-  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus"
-);
-var BACK_BUTTON_SKELETON_CLASS = "h-12 w-40 rounded-md";
+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 }) {
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFC7N7BQXcjs.Chevron02LeftIcon, { className: "size-6 shrink-0" }),
@@ -1001,17 +1002,9 @@ function BackButton({ label = "Back", className, type = "button", href, ...props
       value: _value,
       ...shared
     } = props;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkV45KLJQPcjs.next_link_default,
-      {
-        ...shared,
-        href,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, BACK_BUTTON_CLASS, className),
-        children: content
-      }
-    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { asChild: true, variant: "link", noPaddingX: true, className: _chunkN6YCOBLKcjs.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, "button", { type, className: _chunk65VVJSQZcjs.cn.call(void 0, BACK_BUTTON_CLASS, className), ...props, children: content });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "link", noPaddingX: true, type, className: _chunkN6YCOBLKcjs.cn.call(void 0, BACK_BUTTON_LAYOUT_CLASS, className), ...props, children: content });
 }
 
 // src/components/ui/page-actions.tsx
@@ -1058,17 +1051,20 @@ function actionToMenuItems(action, idx) {
   ];
 }
 function renderActionButton(action, opts = {}) {
+  if (opts.inert) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.InertWhileLoading, { className: _chunkN6YCOBLKcjs.cn.call(void 0, "inline-flex", opts.fullWidth && "flex-1"), children: renderRawActionButton(action, opts) });
+  }
   const button = renderRawActionButton(action, opts);
   if (!action.tooltip) return button;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLELS4XMXcjs.Tooltip, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.TooltipContent, { children: action.tooltip })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVZKAAXU3cjs.Tooltip, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.TooltipContent, { children: action.tooltip })
   ] }) });
 }
 function renderRawActionButton(action, opts = {}) {
   if (action.iconAction) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTF5D5MNOcjs.SplitButton,
+      _chunkCDBFQVPAcjs.SplitButton,
       {
         variant: _nullishCoalesce(action.variant, () => ( void 0)),
         href: action.href,
@@ -1086,11 +1082,11 @@ function renderRawActionButton(action, opts = {}) {
   }
   if (action.submenu && action.submenu.length > 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLELS4XMXcjs.ActionsMenuDropdown,
+      _chunkVZKAAXU3cjs.ActionsMenuDropdown,
       {
         groups: [{ items: action.submenu }],
         customTrigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkTF5D5MNOcjs.Button,
+          _chunkCDBFQVPAcjs.Button,
           {
             variant: "outline",
             disabled: action.disabled,
@@ -1108,7 +1104,7 @@ function renderRawActionButton(action, opts = {}) {
   if (isIconOnly) {
     const iconNode = action.iconOnlyOnDesktop ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex [&_svg]:!text-ods-text-primary", children: action.icon }) : action.icon;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTF5D5MNOcjs.Button,
+      _chunkCDBFQVPAcjs.Button,
       {
         variant: action.variant,
         size: "icon",
@@ -1124,7 +1120,7 @@ function renderRawActionButton(action, opts = {}) {
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTF5D5MNOcjs.Button,
+    _chunkCDBFQVPAcjs.Button,
     {
       variant: action.variant,
       href: action.href,
@@ -1140,27 +1136,9 @@ function renderRawActionButton(action, opts = {}) {
   );
 }
 var ACTIONS_GAP = "gap-[var(--spacing-system-xs)]";
-function ActionSkeletons({
-  actions,
-  fullWidth,
-  emptyFallback = "icon"
-}) {
-  const items = actions.length > 0 ? actions : [null];
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: items.map((action, idx) => {
-    const isIconOnly = action ? !action.label || !!action.iconOnlyOnDesktop : emptyFallback === "icon";
-    const key = `action-skeleton-${idx}`;
-    if (isIconOnly) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { size: "icon" }, key);
-    if (action) {
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { inert: true, "aria-hidden": true, className: _chunk65VVJSQZcjs.cn.call(void 0, "relative inline-flex", fullWidth && "flex-1"), children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, "invisible inline-flex", fullWidth && "flex-1"), children: renderRawActionButton(action, { fullWidth }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "absolute inset-0 h-full" })
-      ] }, key);
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { size: "default", className: fullWidth ? "flex-1" : void 0 }, key);
-  }) });
-}
-function MobileTriggerSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { size: "icon" });
+function UnknownActionSkeleton({ shape, fullWidth }) {
+  if (shape === "icon") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.InteractiveSkeleton.Button, { size: "icon" });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.InteractiveSkeleton.Button, { size: "default", className: fullWidth ? "flex-1" : void 0 });
 }
 function PageActions({
   variant = "icon-buttons",
@@ -1168,8 +1146,9 @@ function PageActions({
   menuActions,
   selector,
   className,
-  loading
+  loading: loadingProp
 }) {
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loadingProp;
   if (variant === "icon-buttons") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       IconButtonsVariant,
@@ -1201,31 +1180,32 @@ function IconButtonsVariant({
   menuActions,
   selector,
   className,
-  loading
+  loading: loadingProp
 }) {
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || 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', _24 => _24[0], 'access', _25 => _25.submenu, 'optionalAccess', _26 => _26.length]);
+  const isSingleAction = actions.length === 1 && !_optionalChain([actions, 'access', _23 => _23[0], 'access', _24 => _24.submenu, 'optionalAccess', _25 => _25.length]);
   const singleAction = isSingleAction ? actions[0] : null;
   const useSingleActionMobile = isSingleAction && !hasMenuActions;
   const mobileMenuGroups = [{ items: actions.flatMap(actionToMenuItems) }, ..._nullishCoalesce(menuActions, () => ( []))];
   const hasMobileMenuItems = mobileMenuGroups.some((g) => g.items.length > 0);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "hidden items-center content-md:flex", ACTIONS_GAP, className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "hidden items-center content-md:flex", ACTIONS_GAP, className), children: [
       selector,
-      loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionSkeletons, { actions: desktopActions }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        desktopActions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
-        hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.ActionsMenuDropdown, { groups: menuActions })
-      ] })
+      desktopActions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action, { inert: loading }) }, actionKey(action, idx))),
+      loading && desktopActions.length === 0 && !hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnknownActionSkeleton, { shape: "icon" }),
+      hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.ActionsMenuDropdown, { groups: menuActions, loading })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex content-md:hidden", className), children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MobileTriggerSkeleton, {}) : useSingleActionMobile && singleAction ? renderActionButton(singleAction, { iconOnly: true }) : hasMobileMenuItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.ActionsMenuDropdown, { groups: mobileMenuGroups }) : null })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex content-md:hidden", className), children: useSingleActionMobile && singleAction ? renderActionButton(singleAction, { iconOnly: true, inert: loading }) : hasMobileMenuItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.ActionsMenuDropdown, { groups: mobileMenuGroups, loading }) : loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnknownActionSkeleton, { shape: "icon" }) : null })
   ] });
 }
 function PrimaryButtonsVariant({
   actions,
   className,
-  loading
+  loading: loadingProp
 }) {
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loadingProp;
   const sortedActions = [...actions].sort((a, b) => {
     if (a.variant === "accent" && b.variant !== "accent") return 1;
     if (a.variant !== "accent" && b.variant === "accent") return -1;
@@ -1233,12 +1213,14 @@ function PrimaryButtonsVariant({
   });
   const desktopActions = sortedActions.filter((a) => !a.showOnlyMobile);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "hidden items-center md:content-md:flex", ACTIONS_GAP, className), children: loading ? (
-      // No overflow trigger in this variant — an unknown action set settles
-      // into a labelled button, not a square one.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionSkeletons, { actions: desktopActions, emptyFallback: "label" })
-    ) : desktopActions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action) }, `desktop-${actionKey(action, idx)}`)) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "hidden items-center md:content-max-md:flex", ACTIONS_GAP, className), children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MobileTriggerSkeleton, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactPrimaryActions, { actions: desktopActions }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "hidden items-center md:content-md:flex", ACTIONS_GAP, className), children: [
+      desktopActions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action, { inert: loading }) }, `desktop-${actionKey(action, idx)}`)),
+      loading && desktopActions.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnknownActionSkeleton, { shape: "label" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "hidden items-center md:content-max-md:flex", ACTIONS_GAP, className), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactPrimaryActions, { actions: desktopActions, loading }),
+      loading && desktopActions.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnknownActionSkeleton, { shape: "icon" })
+    ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MobileBottomActions, { actions: sortedActions, loading })
   ] });
 }
@@ -1247,42 +1229,44 @@ function MenuPrimaryVariant({
   menuActions,
   selector,
   className,
-  loading
+  loading: loadingProp
 }) {
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loadingProp;
   const desktopActions = actions.filter((a) => !a.showOnlyMobile);
   const hasMenuActions = menuActions.some((g) => g.items.length > 0);
   const mobileMenuGroups = [{ items: actions.flatMap(actionToMenuItems) }, ...menuActions];
   const hasMobileMenuItems = mobileMenuGroups.some((g) => g.items.length > 0);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "hidden items-center content-md:flex", ACTIONS_GAP, className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "hidden items-center content-md:flex", ACTIONS_GAP, className), children: [
       selector,
-      loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionSkeletons, { actions: desktopActions }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.ActionsMenuDropdown, { groups: menuActions }),
-        desktopActions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton({ ...action, variant: action.variant || "accent" }) }, `desktop-${actionKey(action, idx)}`))
-      ] })
+      hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.ActionsMenuDropdown, { groups: menuActions, loading }),
+      desktopActions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton({ ...action, variant: action.variant || "accent" }, { inert: loading }) }, `desktop-${actionKey(action, idx)}`)),
+      loading && desktopActions.length === 0 && !hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnknownActionSkeleton, { shape: "icon" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex content-md:hidden", className), children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MobileTriggerSkeleton, {}) : hasMobileMenuItems || selector ? (
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex content-md:hidden", className), children: hasMobileMenuItems || selector ? (
       // The selector rides into the menu as its header row: on mobile the
       // title row has no room for it, and hiding it entirely (what
       // `icon-buttons` does) would leave no way to switch views at all.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.ActionsMenuDropdown, { groups: mobileMenuGroups, header: selector })
-    ) : null })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.ActionsMenuDropdown, { groups: mobileMenuGroups, header: selector, loading })
+    ) : loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnknownActionSkeleton, { shape: "icon" }) : null })
   ] });
 }
-function CompactPrimaryActions({ actions }) {
+function CompactPrimaryActions({ actions, loading: loadingProp }) {
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loadingProp;
   const foldable = actions.filter((action) => action.variant !== "accent" && !!action.label);
   const fold = foldable.length > 1;
   const inline = fold ? actions.filter((action) => !foldable.includes(action)) : actions;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    fold && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.ActionsMenuDropdown, { groups: [{ items: foldable.flatMap(actionToMenuItems) }] }),
-    inline.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action) }, `compact-${actionKey(action, idx)}`))
+    fold && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.ActionsMenuDropdown, { groups: [{ items: foldable.flatMap(actionToMenuItems) }], loading }),
+    inline.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action, { inert: loading }) }, `compact-${actionKey(action, idx)}`))
   ] });
 }
-function MobileBottomActions({ actions, loading }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+function MobileBottomActions({ actions, loading: loadingProp }) {
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loadingProp;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "fixed bottom-0 left-0 right-0 z-50 md:hidden",
         "border-t border-ods-border bg-ods-card",
         // `lf` (24px at every breakpoint), NOT `l` — this bar is `md:hidden`, so the
@@ -1291,7 +1275,10 @@ function MobileBottomActions({ actions, loading }) {
         "flex items-start p-[var(--spacing-system-lf)]",
         ACTIONS_GAP
       ),
-      children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionSkeletons, { actions, fullWidth: true, emptyFallback: "label" }) : actions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action, { fullWidth: !!action.label }) }, `mobile-${actionKey(action, idx)}`))
+      children: [
+        actions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action, { fullWidth: !!action.label, inert: loading }) }, `mobile-${actionKey(action, idx)}`)),
+        loading && actions.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnknownActionSkeleton, { shape: "label", fullWidth: true })
+      ]
     }
   );
 }
@@ -1302,23 +1289,23 @@ function usePageActionsBottomPadding(variant) {
 // src/components/ui/entity-image.tsx
 
 
-var ENTITY_IMAGE_SIZE = _chunkXFRBEXQNcjs.TILE_SIZE.entity;
+var ENTITY_IMAGE_SIZE = _chunkYNDH72VUcjs.TILE_SIZE.entity;
 var ENTITY_IMAGE_RADIUS_CLASS = "rounded-md";
 function EntityImage({ src, alt, fallbackText, sizeClassName, className }) {
-  const held = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const held = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   const authedSrc = _chunkV4FXUIMHcjs.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;
   if (held) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityImageSkeleton, { sizeClassName, className });
   const showFallback = imageFailed || !resolvedSrc;
-  const initials = _chunkBNUZKBNVcjs.personInitials.call(void 0, _nullishCoalesce(fallbackText, () => ( alt)));
+  const initials = _chunkAFJEUBDScjs.personInitials.call(void 0, _nullishCoalesce(fallbackText, () => ( alt)));
   if (showFallback) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "aria-label": alt,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "flex shrink-0 select-none items-center justify-center border border-ods-border bg-ods-bg text-ods-text-secondary text-h4",
           ENTITY_IMAGE_RADIUS_CLASS,
           _nullishCoalesce(sizeClassName, () => ( ENTITY_IMAGE_SIZE)),
@@ -1329,12 +1316,12 @@ function EntityImage({ src, alt, fallbackText, sizeClassName, className }) {
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkE76ONBKFcjs.next_image_default,
+    _chunk3VINTJPEcjs.next_image_default,
     {
       src: resolvedSrc,
       alt: _nullishCoalesce(alt, () => ( "")),
       onError: () => setFailedSrc(resolvedSrc),
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "shrink-0 border border-ods-border object-contain",
         ENTITY_IMAGE_RADIUS_CLASS,
         _nullishCoalesce(sizeClassName, () => ( ENTITY_IMAGE_SIZE)),
@@ -1346,14 +1333,11 @@ function EntityImage({ src, alt, fallbackText, sizeClassName, className }) {
     }
   );
 }
-function EntityImageSkeleton({
-  sizeClassName,
-  className
-}) {
+function EntityImageSkeleton({ sizeClassName, className }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXFRBEXQNcjs.UnifiedSkeleton,
+    _chunkYNDH72VUcjs.UnifiedSkeleton,
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, "shrink-0", ENTITY_IMAGE_RADIUS_CLASS, _nullishCoalesce(sizeClassName, () => ( ENTITY_IMAGE_SIZE)), className)
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, "shrink-0", ENTITY_IMAGE_RADIUS_CLASS, _nullishCoalesce(sizeClassName, () => ( ENTITY_IMAGE_SIZE)), className)
     }
   );
 }
@@ -1399,7 +1383,7 @@ function TitleBlock({
   titleWrap = false,
   titleSkeletonLines
 }) {
-  const scoped = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const scoped = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   const titleLoading = !!loading || scoped && title === "";
   const subtitleLoading = !!loading || scoped && subtitle === "";
   const hasSubtitleRow = !!subtitle || subtitleRow === "always" || subtitleRow === "while-loading" && !!loading || scoped && subtitle === "";
@@ -1416,7 +1400,7 @@ function TitleBlock({
   );
   const titleNode = titleLoading && titleWrap && titleSkeletonLines ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXFRBEXQNcjs.TextLineSkeleton,
+      _chunkYNDH72VUcjs.TextLineSkeleton,
       {
         type: "inherit",
         as: "span",
@@ -1425,7 +1409,7 @@ function TitleBlock({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXFRBEXQNcjs.TextLineSkeleton,
+      _chunkYNDH72VUcjs.TextLineSkeleton,
       {
         type: "inherit",
         as: "span",
@@ -1434,7 +1418,7 @@ function TitleBlock({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXFRBEXQNcjs.TextLineSkeleton,
+      _chunkYNDH72VUcjs.TextLineSkeleton,
       {
         type: "inherit",
         as: "span",
@@ -1443,23 +1427,23 @@ function TitleBlock({
       }
     )
   ] }) : titleLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXFRBEXQNcjs.UnifiedSkeleton,
+    _chunkYNDH72VUcjs.UnifiedSkeleton,
     {
       as: "span",
       "aria-hidden": true,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, TITLE_TEXT_SKELETON_CLASS, skeletonSize.width, skeletonSize.height)
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, TITLE_TEXT_SKELETON_CLASS, skeletonSize.width, skeletonSize.height)
     }
   ) : title;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "flex items-end justify-between gap-[var(--spacing-system-m)]",
         // md+: one wrapping row — actions stay inline with a short title and
         // wrap to a second row only when the title overflows (ClickUp 86ahd6uy5).
         "content-md:flex-wrap content-md:content-end",
         "pt-[var(--spacing-system-l)]",
-        variant === "card" ? _chunk65VVJSQZcjs.cn.call(void 0, 
+        variant === "card" ? _chunkN6YCOBLKcjs.cn.call(void 0, 
           "border-b border-ods-border bg-ods-card",
           "px-[var(--spacing-system-l)] pb-[var(--spacing-system-l)]",
           "content-md:border-b-0 content-md:bg-transparent",
@@ -1472,7 +1456,7 @@ function TitleBlock({
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "div",
           {
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkN6YCOBLKcjs.cn.call(void 0, 
               "flex min-w-0 flex-1 flex-col justify-center gap-[var(--spacing-system-xs)] content-md:max-w-full content-md:flex-none",
               TITLE_BLOCK_MIN_HEIGHT,
               // A wrapping title's loading lines stand for a title that fills the row (its typical lines are full ones), so the
@@ -1486,7 +1470,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, 
-                      _chunkBNUZKBNVcjs.FloatingTooltip,
+                      _chunkAFJEUBDScjs.FloatingTooltip,
                       {
                         content: title,
                         side: "bottom",
@@ -1496,41 +1480,41 @@ function TitleBlock({
                           PageTitle,
                           {
                             ref: titleRef,
-                            className: _chunk65VVJSQZcjs.cn.call(void 0, titleClass, "min-w-0 text-ods-text-primary", titleOverflowClass),
+                            className: _chunkN6YCOBLKcjs.cn.call(void 0, titleClass, "min-w-0 text-ods-text-primary", titleOverflowClass),
                             children: titleNode
                           }
                         )
                       }
                     ),
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: titleAdornment })
-                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBNUZKBNVcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageTitle, { ref: titleRef, className: _chunk65VVJSQZcjs.cn.call(void 0, titleClass, "text-ods-text-primary", titleOverflowClass), children: titleNode }) })),
+                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAFJEUBDScjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageTitle, { ref: titleRef, className: _chunkN6YCOBLKcjs.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, _chunkBNUZKBNVcjs.FloatingTooltip, { content: subtitle, side: "bottom", disabled: !subtitleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAFJEUBDScjs.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, 
-                        _chunkXFRBEXQNcjs.UnifiedSkeleton,
+                        _chunkYNDH72VUcjs.UnifiedSkeleton,
                         {
                           as: "span",
                           "aria-hidden": true,
-                          className: _chunk65VVJSQZcjs.cn.call(void 0, TITLE_TEXT_SKELETON_CLASS, "h-2.5 w-28 content-md:h-3 content-md:w-36")
+                          className: _chunkN6YCOBLKcjs.cn.call(void 0, TITLE_TEXT_SKELETON_CLASS, "h-2.5 w-28 content-md:h-3 content-md:w-36")
                         }
                       ) : subtitle || "\xA0"
                     }
                   ) })
                 ] })
               ] }) : 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, _chunkBNUZKBNVcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, triggerClassName: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAFJEUBDScjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, triggerClassName: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   PageTitle,
                   {
                     ref: titleRef,
-                    className: _chunk65VVJSQZcjs.cn.call(void 0, titleClass, "min-w-0 text-ods-text-primary", titleOverflowClass),
+                    className: _chunkN6YCOBLKcjs.cn.call(void 0, titleClass, "min-w-0 text-ods-text-primary", titleOverflowClass),
                     children: title
                   }
                 ) }),
@@ -1540,7 +1524,7 @@ function TitleBlock({
                      wraps; `titleWrap` only adds break-words for pathological
                      unbroken tokens. No class change when the prop is unset —
                      the frozen baseline stays byte-identical. */
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageTitle, { className: _chunk65VVJSQZcjs.cn.call(void 0, titleClass, "text-ods-text-primary", titleWrap && "break-words"), children: title })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageTitle, { className: _chunkN6YCOBLKcjs.cn.call(void 0, titleClass, "text-ods-text-primary", titleWrap && "break-words"), children: title })
               ))
             ]
           }
@@ -1587,7 +1571,7 @@ function PageLayout({
   const hasActions = actions && actions.length > 0;
   const needsBottomPadding = hasActions && actionsVariant === "primary-buttons";
   const hasHeader = showHeader && (title || subtitle || image || backButton || hasActions || selector || loading);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex w-full flex-col", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex w-full flex-col", className), children: [
     hasHeader && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       TitleBlock,
       {
@@ -1612,7 +1596,7 @@ function PageLayout({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "flex flex-1 flex-col gap-[var(--spacing-system-l)]",
           needsBottomPadding && "pb-28 content-md:pb-0",
           contentClassName
@@ -1641,12 +1625,12 @@ function RemoteSessionViewers({ viewers, max = 4, className }) {
   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, _chunkXIFEZ2JTcjs.DropdownMenu, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL4XOCV7Scjs.DropdownMenu, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkXIFEZ2JTcjs.DropdownMenuTrigger,
+      _chunkL4XOCV7Scjs.DropdownMenuTrigger,
       {
         "aria-label": `In this session: ${ordered.map(viewerLabel).join(", ")}`,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "flex shrink-0 items-center gap-[var(--spacing-system-xxs)] rounded-md outline-none",
           "focus-visible:ring-2 focus-visible:ring-ods-focus",
           className
@@ -1654,14 +1638,14 @@ 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, 
-              _chunkBNUZKBNVcjs.SquareAvatar,
+              _chunkAFJEUBDScjs.SquareAvatar,
               {
                 variant: "round",
                 sizePx: 32,
                 src: _nullishCoalesce(viewer.avatarUrl, () => ( void 0)),
                 alt: viewer.name,
                 fallback: viewer.name,
-                className: _chunk65VVJSQZcjs.cn.call(void 0, 
+                className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                   "relative bg-ods-bg",
                   viewer.isHost ? "ring-2 ring-ods-accent" : "ring-1 ring-ods-border",
                   index > 0 && "-ml-2"
@@ -1679,16 +1663,16 @@ function RemoteSessionViewers({ viewers, max = 4, className }) {
         ]
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenuContent, { align: "end", className: "w-[280px] p-0", children: ordered.map((viewer) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkXIFEZ2JTcjs.DropdownMenuItem,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL4XOCV7Scjs.DropdownMenuContent, { align: "end", className: "w-[280px] p-0", children: ordered.map((viewer) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _chunkL4XOCV7Scjs.DropdownMenuItem,
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "gap-[var(--spacing-system-xsf)] rounded-none border-b border-ods-border bg-ods-bg last:border-b-0",
           "py-[var(--spacing-system-s)] pl-[var(--spacing-system-mf)] pr-[var(--spacing-system-xs)] text-h4"
         ),
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkBNUZKBNVcjs.SquareAvatar,
+            _chunkAFJEUBDScjs.SquareAvatar,
             {
               variant: "round",
               sizePx: 24,
@@ -1734,7 +1718,7 @@ function RemoteSessionScope({ children, className }) {
 function RemoteSessionOrgLogo({ name, logoUrl, sizePx, className }) {
   if (logoUrl) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBNUZKBNVcjs.SquareAvatar,
+      _chunkAFJEUBDScjs.SquareAvatar,
       {
         variant: "square",
         fit: "contain",
@@ -1742,7 +1726,7 @@ function RemoteSessionOrgLogo({ name, logoUrl, sizePx, className }) {
         src: logoUrl,
         alt: name,
         fallback: name,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, "shrink-0 rounded-md border border-ods-border bg-ods-card", className)
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, "shrink-0 rounded-md border border-ods-border bg-ods-card", className)
       }
     );
   }
@@ -1752,7 +1736,7 @@ function RemoteSessionOrgLogo({ name, logoUrl, sizePx, className }) {
       role: "img",
       "aria-label": name,
       style: { width: sizePx, height: sizePx },
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "flex shrink-0 items-center justify-center rounded-md border border-ods-border bg-ods-card",
         className
       ),
@@ -1771,7 +1755,7 @@ function RemoteSessionRecordingTag({ className }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "flex h-8 items-center gap-[var(--spacing-system-xs)] self-start rounded-md bg-ods-success-secondary p-[var(--spacing-system-xsf)]",
         className
       ),
@@ -1800,7 +1784,7 @@ function RemoteSessionDragger({ dragHandlers }) {
     "span",
     {
       "aria-hidden": true,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "absolute right-[var(--spacing-system-xsf)] top-[var(--spacing-system-xsf)] text-ods-text-secondary",
         dragHandlers && REMOTE_SESSION_DRAG_HANDLE_CLASS
       ),
@@ -1837,16 +1821,16 @@ function RemoteAccessRequestCard({
 }) {
   const { organizationName } = party;
   const siteUrl = _nullishCoalesce(party.organizationSiteUrl, () => ( void 0));
-  const openableSite = _optionalChain([siteUrl, 'optionalAccess', _27 => _27.startsWith, 'call', _28 => _28("https://")]) ? siteUrl : void 0;
+  const openableSite = _optionalChain([siteUrl, 'optionalAccess', _26 => _26.startsWith, 'call', _27 => _27("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: _chunkBNUZKBNVcjs.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: _chunkAFJEUBDScjs.formatUrlForDisplay.call(void 0, siteUrl, { keepWww: true }) })
       ] }),
-      openableSite && onOpenSite && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.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" }) })
+      openableSite && onOpenSite && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.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" }) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "w-full text-ods-text-primary text-h4", children: [
       "A technician from ",
@@ -1862,7 +1846,7 @@ function RemoteAccessRequestCard({
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-stretch gap-[var(--spacing-system-l)]", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkCDBFQVPAcjs.Button,
         {
           variant: "outline",
           fullWidth: true,
@@ -1873,7 +1857,7 @@ function RemoteAccessRequestCard({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkCDBFQVPAcjs.Button,
         {
           variant: "accent",
           fullWidth: true,
@@ -1896,33 +1880,25 @@ var RemoteSessionBlockFrame = _react.forwardRef.call(void 0,
       "div",
       {
         ref,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "flex w-[440px] shrink-0 flex-col overflow-hidden rounded-md border border-ods-border bg-ods-bg",
           expanded && "h-[680px]",
           className
         ),
         children: [
           children,
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            "button",
-            {
-              type: "button",
-              className: "flex h-12 w-full shrink-0 items-center gap-[var(--spacing-system-xs)] border-t border-ods-border bg-ods-card px-[var(--spacing-system-m)]",
-              onClick: onHide,
-              children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFM7BOWEIcjs.Chevrons03RightIcon, { size: 24 }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1 truncate text-left text-ods-text-secondary text-h4", children: "Hide this Block" }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkHJZLKYOBcjs.OpenframeLogoIcon,
-                  {
-                    color: "var(--color-text-on-accent)",
-                    secondaryColor: "var(--color-text-primary)",
-                    className: "size-6 shrink-0"
-                  }
-                )
-              ]
-            }
-          )
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "shrink-0 border-t border-ods-border bg-ods-card", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "row", type: "button", className: "h-12", onClick: onHide, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFM7BOWEIcjs.Chevrons03RightIcon, { size: 24 }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1 truncate text-ods-text-secondary", children: "Hide this Block" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkHJZLKYOBcjs.OpenframeLogoIcon,
+              {
+                color: "var(--color-text-on-accent)",
+                secondaryColor: "var(--color-text-primary)",
+                className: "size-6"
+              }
+            )
+          ] }) })
         ]
       }
     );
@@ -1931,7 +1907,7 @@ var RemoteSessionBlockFrame = _react.forwardRef.call(void 0,
 RemoteSessionBlockFrame.displayName = "RemoteSessionBlockFrame";
 function RemoteSessionEndButton({ onEndSession }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTF5D5MNOcjs.Button,
+    _chunkCDBFQVPAcjs.Button,
     {
       variant: "outline",
       fullWidth: true,
@@ -1956,14 +1932,14 @@ function RemoteSessionSummary({
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           "flex w-full items-center gap-[var(--spacing-system-xs)] pr-[var(--spacing-system-mf)]",
           dragHandlers && REMOTE_SESSION_DRAG_HANDLE_CLASS
         ),
         ...dragHandlers,
         children: [
           technician ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkBNUZKBNVcjs.SquareAvatar,
+            _chunkAFJEUBDScjs.SquareAvatar,
             {
               variant: "round",
               sizePx: 48,
@@ -1989,7 +1965,7 @@ function RemoteSessionSummary({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RemoteSessionStatusRow, { showRecordingTag, viewers }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-stretch gap-[var(--spacing-system-m)]", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkCDBFQVPAcjs.Button,
         {
           variant: "outline",
           fullWidth: true,
@@ -2005,21 +1981,19 @@ function RemoteSessionSummary({
 var RemoteSessionMinimizedChip = _react.forwardRef.call(void 0, 
   ({ party, onExpand, dragHandlers }, ref) => {
     const technician = party.technicianName;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "button",
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkCDBFQVPAcjs.Button,
       {
+        variant: "card",
         ref,
         type: "button",
         "aria-label": "Show session block",
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
-          "flex shrink-0 flex-col overflow-hidden rounded-md border border-ods-border",
-          dragHandlers && REMOTE_SESSION_DRAG_HANDLE_CLASS
-        ),
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, "w-auto shrink-0", dragHandlers && REMOTE_SESSION_DRAG_HANDLE_CLASS),
         onClick: onExpand,
         ...dragHandlers,
-        children: [
+        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, 
-            _chunkBNUZKBNVcjs.SquareAvatar,
+            _chunkAFJEUBDScjs.SquareAvatar,
             {
               sizePx: 48,
               src: _nullishCoalesce(party.technicianAvatarUrl, () => ( void 0)),
@@ -2036,7 +2010,7 @@ var RemoteSessionMinimizedChip = _react.forwardRef.call(void 0,
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "flex h-9 w-12 items-center justify-center border-t border-ods-border bg-ods-card", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLHK3WTARcjs.Chevrons03LeftIcon, { size: 24 }) })
-        ]
+        ] })
       }
     );
   }
@@ -2081,7 +2055,7 @@ function RemoteSessionChatPanel({
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
-          className: _chunk65VVJSQZcjs.cn.call(void 0, 
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
             "flex w-full flex-col pr-[var(--spacing-system-mf)]",
             dragHandlers && REMOTE_SESSION_DRAG_HANDLE_CLASS
           ),
@@ -2102,7 +2076,7 @@ function RemoteSessionChatPanel({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RemoteSessionStatusRow, { showRecordingTag, viewers }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-stretch gap-[var(--spacing-system-m)]", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkTF5D5MNOcjs.Button,
+          _chunkCDBFQVPAcjs.Button,
           {
             variant: "outline",
             fullWidth: true,
@@ -2146,13 +2120,15 @@ function RemoteSessionChatPanel({
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
+            _chunkCDBFQVPAcjs.Button,
             {
+              variant: "transparent",
+              size: "icon",
               type: "submit",
               "aria-label": "Send message",
               disabled: !ready,
-              className: "flex size-12 shrink-0 items-center justify-center",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2NETL2MScjs.Send03Icon, { size: 24, color: "currentColor", className: "text-ods-text-primary" })
+              className: "shrink-0",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2NETL2MScjs.Send03Icon, { size: 24, color: "currentColor" })
             }
           )
         ]
@@ -2169,7 +2145,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, 
-        _chunkBNUZKBNVcjs.SquareAvatar,
+        _chunkAFJEUBDScjs.SquareAvatar,
         {
           variant: "round",
           sizePx: 16,
@@ -2180,7 +2156,7 @@ function RemoteSessionChatMessageRow({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "span",
         {
-          className: _chunk65VVJSQZcjs.cn.call(void 0, 
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
             "min-w-0 flex-1 truncate text-code",
             isTechnician ? "text-ods-accent" : "text-ods-text-secondary"
           ),
@@ -2197,30 +2173,44 @@ function RemoteSessionChatMessageRow({
 
 var MESSAGE_ROW_CLASS = "grid grid-cols-1 gap-[var(--spacing-system-xxs)]";
 var MESSAGE_HEAD_CLASS = "flex items-center gap-[var(--spacing-system-xxs)]";
+var TECHNICIAN_AVATAR_PX = 24;
 var MESSAGE_NAME_CLASS = "min-w-0 flex-1 truncate text-h4 [font-family:var(--font-family-heading)]";
 function RemoteDesktopChatMessageRow({
   authorName,
   isTechnician,
   avatarUrl,
   sentAt,
-  body
+  body,
+  loading: loadingProp = false,
+  ...props
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: MESSAGE_ROW_CLASS, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: MESSAGE_HEAD_CLASS, children: [
-      isTechnician && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBNUZKBNVcjs.SquareAvatar, { variant: "round", sizePx: 24, src: avatarUrl, alt: authorName, className: "shrink-0" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk65VVJSQZcjs.cn.call(void 0, MESSAGE_NAME_CLASS, isTechnician ? "text-ods-accent" : "text-ods-text-secondary"), children: authorName }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { suppressHydrationWarning: true, className: "shrink-0 text-ods-text-secondary text-h6", children: _chunkXEYL6AFZcjs.formatTime.call(void 0, sentAt) })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "whitespace-pre-wrap text-ods-text-primary text-h4", children: body })
-  ] });
-}
-function RemoteDesktopChatMessageRowSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: MESSAGE_ROW_CLASS, "aria-hidden": true, children: [
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loadingProp;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: MESSAGE_ROW_CLASS, "aria-hidden": loading || void 0, ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: MESSAGE_HEAD_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: MESSAGE_NAME_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", as: "span", className: "w-12 shrink-0" })
+      isTechnician && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkAFJEUBDScjs.SquareAvatar,
+        {
+          loading,
+          variant: "round",
+          sizePx: TECHNICIAN_AVATAR_PX,
+          src: avatarUrl,
+          alt: authorName,
+          className: "shrink-0"
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "span",
+        {
+          className: _chunkN6YCOBLKcjs.cn.call(void 0, MESSAGE_NAME_CLASS, !loading && (isTechnician ? "text-ods-accent" : "text-ods-text-secondary")),
+          children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) : authorName
+        }
+      ),
+      loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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: _chunkAKCBLZAOcjs.formatTime.call(void 0, sentAt) })
+      )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", className: "w-3/4" })
+    loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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 })
   ] });
 }
 
@@ -2231,7 +2221,7 @@ var CHAT_PANEL_SKELETON_ROWS = 10;
 var REMOTE_DESKTOP_CHAT_END_USER_NAME = "User";
 function RemoteDesktopChatPanel({
   messages,
-  loading,
+  loading: loadingProp,
   technician,
   sending,
   onSend,
@@ -2239,6 +2229,7 @@ function RemoteDesktopChatPanel({
 }) {
   const scrollRef = _react.useRef.call(void 0, null);
   const rows = messages.filter((message) => message.author !== "system");
+  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || rows.length === 0 && !!loadingProp;
   _react.useEffect.call(void 0, () => {
     const el = scrollRef.current;
     if (el) el.scrollTop = el.scrollHeight;
@@ -2247,21 +2238,32 @@ function RemoteDesktopChatPanel({
     "aside",
     {
       "aria-label": "Session chat",
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "flex flex-col gap-[var(--spacing-system-mf)] rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-mf)]",
         variant === "side" ? "h-full w-[400px] flex-shrink-0" : "absolute bottom-[var(--spacing-system-mf)] right-[var(--spacing-system-mf)] top-[calc(var(--spacing-system-xlf)+var(--spacing-system-mf))] z-10 w-[360px] shadow-lg"
       ),
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: scrollRef, className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-full flex-col justify-end gap-[var(--spacing-system-xsf)]", children: rows.length === 0 && loading ? (
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: scrollRef, className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-full flex-col justify-end gap-[var(--spacing-system-xsf)]", children: loading ? (
           // The chat while it is read: a screen of the panel's own message rows, stacked by a one-column grid
           // (the thread above is already the column flexbox: WEBVIEW-001).
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading the chat", className: "grid grid-cols-1 gap-[var(--spacing-system-xsf)]", children: Array.from({ length: CHAT_PANEL_SKELETON_ROWS }, (_, i) => (
-            // biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows never reorder
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RemoteDesktopChatMessageRowSkeleton, {}, i)
-          )) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63OCO2G5cjs.LoadingRegion, { label: "Loading the chat", className: "grid grid-cols-1 gap-[var(--spacing-system-xsf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.LoadingItems, { count: CHAT_PANEL_SKELETON_ROWS, children: (i) => (
+            // A conversation: the technician and the user take turns.
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              RemoteDesktopChatMessageRow,
+              {
+                loading: true,
+                "data-loading-item": true,
+                isTechnician: i % 2 === 1,
+                authorName: "",
+                sentAt: "",
+                body: ""
+              }
+            )
+          ) }) })
         ) : rows.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-center text-ods-text-muted text-h6", children: "No messages yet - say hello to the user." }) : rows.map((message) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           RemoteDesktopChatMessageRow,
           {
+            "data-loading-item": true,
             authorName: message.name || (message.author === "technician" ? technician.name : REMOTE_DESKTOP_CHAT_END_USER_NAME),
             isTechnician: message.author === "technician",
             avatarUrl: message.author === "technician" ? technician.avatarUrl : void 0,
@@ -2271,7 +2273,7 @@ function RemoteDesktopChatPanel({
           message.id
         )) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXEYL6AFZcjs.ChatInput,
+          _chunkAKCBLZAOcjs.ChatInput,
           {
             placeholder: "Enter your Message...",
             onSend,
@@ -2315,28 +2317,20 @@ function RemoteDesktopFullscreenToolbar({
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-primary text-h6", children: deviceName }),
             displayMenuGroups.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkLELS4XMXcjs.ActionsMenuDropdown,
+              _chunkVZKAAXU3cjs.ActionsMenuDropdown,
               {
                 groups: displayMenuGroups,
-                customTrigger: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": "Switch display",
-                    className: "flex h-8 flex-shrink-0 items-center gap-[var(--spacing-system-xs)] rounded-[6px] border border-ods-border bg-ods-card p-[var(--spacing-system-xsf)] text-ods-text-primary hover:border-ods-border-hover",
-                    children: [
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPTK7GOIIcjs.MonitorIcon, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap text-h5", children: currentDisplayLabel }),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSKI6NKOEcjs.Chevron02DownIcon, { className: "h-4 w-4" })
-                    ]
-                  }
-                )
+                customTrigger: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "outline", size: "small", type: "button", "aria-label": "Switch display", className: "shrink-0", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPTK7GOIIcjs.MonitorIcon, {}),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap", children: currentDisplayLabel }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSKI6NKOEcjs.Chevron02DownIcon, {})
+                ] })
               }
             )
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-[var(--spacing-system-xs)]", children: [
             onToggleChat && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkTF5D5MNOcjs.Button,
+              _chunkCDBFQVPAcjs.Button,
               {
                 variant: "outline",
                 size: "small",
@@ -2346,11 +2340,11 @@ function RemoteDesktopFullscreenToolbar({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkLELS4XMXcjs.ActionsMenuDropdown,
+              _chunkVZKAAXU3cjs.ActionsMenuDropdown,
               {
                 groups: actionsMenuGroups,
                 customTrigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkTF5D5MNOcjs.Button,
+                  _chunkCDBFQVPAcjs.Button,
                   {
                     variant: "outline",
                     size: "icon-sm",
@@ -2361,7 +2355,7 @@ function RemoteDesktopFullscreenToolbar({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkTF5D5MNOcjs.Button,
+              _chunkCDBFQVPAcjs.Button,
               {
                 variant: "outline",
                 size: "icon-sm",
@@ -2371,7 +2365,7 @@ function RemoteDesktopFullscreenToolbar({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkTF5D5MNOcjs.Button,
+              _chunkCDBFQVPAcjs.Button,
               {
                 variant: "outline",
                 size: "icon-sm",
@@ -2410,20 +2404,20 @@ function RemoteDesktopView({
   children,
   loading: loadingProp = false
 }) {
-  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const inScope = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
   const loading = inScope || loadingProp;
   const controlsBar = loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CONTROLS_BAR_CLASS, "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CONTROLS_ROW_CLASS, children: [
     /* @__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, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", className: "w-48 max-w-full" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-36 max-w-full" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h4", className: "w-48 max-w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { size: "icon" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { size: "icon" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { size: "icon" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.InteractiveSkeleton.Button, { size: "icon" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.InteractiveSkeleton.Button, { size: "icon" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.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: [
@@ -2443,7 +2437,7 @@ function RemoteDesktopView({
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-[var(--spacing-system-xs)]", children: [
         onToggleChat && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkTF5D5MNOcjs.Button,
+          _chunkCDBFQVPAcjs.Button,
           {
             variant: "outline",
             onClick: onToggleChat,
@@ -2451,9 +2445,9 @@ function RemoteDesktopView({
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only content-md:not-sr-only", children: chatOpen ? "Close Chat" : "Open Chat" })
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.ActionsMenuDropdown, { groups: actionsMenuGroups, triggerAriaLabel: "Actions" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.ActionsMenuDropdown, { groups: actionsMenuGroups, triggerAriaLabel: "Actions" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkTF5D5MNOcjs.Button,
+          _chunkCDBFQVPAcjs.Button,
           {
             variant: "outline",
             size: "icon",
@@ -2463,7 +2457,7 @@ function RemoteDesktopView({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkTF5D5MNOcjs.Button,
+          _chunkCDBFQVPAcjs.Button,
           {
             variant: "outline",
             size: "icon",
@@ -2474,29 +2468,21 @@ function RemoteDesktopView({
         )
       ] })
     ] }),
-    displayMenuGroups.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLELS4XMXcjs.ActionsMenuDropdown,
+    displayMenuGroups.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t border-ods-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkVZKAAXU3cjs.ActionsMenuDropdown,
       {
         groups: displayMenuGroups,
         align: "start",
-        customTrigger: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "button",
-          {
-            type: "button",
-            "aria-label": "Switch display",
-            className: "flex w-full items-center gap-[var(--spacing-system-xs)] border-t border-ods-border p-[var(--spacing-system-sf)] text-left text-ods-text-primary outline-none transition-colors hover:bg-ods-bg-hover focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-focus",
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPTK7GOIIcjs.MonitorIcon, { className: "h-6 w-6 shrink-0" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1 truncate text-h4", children: currentDisplayLabel }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSKI6NKOEcjs.Chevron02DownIcon, { className: "h-6 w-6 shrink-0" })
-            ]
-          }
-        )
+        customTrigger: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "row", type: "button", "aria-label": "Switch display", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPTK7GOIIcjs.MonitorIcon, { className: "h-6 w-6" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1 truncate", children: currentDisplayLabel }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSKI6NKOEcjs.Chevron02DownIcon, { className: "h-6 w-6" })
+        ] })
       }
-    )
+    ) })
   ] });
   if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageLayout, { className: PAGE_CLASS, backButton: onBack ? { label: "Back", onClick: onBack } : void 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading the remote session", announce: !inScope, className: "contents", children: [
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageLayout, { className: PAGE_CLASS, backButton: onBack ? { label: "Back", onClick: onBack } : void 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk63OCO2G5cjs.LoadingRegion, { label: "Loading the remote session", announce: !inScope, className: "contents", children: [
       controlsBar,
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 min-w-0 flex-1 rounded-lg bg-black" })
     ] }) });
@@ -2553,8 +2539,8 @@ function RemoteSessionDialog({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full text-ods-text-primary text-h4", children: "The technician will lose access to your device immediately." })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-stretch gap-[var(--spacing-system-l)]", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "outline", fullWidth: true, disabled: ending, onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "destructive", fullWidth: true, loading: ending, onClick: onEndSession, children: "End Session" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "outline", fullWidth: true, disabled: ending, onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "destructive", fullWidth: true, loading: ending, onClick: onEndSession, children: "End Session" })
       ] })
     ] });
   }
@@ -2568,7 +2554,7 @@ function RemoteSessionDialog({
         copy.suffix
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "outline", className: "w-1/2", onClick: onClose, children: "Close" }) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "outline", className: "w-1/2", onClick: onClose, children: "Close" }) })
   ] });
 }
 function DialogCard({ children }) {
@@ -2578,21 +2564,13 @@ function DialogCard({ children }) {
 // src/components/features/remote-session/remote-session-overlay.tsx
 
 function RemoteSessionBorder({ className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "pointer-events-none size-full border-4 border-ods-warning", className) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "pointer-events-none size-full border-4 border-ods-warning", className) });
 }
 function RemoteSessionPill({ onEndSession }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
-    {
-      type: "button",
-      className: "flex items-center gap-[var(--spacing-system-xsf)] rounded-b-md bg-ods-warning px-[var(--spacing-system-m)] py-[var(--spacing-system-xs)] text-ods-text-on-accent",
-      onClick: onEndSession,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQED3GWZXcjs.MonitorOffIcon, { size: 24, color: "currentColor" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap text-h3", children: "End Session" })
-      ]
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "warning", type: "button", onClick: onEndSession, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQED3GWZXcjs.MonitorOffIcon, { size: 24, color: "currentColor" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-nowrap", children: "End Session" })
+  ] });
 }
 
 // src/components/features/remote-session/remote-session-keep-modals.tsx
@@ -2638,9 +2616,9 @@ function KeepRecordingModal({
     if (!canKeep || isPending) return;
     onConfirm({ reason, description: reason === "OTHER" ? trimmed : null });
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXEYL6AFZcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKCBLZAOcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXEYL6AFZcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXEYL6AFZcjs.ModalTitle, { children: "Keep this recording" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKCBLZAOcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKCBLZAOcjs.ModalTitle, { children: "Keep this recording" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       KeepNotice,
       {
@@ -2667,7 +2645,7 @@ function KeepRecordingModal({
         }
       ),
       reason === "OTHER" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYXDHVHB2cjs.Input,
+        _chunkKWV23THOcjs.Input,
         {
           "aria-label": "Reason description",
           value: description,
@@ -2678,11 +2656,11 @@ function KeepRecordingModal({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXEYL6AFZcjs.ModalFooter, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKCBLZAOcjs.ModalFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.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, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkCDBFQVPAcjs.Button,
         {
           type: "button",
           variant: "accent",
@@ -2708,9 +2686,9 @@ function ReleaseKeepingModal({
   isPending = false,
   onConfirm
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXEYL6AFZcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKCBLZAOcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXEYL6AFZcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXEYL6AFZcjs.ModalTitle, { children: "Release Keeping" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKCBLZAOcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKCBLZAOcjs.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 ",
@@ -2727,10 +2705,10 @@ 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, _chunkXEYL6AFZcjs.ModalFooter, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKCBLZAOcjs.ModalFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.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, _chunkTF5D5MNOcjs.Button, { type: "button", variant: "accent", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Release Keeping" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { type: "button", variant: "accent", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Release Keeping" })
     ] })
   ] });
 }
@@ -2761,7 +2739,7 @@ function AssignTicketModal({
     setTicketIds(ids);
     setTitles((prev) => {
       const next = {};
-      for (const id of ids) next[id] = _nullishCoalesce(_nullishCoalesce(_optionalChain([options, 'access', _29 => _29.find, 'call', _30 => _30((option) => option.value === id), 'optionalAccess', _31 => _31.label]), () => ( prev[id])), () => ( id));
+      for (const id of ids) next[id] = _nullishCoalesce(_nullishCoalesce(_optionalChain([options, 'access', _28 => _28.find, 'call', _29 => _29((option) => option.value === id), 'optionalAccess', _30 => _30.label]), () => ( prev[id])), () => ( id));
       return next;
     });
   };
@@ -2769,9 +2747,9 @@ function AssignTicketModal({
     if (ticketIds.length === 0 || isPending) return;
     onConfirm(ticketIds);
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXEYL6AFZcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKCBLZAOcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXEYL6AFZcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXEYL6AFZcjs.ModalTitle, { children: "Assign Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKCBLZAOcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKCBLZAOcjs.ModalTitle, { children: "Assign Ticket" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       Autocomplete,
       {
@@ -2790,11 +2768,11 @@ function AssignTicketModal({
         disabled: isPending
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXEYL6AFZcjs.ModalFooter, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKCBLZAOcjs.ModalFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.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, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkCDBFQVPAcjs.Button,
         {
           type: "button",
           variant: "accent",
@@ -2809,14 +2787,14 @@ function AssignTicketModal({
   ] });
 }
 function UnassignTicketModal({ isOpen, onClose, isPending = false, onConfirm }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXEYL6AFZcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKCBLZAOcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXEYL6AFZcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXEYL6AFZcjs.ModalTitle, { children: "Unassign Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKCBLZAOcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKCBLZAOcjs.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, _chunkXEYL6AFZcjs.ModalFooter, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKCBLZAOcjs.ModalFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.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, _chunkTF5D5MNOcjs.Button, { type: "button", variant: "destructive", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Unassign" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { type: "button", variant: "destructive", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Unassign" })
     ] })
   ] });
 }
@@ -2831,19 +2809,17 @@ function formatRemoteSessionOffset(offsetMs) {
   return hours > 0 ? `${hours}:${minutes}:${seconds}` : `${minutes}:${seconds}`;
 }
 function RemoteSessionEventList({ events, activeEventId, onSelect, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex w-full flex-col gap-[var(--spacing-system-xxs)]", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex w-full flex-col gap-[var(--spacing-system-xxs)]", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-ods-text-secondary text-h5", children: "Session Events" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: "flex w-full flex-col gap-[var(--spacing-system-xxs)] rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-m)]", children: events.map((event) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "button",
+      _chunkCDBFQVPAcjs.Button,
       {
+        variant: "row",
         type: "button",
         "aria-current": event.id === activeEventId || void 0,
-        onClick: () => _optionalChain([onSelect, 'optionalCall', _32 => _32(event)]),
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
-          "flex w-full items-start gap-[var(--spacing-system-xxs)] rounded-md p-[var(--spacing-system-xxs)] text-left outline-none transition-colors",
-          "hover:bg-ods-bg-hover focus-visible:ring-2 focus-visible:ring-ods-focus",
-          event.id === activeEventId && "bg-ods-border hover:bg-ods-border"
-        ),
+        "data-state": event.id === activeEventId ? "active" : void 0,
+        onClick: () => _optionalChain([onSelect, 'optionalCall', _31 => _31(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) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-1 flex-col", children: [
@@ -2862,18 +2838,20 @@ function RemoteSessionTimelineMarkers({
   className
 }) {
   if (durationMs <= 0) return null;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "relative h-4 w-full", className), children: events.map((event) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "relative h-4 w-full", className), children: events.map((event) => {
     const share = Math.min(1, Math.max(0, event.offsetMs / durationMs));
     const label = `${event.title} at ${formatRemoteSessionOffset(event.offsetMs)}`;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
+      _chunkCDBFQVPAcjs.Button,
       {
+        variant: "card",
         type: "button",
         "aria-label": label,
         title: label,
-        onClick: () => _optionalChain([onSelect, 'optionalCall', _33 => _33(event)]),
+        onClick: () => _optionalChain([onSelect, 'optionalCall', _32 => _32(event)]),
         style: { left: `${share * 100}%` },
-        className: "absolute top-0 h-4 w-1 -translate-x-1/2 rounded-md bg-ods-text-secondary outline-none transition-colors hover:bg-ods-text-primary focus-visible:ring-2 focus-visible:ring-ods-focus"
+        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" })
       },
       event.id
     );
@@ -2893,25 +2871,25 @@ var STATUS_TAG = {
 function RemoteSessionStatusTag({ status, className }) {
   const { label, variant } = STATUS_TAG[status];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBNUZKBNVcjs.Tag,
+    _chunkAFJEUBDScjs.Tag,
     {
       label,
       variant,
       icon: status === "live" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LiveDot, {}) : void 0,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, "pointer-events-none shrink-0", className)
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, "pointer-events-none shrink-0", className)
     }
   );
 }
 function RemoteSessionExpiry(props) {
   const { className } = props;
   if (props.state === "none") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunk65VVJSQZcjs.cn.call(void 0, "text-ods-text-primary text-h4", className), children: "-" });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "text-ods-text-primary text-h4", className), children: "-" });
   }
   if (props.state === "expired") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunk65VVJSQZcjs.cn.call(void 0, "text-ods-text-secondary text-h4", className), children: "Expired" });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "text-ods-text-secondary text-h4", className), children: "Expired" });
   }
   if (props.state === "kept") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex min-w-0 flex-col", className), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex min-w-0 flex-col", className), children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-ods-text-primary text-h4", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMT45XX7Icjs.LockIcon, { size: 24, color: "currentColor", className: "shrink-0" }),
         "Kept"
@@ -2924,7 +2902,7 @@ function RemoteSessionExpiry(props) {
       ] })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex min-w-0 flex-col", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex min-w-0 flex-col", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: props.date }),
     props.remaining && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-ods-text-secondary text-h6", children: props.remaining })
   ] });
@@ -2935,7 +2913,7 @@ function RemoteSessionStorageAlert({ scope, capacity, className }) {
     "div",
     {
       role: "alert",
-      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
         "flex w-full items-start gap-[var(--spacing-system-m)] rounded-md bg-ods-warning-secondary p-[var(--spacing-system-s)] text-ods-warning",
         className
       ),
@@ -3009,7 +2987,4 @@ var DEVICE_WALLPAPER_CLASS = "bg-gradient-to-br from-ods-flamingo-cyan-secondary
 
 
 
-
-
-
-exports.HiddenTagsPopup = HiddenTagsPopup; exports.TruncateText = TruncateText; exports.AutocompleteSkeleton = AutocompleteSkeleton; exports.Autocomplete = Autocomplete; exports.Select = Select; exports.SelectGroup = SelectGroup; exports.SelectValue = SelectValue; exports.SelectTrigger = SelectTrigger; exports.SelectScrollUpButton = SelectScrollUpButton; exports.SelectScrollDownButton = SelectScrollDownButton; exports.SelectContent = SelectContent; exports.SelectLabel = SelectLabel; exports.SelectItem = SelectItem; exports.SelectSeparator = SelectSeparator; exports.BACK_BUTTON_SKELETON_CLASS = BACK_BUTTON_SKELETON_CLASS; exports.BackButton = BackButton; exports.PageActions = PageActions; exports.usePageActionsBottomPadding = usePageActionsBottomPadding; exports.PagePicture = PagePicture; exports.PageTitle = PageTitle; exports.ENTITY_IMAGE_SIZE = ENTITY_IMAGE_SIZE; exports.EntityImage = EntityImage; exports.EntityImageSkeleton = EntityImageSkeleton; exports.TITLE_BLOCK_MIN_HEIGHT = TITLE_BLOCK_MIN_HEIGHT; exports.TitleBlock = TitleBlock; exports.PageLayout = PageLayout; exports.RemoteSessionViewers = RemoteSessionViewers; exports.RemoteSessionScope = RemoteSessionScope; exports.RemoteSessionOrgLogo = RemoteSessionOrgLogo; exports.RemoteSessionRecordingTag = RemoteSessionRecordingTag; exports.REMOTE_SESSION_DRAG_HANDLE_CLASS = REMOTE_SESSION_DRAG_HANDLE_CLASS; exports.RemoteSessionDragger = RemoteSessionDragger; exports.formatRemoteSessionElapsed = formatRemoteSessionElapsed; exports.useRemoteSessionTimer = useRemoteSessionTimer; exports.RemoteAccessRequestCard = RemoteAccessRequestCard; exports.RemoteSessionBlockFrame = RemoteSessionBlockFrame; exports.RemoteSessionEndButton = RemoteSessionEndButton; exports.RemoteSessionSummary = RemoteSessionSummary; exports.RemoteSessionMinimizedChip = RemoteSessionMinimizedChip; exports.RemoteSessionChatPanel = RemoteSessionChatPanel; exports.RemoteDesktopChatMessageRow = RemoteDesktopChatMessageRow; exports.RemoteDesktopChatMessageRowSkeleton = RemoteDesktopChatMessageRowSkeleton; exports.REMOTE_DESKTOP_CHAT_END_USER_NAME = REMOTE_DESKTOP_CHAT_END_USER_NAME; exports.RemoteDesktopChatPanel = RemoteDesktopChatPanel; exports.RemoteDesktopFullscreenToolbar = RemoteDesktopFullscreenToolbar; exports.RemoteDesktopView = RemoteDesktopView; exports.RemoteSessionDialog = RemoteSessionDialog; exports.RemoteSessionBorder = RemoteSessionBorder; exports.RemoteSessionPill = RemoteSessionPill; exports.REMOTE_SESSION_KEEP_REASON_LABELS = REMOTE_SESSION_KEEP_REASON_LABELS; exports.KeepRecordingModal = KeepRecordingModal; exports.ReleaseKeepingModal = ReleaseKeepingModal; exports.AssignTicketModal = AssignTicketModal; exports.UnassignTicketModal = UnassignTicketModal; exports.formatRemoteSessionOffset = formatRemoteSessionOffset; exports.RemoteSessionEventList = RemoteSessionEventList; exports.RemoteSessionTimelineMarkers = RemoteSessionTimelineMarkers; exports.RemoteSessionStatusTag = RemoteSessionStatusTag; exports.RemoteSessionExpiry = RemoteSessionExpiry; exports.RemoteSessionStorageAlert = RemoteSessionStorageAlert; exports.DEVICE_WALLPAPER_CLASS = DEVICE_WALLPAPER_CLASS;
+exports.HiddenTagsPopup = HiddenTagsPopup; exports.TruncateText = TruncateText; exports.Autocomplete = Autocomplete; exports.Select = Select; exports.SelectGroup = SelectGroup; exports.SelectValue = SelectValue; exports.SelectTrigger = SelectTrigger; exports.SelectScrollUpButton = SelectScrollUpButton; exports.SelectScrollDownButton = SelectScrollDownButton; exports.SelectContent = SelectContent; exports.SelectLabel = SelectLabel; exports.SelectItem = SelectItem; exports.SelectSeparator = SelectSeparator; exports.BACK_BUTTON_SKELETON_CLASS = BACK_BUTTON_SKELETON_CLASS; exports.BackButton = BackButton; exports.PageActions = PageActions; exports.usePageActionsBottomPadding = usePageActionsBottomPadding; exports.PagePicture = PagePicture; exports.PageTitle = PageTitle; exports.ENTITY_IMAGE_SIZE = ENTITY_IMAGE_SIZE; exports.EntityImage = EntityImage; exports.TITLE_BLOCK_MIN_HEIGHT = TITLE_BLOCK_MIN_HEIGHT; exports.TitleBlock = TitleBlock; exports.PageLayout = PageLayout; exports.RemoteSessionViewers = RemoteSessionViewers; exports.RemoteSessionScope = RemoteSessionScope; exports.RemoteSessionOrgLogo = RemoteSessionOrgLogo; exports.RemoteSessionRecordingTag = RemoteSessionRecordingTag; exports.REMOTE_SESSION_DRAG_HANDLE_CLASS = REMOTE_SESSION_DRAG_HANDLE_CLASS; exports.RemoteSessionDragger = RemoteSessionDragger; exports.formatRemoteSessionElapsed = formatRemoteSessionElapsed; exports.useRemoteSessionTimer = useRemoteSessionTimer; exports.RemoteAccessRequestCard = RemoteAccessRequestCard; exports.RemoteSessionBlockFrame = RemoteSessionBlockFrame; exports.RemoteSessionEndButton = RemoteSessionEndButton; exports.RemoteSessionSummary = RemoteSessionSummary; exports.RemoteSessionMinimizedChip = RemoteSessionMinimizedChip; exports.RemoteSessionChatPanel = RemoteSessionChatPanel; exports.RemoteDesktopChatMessageRow = RemoteDesktopChatMessageRow; exports.REMOTE_DESKTOP_CHAT_END_USER_NAME = REMOTE_DESKTOP_CHAT_END_USER_NAME; exports.RemoteDesktopChatPanel = RemoteDesktopChatPanel; exports.RemoteDesktopFullscreenToolbar = RemoteDesktopFullscreenToolbar; exports.RemoteDesktopView = RemoteDesktopView; exports.RemoteSessionDialog = RemoteSessionDialog; exports.RemoteSessionBorder = RemoteSessionBorder; exports.RemoteSessionPill = RemoteSessionPill; exports.REMOTE_SESSION_KEEP_REASON_LABELS = REMOTE_SESSION_KEEP_REASON_LABELS; exports.KeepRecordingModal = KeepRecordingModal; exports.ReleaseKeepingModal = ReleaseKeepingModal; exports.AssignTicketModal = AssignTicketModal; exports.UnassignTicketModal = UnassignTicketModal; exports.formatRemoteSessionOffset = formatRemoteSessionOffset; exports.RemoteSessionEventList = RemoteSessionEventList; exports.RemoteSessionTimelineMarkers = RemoteSessionTimelineMarkers; exports.RemoteSessionStatusTag = RemoteSessionStatusTag; exports.RemoteSessionExpiry = RemoteSessionExpiry; exports.RemoteSessionStorageAlert = RemoteSessionStorageAlert; exports.DEVICE_WALLPAPER_CLASS = DEVICE_WALLPAPER_CLASS;