@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

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

@@ -3,7 +3,7 @@
 
 
 
-var _chunkFQSXZC2Kcjs = require('./chunk-FQSXZC2K.cjs');
+var _chunk2JRSYWFPcjs = require('./chunk-2JRSYWFP.cjs');
 
 
 
@@ -12,13 +12,13 @@ var _chunkFQSXZC2Kcjs = require('./chunk-FQSXZC2K.cjs');
 
 
 
-var _chunkBIA77I6Bcjs = require('./chunk-BIA77I6B.cjs');
+var _chunkGTONIRJUcjs = require('./chunk-GTONIRJU.cjs');
 
 
 
 
 
-var _chunkEFTUFJS2cjs = require('./chunk-EFTUFJS2.cjs');
+var _chunkLELS4XMXcjs = require('./chunk-LELS4XMX.cjs');
 
 
 var _chunk4WI2CEC2cjs = require('./chunk-4WI2CEC2.cjs');
@@ -69,29 +69,29 @@ var _chunkZ7OPT4PNcjs = require('./chunk-Z7OPT4PN.cjs');
 var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
-var _chunkOJJ4RL2Tcjs = require('./chunk-OJJ4RL2T.cjs');
+var _chunkR3JX4MXDcjs = require('./chunk-R3JX4MXD.cjs');
 
 
 
-var _chunkEQZXJUYVcjs = require('./chunk-EQZXJUYV.cjs');
+var _chunkJTSUAHDLcjs = require('./chunk-JTSUAHDL.cjs');
 
 
-var _chunkR3TWQ3ZJcjs = require('./chunk-R3TWQ3ZJ.cjs');
+var _chunk5P4TDV7Vcjs = require('./chunk-5P4TDV7V.cjs');
 
 
 var _chunkDGFDBPO7cjs = require('./chunk-DGFDBPO7.cjs');
 
 
-var _chunk2QMBXGMQcjs = require('./chunk-2QMBXGMQ.cjs');
+var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
 
 
-var _chunkH3RYUTNDcjs = require('./chunk-H3RYUTND.cjs');
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
-var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
+var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
 
 // src/components/ui/deleted-user-avatar.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -111,12 +111,12 @@ function DeletedUserAvatar({ size = "md", className, accessibleLabel }) {
     {
       role: "img",
       "aria-label": accessibleLabel || "Deleted user",
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
         "flex shrink-0 items-center justify-center rounded-full bg-ods-error/20",
         SIZE_CLASSES[size],
         className
       ),
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4WI2CEC2cjs.UserXmarkIcon, { className: _chunk3ATAYP36cjs.cn.call(void 0, "text-ods-error", ICON_CLASSES[size]) })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4WI2CEC2cjs.UserXmarkIcon, { className: _chunk65VVJSQZcjs.cn.call(void 0, "text-ods-error", ICON_CLASSES[size]) })
     }
   );
 }
@@ -142,9 +142,9 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
       return next;
     });
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEFTUFJS2cjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEFTUFJS2cjs.Tooltip, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLELS4XMXcjs.Tooltip, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEFTUFJS2cjs.TooltipTrigger,
+      _chunkLELS4XMXcjs.TooltipTrigger,
       {
         asChild: true,
         onPointerDown: (e) => {
@@ -162,7 +162,7 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
         children
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEFTUFJS2cjs.TooltipContent, { side, className: "max-w-xs", children: content })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.TooltipContent, { side, className: "max-w-xs", children: content })
   ] }) });
 }
 
