@flamingo-stack/openframe-frontend-core 0.0.720 → 0.0.722

package/dist/{chunk-VF2CJXZ2.cjs → chunk-NFABAOMD.cjs}

@@ -10,20 +10,21 @@ var _chunkA6P6DHEZcjs = require('./chunk-A6P6DHEZ.cjs');
 
 
 
-var _chunkRZQGIWK3cjs = require('./chunk-RZQGIWK3.cjs');
+var _chunkFDWYBJYDcjs = require('./chunk-FDWYBJYD.cjs');
 
 
 
 
 
 
-var _chunkFFT56TYBcjs = require('./chunk-FFT56TYB.cjs');
+var _chunkRUZIICXTcjs = require('./chunk-RUZIICXT.cjs');
 
 
 
 
 
-var _chunkF5BPGWGTcjs = require('./chunk-F5BPGWGT.cjs');
+
+var _chunkTKFTWM3Vcjs = require('./chunk-TKFTWM3V.cjs');
 
 
 var _chunkMGHIV4L6cjs = require('./chunk-MGHIV4L6.cjs');
@@ -77,7 +78,7 @@ var _chunk2Y7QZAB2cjs = require('./chunk-2Y7QZAB2.cjs');
 
 
 
-var _chunkDFQYAYBHcjs = require('./chunk-DFQYAYBH.cjs');
+var _chunkHQIOMFJHcjs = require('./chunk-HQIOMFJH.cjs');
 
 
 var _chunkLLRGR4I5cjs = require('./chunk-LLRGR4I5.cjs');
@@ -180,7 +181,7 @@ function TruncateText({
   const { ref, isTruncated } = _chunkULWVKHSIcjs.useIsTruncated.call(void 0, children, { multiline: isMultiLine });
   const clampClass = isMultiLine ? LINE_CLAMP_CLASS[lines] : "truncate block";
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkF5BPGWGTcjs.FloatingTooltip,
+    _chunkTKFTWM3Vcjs.FloatingTooltip,
     {
       content: _nullishCoalesce(tooltip, () => ( children)),
       side,
@@ -507,7 +508,7 @@ function AutocompleteInner(props, ref) {
               ),
               children: [
                 multiple && visibleTags.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkF5BPGWGTcjs.Tag,
+                  _chunkTKFTWM3Vcjs.Tag,
                   {
                     variant: "outline",
                     className: wrapTags ? "max-w-full" : void 0,
@@ -732,7 +733,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, 
-                _chunkF5BPGWGTcjs.Tag,
+                _chunkTKFTWM3Vcjs.Tag,
                 {
                   variant: "outline",
                   labelClassName: "max-w-[90px] truncate",
@@ -962,15 +963,15 @@ function actionToMenuItems(action, idx) {
 function renderActionButton(action, opts = {}) {
   const button = renderRawActionButton(action, opts);
   if (!action.tooltip) return button;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFFT56TYBcjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFFT56TYBcjs.Tooltip, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFFT56TYBcjs.TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFFT56TYBcjs.TooltipContent, { children: action.tooltip })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUZIICXTcjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRUZIICXTcjs.Tooltip, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUZIICXTcjs.TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUZIICXTcjs.TooltipContent, { children: action.tooltip })
   ] }) });
 }
 function renderRawActionButton(action, opts = {}) {
   if (action.iconAction) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkDFQYAYBHcjs.SplitButton,
+      _chunkHQIOMFJHcjs.SplitButton,
       {
         variant: _nullishCoalesce(action.variant, () => ( void 0)),
         href: action.href,
@@ -988,11 +989,11 @@ function renderRawActionButton(action, opts = {}) {
   }
   if (action.submenu && action.submenu.length > 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFFT56TYBcjs.ActionsMenuDropdown,
+      _chunkRUZIICXTcjs.ActionsMenuDropdown,
       {
         groups: [{ items: action.submenu }],
         customTrigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDFQYAYBHcjs.Button,
+          _chunkHQIOMFJHcjs.Button,
           {
             variant: "outline",
             disabled: action.disabled,
@@ -1010,7 +1011,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, 
-      _chunkDFQYAYBHcjs.Button,
+      _chunkHQIOMFJHcjs.Button,
       {
         variant: action.variant,
         size: "icon",
@@ -1026,7 +1027,7 @@ function renderRawActionButton(action, opts = {}) {
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkDFQYAYBHcjs.Button,
+    _chunkHQIOMFJHcjs.Button,
     {
       variant: action.variant,
       href: action.href,
@@ -1123,10 +1124,10 @@ function IconButtonsVariant({
       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, _chunkFFT56TYBcjs.ActionsMenuDropdown, { groups: menuActions })
+        hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUZIICXTcjs.ActionsMenuDropdown, { groups: menuActions })
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.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, _chunkFFT56TYBcjs.ActionsMenuDropdown, { groups: mobileMenuGroups }) : null })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.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, _chunkRUZIICXTcjs.ActionsMenuDropdown, { groups: mobileMenuGroups }) : null })
   ] });
 }
 function PrimaryButtonsVariant({
@@ -1165,7 +1166,7 @@ function MenuPrimaryVariant({
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.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, _chunkFFT56TYBcjs.ActionsMenuDropdown, { groups: menuActions }),
+        hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUZIICXTcjs.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)}`))
       ] })
     ] }),
@@ -1173,7 +1174,7 @@ function MenuPrimaryVariant({
       // 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, _chunkFFT56TYBcjs.ActionsMenuDropdown, { groups: mobileMenuGroups, header: selector })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUZIICXTcjs.ActionsMenuDropdown, { groups: mobileMenuGroups, header: selector })
     ) : null })
   ] });
 }
@@ -1182,7 +1183,7 @@ function CompactPrimaryActions({ actions }) {
   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, _chunkFFT56TYBcjs.ActionsMenuDropdown, { groups: [{ items: foldable.flatMap(actionToMenuItems) }] }),
+    fold && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUZIICXTcjs.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)}`))
   ] });
 }
