@flamingo-stack/openframe-frontend-core 0.0.767 → 0.0.769

package/dist/{chunk-MPTMT773.cjs → chunk-LJT2KRE2.cjs}

@@ -12,7 +12,7 @@ var _chunk2JRSYWFPcjs = require('./chunk-2JRSYWFP.cjs');
 
 
 
-var _chunkGTONIRJUcjs = require('./chunk-GTONIRJU.cjs');
+var _chunkEHJE3UWZcjs = require('./chunk-EHJE3UWZ.cjs');
 
 
 
@@ -73,7 +73,7 @@ var _chunkR3JX4MXDcjs = require('./chunk-R3JX4MXD.cjs');
 
 
 
-var _chunkJTSUAHDLcjs = require('./chunk-JTSUAHDL.cjs');
+var _chunkHY6BCZH7cjs = require('./chunk-HY6BCZH7.cjs');
 
 
 var _chunk5P4TDV7Vcjs = require('./chunk-5P4TDV7V.cjs');
@@ -177,7 +177,7 @@ function BoardColumnHeader({
 }) {
   const count = _nullishCoalesce(column.total, () => ( column.tickets.length));
   const tagStatus = _nullishCoalesce(column.statusKey, () => ( column.id));
-  const useStatusVariant = _chunkGTONIRJUcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
+  const useStatusVariant = _chunkEHJE3UWZcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
   const actionClass = "h-8 w-8 p-0 content-md:h-8 content-md:w-8";
   if (collapsed) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
@@ -193,7 +193,7 @@ function BoardColumnHeader({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGTONIRJUcjs.TicketStatusTag,
+        _chunkEHJE3UWZcjs.TicketStatusTag,
         {
           status: tagStatus,
           label: column.label,
@@ -206,7 +206,7 @@ function BoardColumnHeader({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
     /* @__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, _chunkGTONIRJUcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEHJE3UWZcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h5", style: useStatusVariant ? void 0 : { color: column.color }, children: count })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
@@ -264,7 +264,7 @@ function tintOnDark(hex) {
 
 function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
   const [expanded, setExpanded] = _react.useState.call(void 0, false);
-  const { innerRef, containerStyle } = _chunkGTONIRJUcjs.useCollapsible.call(void 0, { expanded });
+  const { innerRef, containerStyle } = _chunkEHJE3UWZcjs.useCollapsible.call(void 0, { expanded });
   const isAdmin = pendingApproval.approvalType === "ADMIN";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto flex flex-col", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -293,7 +293,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: innerRef, className: "pt-[var(--spacing-system-xs)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGTONIRJUcjs.ApprovalBatchMessage,
+      _chunkEHJE3UWZcjs.ApprovalBatchMessage,
       {
         className: "mb-0",
         data: {
@@ -485,7 +485,7 @@ function TicketCardBody({
         role: "img",
         "aria-label": `Owned by ${ticket.agent === "fae" ? "Fae" : "Mingo"}`,
         className: "flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-ods-border bg-ods-bg",
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGTONIRJUcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEHJE3UWZcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
       }
     ),
     renderAssignSlot ? renderAssignSlot(ticket) : _optionalChain([ticket, 'access', _19 => _19.assignees, 'optionalAccess', _20 => _20.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex -space-x-2", children: [
@@ -498,7 +498,7 @@ function TicketCardBody({
           },
           a.id
         ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkJTSUAHDLcjs.SquareAvatar,
+          _chunkHY6BCZH7cjs.SquareAvatar,
           {
             src: a.avatarUrl,
             alt: _nullishCoalesce(_nullishCoalesce(a.name, () => ( a.initials)), () => ( a.id)),
@@ -515,8 +515,8 @@ function TicketCardBody({
       ] })
     ] }) : null
   ] }) : null;
-  const timestampLabel = ticket.createdAt ? _chunkGTONIRJUcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
-  const tooltipLabel = ticket.createdAt ? _chunkGTONIRJUcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
+  const timestampLabel = ticket.createdAt ? _chunkEHJE3UWZcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
+  const tooltipLabel = ticket.createdAt ? _chunkEHJE3UWZcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
   const metaLabel = [ticket.ticketNumber || null, timestampLabel].filter(Boolean).join(" \u2022 ");
   const metaClass = "truncate text-ods-text-secondary text-h6";
   const meta = href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -565,7 +565,7 @@ function TicketCardBody({
       }
     ),
     showNewMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJTSUAHDLcjs.Tag,
+      _chunkHY6BCZH7cjs.Tag,
       {
         label: "New Message",
         icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJSIUVERGcjs.MessagesIcon, { size: 16, color: newMessageTextColor }),
@@ -785,8 +785,8 @@ function TicketTagRow({ tags }) {
   const visible = tags.slice(0, MAX_VISIBLE_TAGS);
   const hidden = tags.length - visible.length;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-8 flex-wrap items-start gap-[var(--spacing-system-xxs)] overflow-clip", children: [
-    visible.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJTSUAHDLcjs.Tag, { variant: "outline", label: tag }, tag)),
-    hidden > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJTSUAHDLcjs.Tag, { variant: "outline", label: `+${hidden}` })
+    visible.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHY6BCZH7cjs.Tag, { variant: "outline", label: tag }, tag)),
+    hidden > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHY6BCZH7cjs.Tag, { variant: "outline", label: `+${hidden}` })
   ] });
 }
 

package/dist/{chunk-NBVZIHGS.cjs → chunk-MYA6NR2C.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkYRFWOJF4cjs = require('./chunk-YRFWOJF4.cjs');
+var _chunkBLTNKLAXcjs = require('./chunk-BLTNKLAX.cjs');
 
 
 var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
@@ -120,7 +120,7 @@ function PersistentPaginationWrapper({
             },
             "aria-hidden": isPaginationDisabled,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkYRFWOJF4cjs.UnifiedPagination,
+              _chunkBLTNKLAXcjs.UnifiedPagination,
               {
                 currentPage: displayCurrentPage,
                 totalPages: displayTotalPages,

package/dist/{chunk-ZV45VS6K.cjs → chunk-MZLWB5AH.cjs}

@@ -10,7 +10,7 @@ var _chunkA6P6DHEZcjs = require('./chunk-A6P6DHEZ.cjs');
 
 
 
-var _chunkXZ6DKGT4cjs = require('./chunk-XZ6DKGT4.cjs');
+var _chunk5QP3K2CEcjs = require('./chunk-5QP3K2CE.cjs');
 
 
 
@@ -102,7 +102,7 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
 
-var _chunkJTSUAHDLcjs = require('./chunk-JTSUAHDL.cjs');
+var _chunkHY6BCZH7cjs = require('./chunk-HY6BCZH7.cjs');
 
 
 var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
@@ -237,7 +237,7 @@ function TruncateText({
   const { ref, isTruncated } = _chunk5P4TDV7Vcjs.useIsTruncated.call(void 0, children, { multiline: isMultiLine });
   const clampClass = isMultiLine ? LINE_CLAMP_CLASS[lines] : "truncate block";
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkJTSUAHDLcjs.FloatingTooltip,
+    _chunkHY6BCZH7cjs.FloatingTooltip,
     {
       content: _nullishCoalesce(tooltip, () => ( children)),
       side,
@@ -575,7 +575,7 @@ function AutocompleteInner(props, ref) {
               ),
               children: [
                 multiple && visibleTags.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkJTSUAHDLcjs.Tag,
+                  _chunkHY6BCZH7cjs.Tag,
                   {
                     variant: "outline",
                     className: wrapTags ? "max-w-full" : void 0,
@@ -809,7 +809,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, 
-                _chunkJTSUAHDLcjs.Tag,
+                _chunkHY6BCZH7cjs.Tag,
                 {
                   variant: "outline",
                   labelClassName: "max-w-[90px] truncate",
@@ -1303,7 +1303,7 @@ function EntityImage({ src, alt, fallbackText, sizeClassName, className }) {
   const imageFailed = resolvedSrc !== void 0 && failedSrc === resolvedSrc;
   if (held) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityImageSkeleton, { sizeClassName, className });
   const showFallback = imageFailed || !resolvedSrc;
-  const initials = _chunkJTSUAHDLcjs.personInitials.call(void 0, _nullishCoalesce(fallbackText, () => ( alt)));
+  const initials = _chunkHY6BCZH7cjs.personInitials.call(void 0, _nullishCoalesce(fallbackText, () => ( alt)));
   if (showFallback) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
@@ -1477,7 +1477,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, 
-                      _chunkJTSUAHDLcjs.FloatingTooltip,
+                      _chunkHY6BCZH7cjs.FloatingTooltip,
                       {
                         content: title,
                         side: "bottom",
@@ -1494,12 +1494,12 @@ function TitleBlock({
                       }
                     ),
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: titleAdornment })
-                  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJTSUAHDLcjs.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, _chunkHY6BCZH7cjs.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 }) })),
                   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, _chunkJTSUAHDLcjs.FloatingTooltip, { content: subtitle, side: "bottom", disabled: !subtitleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHY6BCZH7cjs.FloatingTooltip, { content: subtitle, side: "bottom", disabled: !subtitleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "p",
                     {
                       ref: subtitleRef,
@@ -1517,7 +1517,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, _chunkJTSUAHDLcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, triggerClassName: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHY6BCZH7cjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, triggerClassName: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   PageTitle,
                   {
                     ref: titleRef,
@@ -1645,7 +1645,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, 
-              _chunkJTSUAHDLcjs.SquareAvatar,
+              _chunkHY6BCZH7cjs.SquareAvatar,
               {
                 variant: "round",
                 sizePx: 32,
@@ -1679,7 +1679,7 @@ function RemoteSessionViewers({ viewers, max = 4, className }) {
         ),
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkJTSUAHDLcjs.SquareAvatar,
+            _chunkHY6BCZH7cjs.SquareAvatar,
             {
               variant: "round",
               sizePx: 24,
@@ -1725,7 +1725,7 @@ function RemoteSessionScope({ children, className }) {
 function RemoteSessionOrgLogo({ name, logoUrl, sizePx, className }) {
   if (logoUrl) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJTSUAHDLcjs.SquareAvatar,
+      _chunkHY6BCZH7cjs.SquareAvatar,
       {
         variant: "square",
         fit: "contain",
@@ -1835,7 +1835,7 @@ function RemoteAccessRequestCard({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RemoteSessionOrgLogo, { name: organizationName, logoUrl: party.organizationLogoUrl, sizePx: 64 }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full truncate text-ods-text-primary text-h3", children: organizationName }),
-        siteUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full truncate text-ods-text-secondary text-h4", children: _chunkJTSUAHDLcjs.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: _chunkHY6BCZH7cjs.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" }) })
     ] }),
@@ -1954,7 +1954,7 @@ function RemoteSessionSummary({
         ...dragHandlers,
         children: [
           technician ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkJTSUAHDLcjs.SquareAvatar,
+            _chunkHY6BCZH7cjs.SquareAvatar,
             {
               variant: "round",
               sizePx: 48,
@@ -2010,7 +2010,7 @@ var RemoteSessionMinimizedChip = _react.forwardRef.call(void 0,
         ...dragHandlers,
         children: [
           technician ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkJTSUAHDLcjs.SquareAvatar,
+            _chunkHY6BCZH7cjs.SquareAvatar,
             {
               sizePx: 48,
               src: _nullishCoalesce(party.technicianAvatarUrl, () => ( void 0)),
@@ -2160,7 +2160,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, 
-        _chunkJTSUAHDLcjs.SquareAvatar,
+        _chunkHY6BCZH7cjs.SquareAvatar,
         {
           variant: "round",
           sizePx: 16,
@@ -2198,18 +2198,9 @@ function RemoteDesktopChatMessageRow({
 }) {
   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, _chunkJTSUAHDLcjs.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: _chunkXZ6DKGT4cjs.formatTime.call(void 0, sentAt) })
+      isTechnician && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHY6BCZH7cjs.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: _chunk5QP3K2CEcjs.formatTime.call(void 0, sentAt) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "whitespace-pre-wrap text-ods-text-primary text-h4", children: body })
   ] });
@@ -2271,7 +2262,7 @@ function RemoteDesktopChatPanel({
           message.id
         )) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXZ6DKGT4cjs.ChatInput,
+          _chunk5QP3K2CEcjs.ChatInput,
           {
             placeholder: "Enter your Message...",
             onSend,
@@ -2638,9 +2629,9 @@ function KeepRecordingModal({
     if (!canKeep || isPending) return;
     onConfirm({ reason, description: reason === "OTHER" ? trimmed : null });
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXZ6DKGT4cjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5QP3K2CEcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZ6DKGT4cjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZ6DKGT4cjs.ModalTitle, { children: "Keep this recording" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5QP3K2CEcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5QP3K2CEcjs.ModalTitle, { children: "Keep this recording" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       KeepNotice,
       {
@@ -2678,7 +2669,7 @@ function KeepRecordingModal({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXZ6DKGT4cjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5QP3K2CEcjs.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.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2708,10 +2699,10 @@ function ReleaseKeepingModal({
   isPending = false,
   onConfirm
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXZ6DKGT4cjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5QP3K2CEcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZ6DKGT4cjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZ6DKGT4cjs.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.jsx.call(void 0, _chunk5QP3K2CEcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5QP3K2CEcjs.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 ",
         keptBy,
@@ -2727,7 +2718,7 @@ function ReleaseKeepingModal({
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeepNotice, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILWSAV64cjs.HourglassIcon, { size: 24, color: "currentColor" }), title: `It will expire on ${expiresOn}`, children: dueOn ? `It was due to expire on ${dueOn}. Releasing gives it 3 days' grace, and it shows amber until then. Whoever placed the Keep is reminded the day before it goes. Nothing is deleted now.` : "Nothing is deleted now." }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXZ6DKGT4cjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5QP3K2CEcjs.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.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" })
@@ -2769,9 +2760,9 @@ function AssignTicketModal({
     if (ticketIds.length === 0 || isPending) return;
     onConfirm(ticketIds);
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXZ6DKGT4cjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5QP3K2CEcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZ6DKGT4cjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZ6DKGT4cjs.ModalTitle, { children: "Assign Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5QP3K2CEcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5QP3K2CEcjs.ModalTitle, { children: "Assign Ticket" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       Autocomplete,
       {
@@ -2790,7 +2781,7 @@ function AssignTicketModal({
         disabled: isPending
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXZ6DKGT4cjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5QP3K2CEcjs.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.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2809,11 +2800,11 @@ function AssignTicketModal({
   ] });
 }
 function UnassignTicketModal({ isOpen, onClose, isPending = false, onConfirm }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXZ6DKGT4cjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5QP3K2CEcjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZ6DKGT4cjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZ6DKGT4cjs.ModalTitle, { children: "Unassign Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5QP3K2CEcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5QP3K2CEcjs.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, _chunkXZ6DKGT4cjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5QP3K2CEcjs.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.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" })
@@ -2893,7 +2884,7 @@ var STATUS_TAG = {
 function RemoteSessionStatusTag({ status, className }) {
   const { label, variant } = STATUS_TAG[status];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkJTSUAHDLcjs.Tag,
+    _chunkHY6BCZH7cjs.Tag,
     {
       label,
       variant,