@@ -177,12 +177,12 @@ function BoardColumnHeader({
 }) {
   const count = _nullishCoalesce(column.total, () => ( column.tickets.length));
   const tagStatus = _nullishCoalesce(column.statusKey, () => ( column.id));
-  const useStatusVariant = _chunkBIA77I6Bcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
+  const useStatusVariant = _chunkGTONIRJUcjs.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: [
       onToggleCollapse && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2QMBXGMQcjs.Button,
+        _chunkTF5D5MNOcjs.Button,
         {
           variant: "transparent",
           size: "icon",
@@ -193,7 +193,7 @@ function BoardColumnHeader({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBIA77I6Bcjs.TicketStatusTag,
+        _chunkGTONIRJUcjs.TicketStatusTag,
         {
           status: tagStatus,
           label: column.label,
@@ -206,13 +206,13 @@ 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, _chunkBIA77I6Bcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
+      /* @__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, "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: [
-      column.tooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TouchFriendlyTooltip, { content: column.tooltip, side: "bottom", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { variant: "transparent", size: "icon", className: actionClass, "aria-label": column.tooltip, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRHC2FRVEcjs.InfoCircleIcon, { className: "h-6 w-6 text-ods-text-secondary" }) }) }),
+      column.tooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TouchFriendlyTooltip, { content: column.tooltip, side: "bottom", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "transparent", size: "icon", className: actionClass, "aria-label": column.tooltip, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRHC2FRVEcjs.InfoCircleIcon, { className: "h-6 w-6 text-ods-text-secondary" }) }) }),
       onToggleCollapse && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2QMBXGMQcjs.Button,
+        _chunkTF5D5MNOcjs.Button,
         {
           variant: "transparent",
           size: "icon",
@@ -223,7 +223,7 @@ function BoardColumnHeader({
         }
       ),
       onArchive && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2QMBXGMQcjs.Button,
+        _chunkTF5D5MNOcjs.Button,
         {
           variant: "transparent",
           size: "icon",
@@ -234,7 +234,7 @@ function BoardColumnHeader({
         }
       ),
       onAddTicket && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2QMBXGMQcjs.Button,
+        _chunkTF5D5MNOcjs.Button,
         {
           variant: "transparent",
           size: "icon",
@@ -264,7 +264,7 @@ function tintOnDark(hex) {
 
 function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
   const [expanded, setExpanded] = _react.useState.call(void 0, false);
-  const { innerRef, containerStyle } = _chunkBIA77I6Bcjs.useCollapsible.call(void 0, { expanded });
+  const { innerRef, containerStyle } = _chunkGTONIRJUcjs.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, 
@@ -278,7 +278,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "span",
             {
-              className: _chunk3ATAYP36cjs.cn.call(void 0, 
+              className: _chunk65VVJSQZcjs.cn.call(void 0, 
                 "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xxs)]",
                 isAdmin ? "text-ods-open-yellow" : "text-ods-text-secondary"
               ),
@@ -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, 
-      _chunkBIA77I6Bcjs.ApprovalBatchMessage,
+      _chunkGTONIRJUcjs.ApprovalBatchMessage,
       {
         className: "mb-0",
         data: {
@@ -467,7 +467,7 @@ function TicketCardBody({
   onLinkClick
 }) {
   const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
-  const newMessageTextColor = columnColor ? _chunkOJJ4RL2Tcjs.getReadableTextColor.call(void 0, columnColor) : void 0;
+  const newMessageTextColor = columnColor ? _chunkR3JX4MXDcjs.getReadableTextColor.call(void 0, columnColor) : void 0;
   const showDeviceRow = !!(_optionalChain([ticket, 'access', _12 => _12.deviceHostnames, 'optionalAccess', _13 => _13.length]) || ticket.organizationName);
   const deviceText = [_optionalChain([ticket, 'access', _14 => _14.deviceHostnames, 'optionalAccess', _15 => _15.join, 'call', _16 => _16(", ")]), ticket.organizationName].filter(Boolean).join(", ");
   const hasRightSection = !!(ticket.priority || ticket.agent || _optionalChain([ticket, 'access', _17 => _17.assignees, 'optionalAccess', _18 => _18.length]) || renderAssignSlot);
@@ -475,7 +475,7 @@ function TicketCardBody({
     ticket.priority && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunk52ILP67Ecjs.Flag02Icon,
       {
-        className: _chunk3ATAYP36cjs.cn.call(void 0, "size-4", PRIORITY_COLOR_CLASS[ticket.priority]),
+        className: _chunk65VVJSQZcjs.cn.call(void 0, "size-4", PRIORITY_COLOR_CLASS[ticket.priority]),
         "aria-label": `Priority: ${ticket.priority}`
       }
     ),
@@ -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, _chunkBIA77I6Bcjs.AgentMark, { agent: ticket.agent, className: ticket.agent === "fae" ? "size-full" : "size-5" })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGTONIRJUcjs.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, 
-          _chunkEQZXJUYVcjs.SquareAvatar,
+          _chunkJTSUAHDLcjs.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 ? _chunkBIA77I6Bcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
-  const tooltipLabel = ticket.createdAt ? _chunkBIA77I6Bcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : 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 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, 
@@ -527,10 +527,10 @@ function TicketCardBody({
       prefetch: false,
       tabIndex: -1,
       onClick: onLinkClick,
-      className: _chunk3ATAYP36cjs.cn.call(void 0, "pointer-events-auto block", metaClass),
+      className: _chunk65VVJSQZcjs.cn.call(void 0, "pointer-events-auto block", metaClass),
       children: metaLabel
     }
-  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunk3ATAYP36cjs.cn.call(void 0, tooltipLabel && "pointer-events-auto", metaClass), children: metaLabel });
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunk65VVJSQZcjs.cn.call(void 0, tooltipLabel && "pointer-events-auto", metaClass), children: metaLabel });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", title: ticket.title, children: [
@@ -543,9 +543,9 @@ function TicketCardBody({
       rightSection
     ] }),
     _optionalChain([ticket, 'access', _21 => _21.tags, 'optionalAccess', _22 => _22.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTagRow, { tags: ticket.tags }) : null,
-    metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEFTUFJS2cjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEFTUFJS2cjs.Tooltip, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEFTUFJS2cjs.TooltipTrigger, { asChild: true, children: meta }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEFTUFJS2cjs.TooltipContent, { children: tooltipLabel })
+    metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLELS4XMXcjs.Tooltip, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.TooltipTrigger, { asChild: true, children: meta }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLELS4XMXcjs.TooltipContent, { children: tooltipLabel })
     ] }) }) : meta),
     ticket.escalatedByUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-ods-open-yellow text-h6", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MGDY2AAcjs.UserCheckIcon, { className: "size-4 shrink-0" }),
@@ -554,7 +554,7 @@ function TicketCardBody({
     ticket.activity && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        className: _chunk3ATAYP36cjs.cn.call(void 0, 
+        className: _chunk65VVJSQZcjs.cn.call(void 0, 
           "flex items-center gap-[var(--spacing-system-xxs)] text-h6",
           ticket.activity.kind === "stale" ? "text-ods-open-yellow" : "text-ods-text-secondary"
         ),
@@ -565,7 +565,7 @@ function TicketCardBody({
       }
     ),
     showNewMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEQZXJUYVcjs.Tag,
+      _chunkJTSUAHDLcjs.Tag,
       {
         label: "New Message",
         icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJSIUVERGcjs.MessagesIcon, { size: 16, color: newMessageTextColor }),
@@ -582,7 +582,7 @@ function TicketCardView({ className, style, ...bodyProps }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
-      className: _chunk3ATAYP36cjs.cn.call(void 0, TICKET_CARD_SHELL, className),
+      className: _chunk65VVJSQZcjs.cn.call(void 0, TICKET_CARD_SHELL, className),
       style: showNewMessage ? { borderColor: columnColor, ...style } : style,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative z-10 flex flex-col gap-[var(--spacing-system-sf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCardBody, { ...bodyProps }) })
     }
@@ -713,7 +713,7 @@ var TicketCard = _react.memo.call(void 0, function TicketCardImpl({
     ),
     [ticket, columnColor, renderAssignSlot, onApprove, onReject, href, handleClick]
   );
-  const cardClasses = _chunk3ATAYP36cjs.cn.call(void 0, TICKET_CARD_SHELL, !dragDisabled && "cursor-pointer");
+  const cardClasses = _chunk65VVJSQZcjs.cn.call(void 0, TICKET_CARD_SHELL, !dragDisabled && "cursor-pointer");
   const outerProps = {
     ref,
     style,
@@ -733,7 +733,7 @@ var TicketCard = _react.memo.call(void 0, function TicketCardImpl({
     {
       "aria-hidden": true,
       ...{ [DROP_LINE_ATTRIBUTE]: "" },
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
         // Nothing sticks out sideways or beyond the line's own 2px: the lane
         // scrolls, and a scroll container clips whatever leaves its padding box
         // — an end cap or a knob on this would be cut off against the first and
@@ -762,7 +762,7 @@ var TicketCard = _react.memo.call(void 0, function TicketCardImpl({
           className: "absolute inset-0 z-0 rounded-md focus-visible:outline-none"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "pointer-events-none", innerWrapperClass), children: body })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "pointer-events-none", innerWrapperClass), children: body })
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...outerProps, children: [
@@ -778,15 +778,15 @@ var TicketCard = _react.memo.call(void 0, function TicketCardImpl({
         className: "absolute inset-0 z-0 cursor-pointer rounded-md focus-visible:outline-none"
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "pointer-events-none", innerWrapperClass), children: body })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "pointer-events-none", innerWrapperClass), children: body })
   ] });
 });
 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, _chunkEQZXJUYVcjs.Tag, { variant: "outline", label: tag }, tag)),
-    hidden > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEQZXJUYVcjs.Tag, { variant: "outline", label: `+${hidden}` })
+    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}` })
   ] });
 }
 
@@ -798,7 +798,7 @@ var TicketCardSkeleton = _react.forwardRef.call(void 0,
     "div",
     {
       ref,
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
         "flex flex-col gap-[var(--spacing-system-sf)] rounded-md border border-ods-border bg-ods-bg p-[var(--spacing-system-sf)]",
         className
       ),
@@ -806,20 +806,20 @@ var TicketCardSkeleton = _react.forwardRef.call(void 0,
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center text-h3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-3/4" }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center text-h3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-4 w-3/4" }) }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-h6", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "size-4 shrink-0 rounded-sm" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-1/2" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "size-4 shrink-0 rounded-sm" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-3 w-1/2" })
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "size-4 rounded-sm" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "size-8 rounded-full" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "size-4 rounded-sm" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "size-8 rounded-full" })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-8 items-center gap-[var(--spacing-system-xxs)]", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-8 w-16 rounded-md" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-8 w-12 rounded-md" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-8 w-16 rounded-md" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-8 w-12 rounded-md" })
         ] })
       ]
     }
@@ -941,7 +941,7 @@ var BoardColumn = _react.memo.call(void 0, function BoardColumnImpl({
     "div",
     {
       ref: laneRef,
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
         "flex h-full shrink-0 flex-col gap-[var(--spacing-system-sf)] overflow-hidden rounded-md border border-ods-border p-[var(--spacing-system-sf)]",
         "transition-[width] duration-300 ease-out",
         collapsed ? "w-14" : "w-[400px]",
@@ -1077,7 +1077,7 @@ function EmptyState({ columnId, touchMode }) {
 // src/components/features/board/use-board-collapse.ts
 
 function useBoardCollapse(storageKey, initial) {
-  const [persisted, setPersisted] = _chunkFQSXZC2Kcjs.useLocalStorage.call(void 0, _nullishCoalesce(storageKey, () => ( "__board_collapse_unused__")), {});
+  const [persisted, setPersisted] = _chunk2JRSYWFPcjs.useLocalStorage.call(void 0, _nullishCoalesce(storageKey, () => ( "__board_collapse_unused__")), {});
   const [memory, setMemory] = _react.useState.call(void 0, _nullishCoalesce(initial, () => ( {})));
   const collapsed = storageKey ? persisted : memory;
   const setMap = storageKey ? setPersisted : setMemory;
@@ -1181,7 +1181,7 @@ function TouchBoard({
   className
 }) {
   const { collapsed, toggle } = useBoardCollapse(collapseStorageKey, initialCollapsed);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-full min-h-0 flex-col", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex h-full min-h-0 flex-col", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: "flex min-h-0 flex-1 snap-x snap-mandatory gap-[var(--spacing-system-mf)] overflow-x-auto overscroll-x-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
@@ -1192,7 +1192,7 @@ function TouchBoard({
           touchMode: true,
           collapsed: !!collapsed[column.id],
           onToggleCollapse: toggle,
-          className: _chunk3ATAYP36cjs.cn.call(void 0, 
+          className: _chunk65VVJSQZcjs.cn.call(void 0, 
             "snap-start",
             !collapsed[column.id] && "w-[min(400px,calc(100%_-_2*var(--spacing-system-mf)))]"
           ),
@@ -1219,9 +1219,9 @@ var DROP_EASING = "cubic-bezier(0.2, 0, 0, 1)";
 var DRAG_PREVIEW_Z = 1200;
 var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
 function Board(props) {
-  const dragAndDropEnabled = _chunkR3TWQ3ZJcjs.useMediaQuery.call(void 0, _chunkFQSXZC2Kcjs.DRAG_AND_DROP_MEDIA_QUERY);
+  const dragAndDropEnabled = _chunk5P4TDV7Vcjs.useMediaQuery.call(void 0, _chunk2JRSYWFPcjs.DRAG_AND_DROP_MEDIA_QUERY);
   if (dragAndDropEnabled === void 0) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-full min-h-0 flex-col", props.className) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex h-full min-h-0 flex-col", props.className) });
   }
   return dragAndDropEnabled ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DragBoard, { ...props }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TouchBoard, { ...props });
 }
@@ -1253,7 +1253,7 @@ function DragBoard({
     onThumbPointerMove,
     onThumbPointerUp,
     onThumbPointerCancel
-  } = _chunkFQSXZC2Kcjs.useHorizontalScrollbar.call(void 0, );
+  } = _chunk2JRSYWFPcjs.useHorizontalScrollbar.call(void 0, );
   const columnsRef = _react.useRef.call(void 0, columns);
   const onChangeRef = _react.useRef.call(void 0, onChange);
   const boardRef = _react.useRef.call(void 0, null);
@@ -1505,7 +1505,7 @@ function DragBoard({
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LandingCardContext.Provider, { value: landing, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropAimContext.Provider, { value: _nullishCoalesce(aim, () => ( keyboardAim)), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BoardLiftContext.Provider, { value: lift, children: [
     preview,
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: boardRef, className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-full flex-col", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: boardRef, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex h-full flex-col", className), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {

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

@@ -1,10 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkTSJUL6IHcjs = require('./chunk-TSJUL6IH.cjs');
+var _chunkYRFWOJF4cjs = require('./chunk-YRFWOJF4.cjs');
 
 
-var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
+var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+
+
+var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
 
 // src/components/persistent-pagination.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -20,7 +23,7 @@ function PersistentPagination({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
         "relative transition-all ease-in-out",
         "flex items-center justify-center",
         isLoading && "pointer-events-none",
@@ -44,7 +47,7 @@ function PersistentPagination({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: _chunk3ATAYP36cjs.cn.call(void 0, "relative transition-all ease-in-out", isLoading && "cursor-not-allowed"),
+            className: _chunk65VVJSQZcjs.cn.call(void 0, "relative transition-all ease-in-out", isLoading && "cursor-not-allowed"),
             style: {
               transitionDuration: `${transitionDuration}ms`
             },
@@ -83,6 +86,7 @@ function PersistentPaginationWrapper({
   onPageChange,
   className
 }) {
+  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
   const hasResults = totalPages > 0;
   const displayTotalPages = hasResults ? totalPages : 1;
   const displayCurrentPage = hasResults ? currentPage : 1;
@@ -91,13 +95,13 @@ function PersistentPaginationWrapper({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
         "relative flex items-center justify-center transition-all ease-in-out",
         (isPaginationDisabled || hasNoResults) && "pointer-events-none",
         className
       ),
       style: {
-        opacity: isPaginationDisabled ? 0.3 : hasNoResults ? 0.5 : 1,
+        opacity: inScope ? 1 : isPaginationDisabled ? 0.3 : hasNoResults ? 0.5 : 1,
         transitionDuration: "300ms"
       },
       role: "navigation",
@@ -110,13 +114,13 @@ function PersistentPaginationWrapper({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
           {
-            className: _chunk3ATAYP36cjs.cn.call(void 0, "relative transition-all ease-in-out", isPaginationDisabled && "cursor-not-allowed"),
+            className: _chunk65VVJSQZcjs.cn.call(void 0, "relative transition-all ease-in-out", isPaginationDisabled && "cursor-not-allowed"),
             style: {
               transitionDuration: "300ms"
             },
             "aria-hidden": isPaginationDisabled,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkTSJUL6IHcjs.UnifiedPagination,
+              _chunkYRFWOJF4cjs.UnifiedPagination,
               {
                 currentPage: displayCurrentPage,
                 totalPages: displayTotalPages,