@@ -1216,7 +1217,7 @@ function EntityImage({ src, alt, fallbackText, sizeClassName, className }) {
   const [failedSrc, setFailedSrc] = _react2.default.useState(null);
   const imageFailed = resolvedSrc !== void 0 && failedSrc === resolvedSrc;
   const showFallback = imageFailed || !resolvedSrc;
-  const initials = _chunkF5BPGWGTcjs.personInitials.call(void 0, _nullishCoalesce(fallbackText, () => ( alt)));
+  const initials = _chunkTKFTWM3Vcjs.personInitials.call(void 0, _nullishCoalesce(fallbackText, () => ( alt)));
   if (showFallback) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
@@ -1327,7 +1328,7 @@ function TitleBlock({
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
                   (loading || 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, 
-                      _chunkF5BPGWGTcjs.FloatingTooltip,
+                      _chunkTKFTWM3Vcjs.FloatingTooltip,
                       {
                         content: title,
                         side: "bottom",
@@ -1344,12 +1345,12 @@ function TitleBlock({
                       }
                     ),
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: titleAdornment })
-                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF5BPGWGTcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { ref: titleRef, className: _chunk3ATAYP36cjs.cn.call(void 0, titleClass, "text-ods-text-primary", titleOverflowClass), children: titleNode }) })),
+                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTKFTWM3Vcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { ref: titleRef, className: _chunk3ATAYP36cjs.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, _chunkF5BPGWGTcjs.FloatingTooltip, { content: subtitle, side: "bottom", disabled: !subtitleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTKFTWM3Vcjs.FloatingTooltip, { content: subtitle, side: "bottom", disabled: !subtitleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "p",
                     {
                       ref: subtitleRef,
@@ -1360,7 +1361,7 @@ function TitleBlock({
                   ) })
                 ] })
               ] }) : title && (titleAdornment ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center gap-[var(--spacing-system-m)]", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF5BPGWGTcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, triggerClassName: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { ref: titleRef, className: _chunk3ATAYP36cjs.cn.call(void 0, titleClass, "min-w-0 text-ods-text-primary", titleOverflowClass), children: title }) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTKFTWM3Vcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, triggerClassName: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { ref: titleRef, className: _chunk3ATAYP36cjs.cn.call(void 0, titleClass, "min-w-0 text-ods-text-primary", titleOverflowClass), children: title }) }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: titleAdornment })
               ] }) : (
                 /* This branch never had the single-line clamp, so text already
@@ -1479,7 +1480,7 @@ function RemoteSessionViewers({ viewers, max = 4, className }) {
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center", children: [
             faces.map((viewer, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkF5BPGWGTcjs.SquareAvatar,
+              _chunkTKFTWM3Vcjs.SquareAvatar,
               {
                 variant: "round",
                 sizePx: 32,
@@ -1513,7 +1514,7 @@ function RemoteSessionViewers({ viewers, max = 4, className }) {
         ),
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkF5BPGWGTcjs.SquareAvatar,
+            _chunkTKFTWM3Vcjs.SquareAvatar,
             {
               variant: "round",
               sizePx: 24,
@@ -1559,7 +1560,7 @@ function RemoteSessionScope({ children, className }) {
 function RemoteSessionOrgLogo({ name, logoUrl, sizePx, className }) {
   if (logoUrl) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkF5BPGWGTcjs.SquareAvatar,
+      _chunkTKFTWM3Vcjs.SquareAvatar,
       {
         variant: "square",
         fit: "contain",
@@ -1645,9 +1646,6 @@ function useRemoteSessionTimer(startedAt) {
 
 // src/components/features/remote-session/remote-access-request-card.tsx
 
-function displaySiteUrl(url) {
-  return url.replace(/^https?:\/\//, "").replace(/\/$/, "");
-}
 function RemoteAccessRequestCard({
   party,
   showRecordingNotice = false,
@@ -1665,9 +1663,9 @@ function RemoteAccessRequestCard({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RemoteSessionOrgLogo, { name: organizationName, logoUrl: party.organizationLogoUrl, sizePx: 64 }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full truncate text-ods-text-primary text-h3", children: organizationName }),
-        siteUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full truncate text-ods-text-secondary text-h4", children: displaySiteUrl(siteUrl) })
+        siteUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full truncate text-ods-text-secondary text-h4", children: _chunkTKFTWM3Vcjs.formatUrlForDisplay.call(void 0, siteUrl, { keepWww: true }) })
       ] }),
-      openableSite && onOpenSite && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", size: "icon", "aria-label": "Open website", onClick: () => onOpenSite(openableSite), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.ExternalLinkIcon, { size: 24, color: "currentColor" }) })
+      openableSite && onOpenSite && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQIOMFJHcjs.Button, { variant: "outline", size: "icon", "aria-label": "Open website", onClick: () => onOpenSite(openableSite), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.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 ",
@@ -1683,7 +1681,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, 
-        _chunkDFQYAYBHcjs.Button,
+        _chunkHQIOMFJHcjs.Button,
         {
           variant: "outline",
           fullWidth: true,
@@ -1694,7 +1692,7 @@ function RemoteAccessRequestCard({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDFQYAYBHcjs.Button,
+        _chunkHQIOMFJHcjs.Button,
         {
           variant: "accent",
           fullWidth: true,
@@ -1745,7 +1743,7 @@ var RemoteSessionBlockFrame = _react.forwardRef.call(void 0,
 RemoteSessionBlockFrame.displayName = "RemoteSessionBlockFrame";
 function RemoteSessionEndButton({ onEndSession }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkDFQYAYBHcjs.Button,
+    _chunkHQIOMFJHcjs.Button,
     {
       variant: "outline",
       fullWidth: true,
@@ -1777,7 +1775,7 @@ function RemoteSessionSummary({
         ...dragHandlers,
         children: [
           technician ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkF5BPGWGTcjs.SquareAvatar,
+            _chunkTKFTWM3Vcjs.SquareAvatar,
             {
               variant: "round",
               sizePx: 48,
@@ -1803,7 +1801,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, 
-        _chunkDFQYAYBHcjs.Button,
+        _chunkHQIOMFJHcjs.Button,
         {
           variant: "outline",
           fullWidth: true,
@@ -1833,7 +1831,7 @@ var RemoteSessionMinimizedChip = _react.forwardRef.call(void 0,
         ...dragHandlers,
         children: [
           technician ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkF5BPGWGTcjs.SquareAvatar,
+            _chunkTKFTWM3Vcjs.SquareAvatar,
             {
               sizePx: 48,
               src: _nullishCoalesce(party.technicianAvatarUrl, () => ( void 0)),
@@ -1916,7 +1914,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, 
-          _chunkDFQYAYBHcjs.Button,
+          _chunkHQIOMFJHcjs.Button,
           {
             variant: "outline",
             fullWidth: true,
@@ -1983,7 +1981,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, 
-        _chunkF5BPGWGTcjs.SquareAvatar,
+        _chunkTKFTWM3Vcjs.SquareAvatar,
         {
           variant: "round",
           sizePx: 16,
@@ -2018,7 +2016,7 @@ function RemoteDesktopChatMessageRow({
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-[var(--spacing-system-xxs)]", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xxs)]", children: [
-      isTechnician && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF5BPGWGTcjs.SquareAvatar, { variant: "round", sizePx: 24, src: avatarUrl, alt: authorName, className: "shrink-0" }),
+      isTechnician && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTKFTWM3Vcjs.SquareAvatar, { variant: "round", sizePx: 24, src: avatarUrl, alt: authorName, className: "shrink-0" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "span",
         {
@@ -2029,7 +2027,7 @@ function RemoteDesktopChatMessageRow({
           children: authorName
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { suppressHydrationWarning: true, className: "shrink-0 text-ods-text-secondary text-h6", children: _chunkRZQGIWK3cjs.formatTime.call(void 0, sentAt) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { suppressHydrationWarning: true, className: "shrink-0 text-ods-text-secondary text-h6", children: _chunkFDWYBJYDcjs.formatTime.call(void 0, sentAt) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "whitespace-pre-wrap text-ods-text-primary text-h4", children: body })
   ] });
@@ -2074,7 +2072,7 @@ function RemoteDesktopChatPanel({
           message.id
         )) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkRZQGIWK3cjs.ChatInput,
+          _chunkFDWYBJYDcjs.ChatInput,
           {
             placeholder: "Enter your Message...",
             onSend,
@@ -2111,7 +2109,7 @@ 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, 
-              _chunkFFT56TYBcjs.ActionsMenuDropdown,
+              _chunkRUZIICXTcjs.ActionsMenuDropdown,
               {
                 groups: displayMenuGroups,
                 customTrigger: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -2132,7 +2130,7 @@ function RemoteDesktopFullscreenToolbar({
           ] }),
           /* @__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, 
-              _chunkDFQYAYBHcjs.Button,
+              _chunkHQIOMFJHcjs.Button,
               {
                 variant: "outline",
                 size: "small",
@@ -2142,11 +2140,11 @@ function RemoteDesktopFullscreenToolbar({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkFFT56TYBcjs.ActionsMenuDropdown,
+              _chunkRUZIICXTcjs.ActionsMenuDropdown,
               {
                 groups: actionsMenuGroups,
                 customTrigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkDFQYAYBHcjs.Button,
+                  _chunkHQIOMFJHcjs.Button,
                   {
                     variant: "outline",
                     size: "icon-sm",
@@ -2157,7 +2155,7 @@ function RemoteDesktopFullscreenToolbar({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkDFQYAYBHcjs.Button,
+              _chunkHQIOMFJHcjs.Button,
               {
                 variant: "outline",
                 size: "icon-sm",
@@ -2167,7 +2165,7 @@ function RemoteDesktopFullscreenToolbar({
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkDFQYAYBHcjs.Button,
+              _chunkHQIOMFJHcjs.Button,
               {
                 variant: "outline",
                 size: "icon-sm",
@@ -2223,7 +2221,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, 
-          _chunkDFQYAYBHcjs.Button,
+          _chunkHQIOMFJHcjs.Button,
           {
             variant: "outline",
             onClick: onToggleChat,
@@ -2231,9 +2229,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, _chunkFFT56TYBcjs.ActionsMenuDropdown, { groups: actionsMenuGroups, triggerAriaLabel: "Actions" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUZIICXTcjs.ActionsMenuDropdown, { groups: actionsMenuGroups, triggerAriaLabel: "Actions" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDFQYAYBHcjs.Button,
+          _chunkHQIOMFJHcjs.Button,
           {
             variant: "outline",
             size: "icon",
@@ -2243,7 +2241,7 @@ function RemoteDesktopView({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDFQYAYBHcjs.Button,
+          _chunkHQIOMFJHcjs.Button,
           {
             variant: "outline",
             size: "icon",
@@ -2255,7 +2253,7 @@ function RemoteDesktopView({
       ] })
     ] }),
     displayMenuGroups.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFFT56TYBcjs.ActionsMenuDropdown,
+      _chunkRUZIICXTcjs.ActionsMenuDropdown,
       {
         groups: displayMenuGroups,
         align: "start",
@@ -2346,8 +2344,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, _chunkDFQYAYBHcjs.Button, { variant: "outline", fullWidth: true, disabled: ending, onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "destructive", fullWidth: true, loading: ending, onClick: onEndSession, children: "End Session" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQIOMFJHcjs.Button, { variant: "outline", fullWidth: true, disabled: ending, onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQIOMFJHcjs.Button, { variant: "destructive", fullWidth: true, loading: ending, onClick: onEndSession, children: "End Session" })
       ] })
     ] });
   }
@@ -2361,7 +2359,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, _chunkDFQYAYBHcjs.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, _chunkHQIOMFJHcjs.Button, { variant: "outline", className: "w-1/2", onClick: onClose, children: "Close" }) })
   ] });
 }
 function DialogCard({ children }) {
@@ -2431,9 +2429,9 @@ function KeepRecordingModal({
     if (!canKeep || isPending) return;
     onConfirm({ reason, description: reason === "OTHER" ? trimmed : null });
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFDWYBJYDcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalTitle, { children: "Keep this recording" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDWYBJYDcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDWYBJYDcjs.ModalTitle, { children: "Keep this recording" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       KeepNotice,
       {
@@ -2471,11 +2469,11 @@ function KeepRecordingModal({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.ModalFooter, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFDWYBJYDcjs.ModalFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQIOMFJHcjs.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, 
-        _chunkDFQYAYBHcjs.Button,
+        _chunkHQIOMFJHcjs.Button,
         {
           type: "button",
           variant: "accent",
@@ -2501,9 +2499,9 @@ function ReleaseKeepingModal({
   isPending = false,
   onConfirm
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFDWYBJYDcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalTitle, { children: "Release Keeping" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDWYBJYDcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDWYBJYDcjs.ModalTitle, { children: "Release Keeping" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-[var(--spacing-system-xsf)] text-ods-text-primary text-h4", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { children: [
         "Kept by ",
@@ -2520,10 +2518,10 @@ function ReleaseKeepingModal({
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeepNotice, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.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, _chunkRZQGIWK3cjs.ModalFooter, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFDWYBJYDcjs.ModalFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQIOMFJHcjs.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, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "accent", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Release Keeping" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQIOMFJHcjs.Button, { type: "button", variant: "accent", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Release Keeping" })
     ] })
   ] });
 }
@@ -2562,9 +2560,9 @@ function AssignTicketModal({
     if (ticketIds.length === 0 || isPending) return;
     onConfirm(ticketIds);
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFDWYBJYDcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalTitle, { children: "Assign Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDWYBJYDcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDWYBJYDcjs.ModalTitle, { children: "Assign Ticket" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       Autocomplete,
       {
@@ -2583,11 +2581,11 @@ function AssignTicketModal({
         disabled: isPending
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.ModalFooter, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFDWYBJYDcjs.ModalFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQIOMFJHcjs.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, 
-        _chunkDFQYAYBHcjs.Button,
+        _chunkHQIOMFJHcjs.Button,
         {
           type: "button",
           variant: "accent",
@@ -2602,14 +2600,14 @@ function AssignTicketModal({
   ] });
 }
 function UnassignTicketModal({ isOpen, onClose, isPending = false, onConfirm }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFDWYBJYDcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalTitle, { children: "Unassign Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDWYBJYDcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDWYBJYDcjs.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, _chunkRZQGIWK3cjs.ModalFooter, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFDWYBJYDcjs.ModalFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQIOMFJHcjs.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, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "destructive", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Unassign" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQIOMFJHcjs.Button, { type: "button", variant: "destructive", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Unassign" })
     ] })
   ] });
 }
@@ -2686,7 +2684,7 @@ var STATUS_TAG = {
 function RemoteSessionStatusTag({ status, className }) {
   const { label, variant } = STATUS_TAG[status];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkF5BPGWGTcjs.Tag,
+    _chunkTKFTWM3Vcjs.Tag,
     {
       label,
       variant,

package/dist/{chunk-B5LNX4GZ.js → chunk-NMGWNUKB.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   PageLayout
-} from "./chunk-YK3X74SF.js";
+} from "./chunk-UYMTAFHG.js";
 import {
   getProxiedImageUrl
-} from "./chunk-GANIUMRU.js";
+} from "./chunk-7UZ2JZJY.js";
 import {
   formatBioText,
   formatDateWithTimezone
-} from "./chunk-IYVFSLWJ.js";
+} from "./chunk-KZQO5EJQ.js";
 import {
   next_image_default
 } from "./chunk-FBZMAPWO.js";