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

package/dist/{chunk-2OPYWMAV.cjs → chunk-JKQVKWLB.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkBVA7YX4Pcjs = require('./chunk-BVA7YX4P.cjs');
+var _chunkNJMZ3N7Qcjs = require('./chunk-NJMZ3N7Q.cjs');
 
 
 
@@ -9,18 +9,18 @@ var _chunkBVA7YX4Pcjs = require('./chunk-BVA7YX4P.cjs');
 
 
 
-var _chunkVLJFAGMRcjs = require('./chunk-VLJFAGMR.cjs');
+var _chunk7U3ELNGCcjs = require('./chunk-7U3ELNGC.cjs');
 
 
 
-var _chunkTSJUL6IHcjs = require('./chunk-TSJUL6IH.cjs');
+var _chunkYRFWOJF4cjs = require('./chunk-YRFWOJF4.cjs');
 
 
+var _chunkF7R3U5ENcjs = require('./chunk-F7R3U5EN.cjs');
 
 
 
 
-var _chunkPERN37KOcjs = require('./chunk-PERN37KO.cjs');
 
 
 
@@ -29,40 +29,37 @@ var _chunkPERN37KOcjs = require('./chunk-PERN37KO.cjs');
 
 
 
+var _chunkVRDHAR3Xcjs = require('./chunk-VRDHAR3X.cjs');
 
 
 
+var _chunkXVFM6SJAcjs = require('./chunk-XVFM6SJA.cjs');
 
-var _chunkFMH2DYBCcjs = require('./chunk-FMH2DYBC.cjs');
 
 
 
-var _chunkXCH7SPGIcjs = require('./chunk-XCH7SPGI.cjs');
 
 
 
 
 
+var _chunk7VI7TOGIcjs = require('./chunk-7VI7TOGI.cjs');
 
 
 
-var _chunkT5FRANE6cjs = require('./chunk-T5FRANE6.cjs');
 
 
+var _chunkYL6ZB2SRcjs = require('./chunk-YL6ZB2SR.cjs');
 
 
+var _chunkGTONIRJUcjs = require('./chunk-GTONIRJU.cjs');
 
-var _chunk74ALTXXCcjs = require('./chunk-74ALTXXC.cjs');
 
+var _chunkXZ6DKGT4cjs = require('./chunk-XZ6DKGT4.cjs');
 
-var _chunkBIA77I6Bcjs = require('./chunk-BIA77I6B.cjs');
 
 
-var _chunkGZKWF6NHcjs = require('./chunk-GZKWF6NH.cjs');
-
-
-
-var _chunk3RYIF4OWcjs = require('./chunk-3RYIF4OW.cjs');
+var _chunkXXJL5GY3cjs = require('./chunk-XXJL5GY3.cjs');
 
 
 var _chunkJKX2C3I2cjs = require('./chunk-JKX2C3I2.cjs');
@@ -76,10 +73,10 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
 
-var _chunk22XAPV6Ncjs = require('./chunk-22XAPV6N.cjs');
+var _chunkDGNBXZXTcjs = require('./chunk-DGNBXZXT.cjs');
 
 
-var _chunkEQZXJUYVcjs = require('./chunk-EQZXJUYV.cjs');
+var _chunkJTSUAHDLcjs = require('./chunk-JTSUAHDL.cjs');
 
 
 
@@ -94,19 +91,24 @@ var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
 
-var _chunkHTRILBJDcjs = require('./chunk-HTRILBJD.cjs');
+var _chunkYXDHVHB2cjs = require('./chunk-YXDHVHB2.cjs');
+
 
+var _chunkFL2RMEDXcjs = require('./chunk-FL2RMEDX.cjs');
 
-var _chunkK6VWTUCHcjs = require('./chunk-K6VWTUCH.cjs');
 
+var _chunkWEANWBJHcjs = require('./chunk-WEANWBJH.cjs');
 
-var _chunkNO5UJLLQcjs = require('./chunk-NO5UJLLQ.cjs');
 
 
-var _chunk2QMBXGMQcjs = require('./chunk-2QMBXGMQ.cjs');
 
+var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
-var _chunkH3RYUTNDcjs = require('./chunk-H3RYUTND.cjs');
+
+var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
+
+
+var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
 
 // src/components/tickets/ticket-center.tsx
 var _reactquery = require('@tanstack/react-query');
@@ -116,6 +118,24 @@ var _react = require('react');
 // src/components/tickets/hooks/use-ticket-actions.ts
 
 
+
+// src/components/tickets/types.ts
+function isOptimistic(t) {
+  return t._optimistic === true;
+}
+var TICKET_TEXT_MAX_CHARS = 5e3;
+var TICKET_MARK_READ_DEBOUNCE_MS = 2e3;
+var TOAST_COPY = {
+  open_success: { title: "Ticket opened", description: "We received your message and will follow up shortly." },
+  open_mirror_pending: { title: "Ticket opened", description: "Syncing \u2014 your ticket will appear momentarily." },
+  close_success: { title: "Ticket closed" },
+  reopen_success: { title: "Ticket reopened" },
+  comment_success: { title: "Comment added" },
+  attach_success: { title: "Files attached" }
+  // Failure variants are constructed dynamically from MappedTicketActionError.
+};
+
+// src/components/tickets/hooks/use-ticket-actions.ts
 var TICKET_ACTION_ENDPOINT = "/api/chat/agent/ticket-action";
 var REPLY_BANNER_CODES = /* @__PURE__ */ new Set([
   "HUBSPOT_5XX",
@@ -134,7 +154,7 @@ var TicketActionFailure = class extends Error {
 function useTicketActions(options) {
   const queryClient = _reactquery.useQueryClient.call(void 0, );
   const ticketActionEndpoint = _nullishCoalesce(_chunkUJ7AXHRZcjs.useRequiredChatRuntime.call(void 0, ).endpoints.ticketActionUrl, () => ( TICKET_ACTION_ENDPOINT));
-  const ticketLive = _chunkPERN37KOcjs.useOptionalTicketLive.call(void 0, );
+  const ticketLive = _chunkF7R3U5ENcjs.useOptionalTicketLive.call(void 0, );
   const notifyTicketCreated = _optionalChain([ticketLive, 'optionalAccess', _2 => _2.notifyTicketCreated]);
   const { prependOptimistic, removeOptimistic, removeTicketFromCache, toast: toast2, onSupportSystemDown } = options;
   const formInFlightRef = _react.useRef.call(void 0, null);
@@ -295,10 +315,10 @@ function useTicketActions(options) {
             ..._optionalChain([input, 'access', _3 => _3.attachments, 'optionalAccess', _4 => _4.length]) ? { attachments: input.attachments } : {}
           });
           if (result.mirror_synced === false) {
-            toast2(_chunkPERN37KOcjs.TOAST_COPY.open_mirror_pending);
+            toast2(TOAST_COPY.open_mirror_pending);
             watchMirrorSync(placeholderId, result.ticket_id);
           } else {
-            toast2(_chunkPERN37KOcjs.TOAST_COPY.open_success);
+            toast2(TOAST_COPY.open_success);
             await queryClient.invalidateQueries({ queryKey: ["tickets"] });
             removeOptimistic(placeholderId);
           }
@@ -384,7 +404,7 @@ function useTicketActions(options) {
           ...hasText ? { content_addendum: trimmed } : {},
           ...hasFiles ? { attachments } : {}
         },
-        _chunkPERN37KOcjs.TOAST_COPY.comment_success,
+        TOAST_COPY.comment_success,
         "send message"
       );
       if (ok) {
@@ -407,13 +427,13 @@ function useTicketActions(options) {
         status: "CLOSED",
         ..._optionalChain([resolution, 'optionalAccess', _6 => _6.trim, 'call', _7 => _7()]) ? { resolution: resolution.trim() } : {}
       },
-      _chunkPERN37KOcjs.TOAST_COPY.close_success,
+      TOAST_COPY.close_success,
       "close ticket"
     ),
     [updateTicket]
   );
   const reopenTicket = _react.useCallback.call(void 0, 
-    (ticket) => updateTicket(ticket, { status: "OPEN" }, _chunkPERN37KOcjs.TOAST_COPY.reopen_success, "reopen ticket"),
+    (ticket) => updateTicket(ticket, { status: "OPEN" }, TOAST_COPY.reopen_success, "reopen ticket"),
     [updateTicket]
   );
   return _react.useMemo.call(void 0, 
@@ -623,14 +643,14 @@ function useTicketsList(filters) {
 // src/components/tickets/ticket-open-form.tsx
 
 var _jsxruntime = require('react/jsx-runtime');
-var COUNTER_VISIBLE_AT = Math.floor(_chunkPERN37KOcjs.TICKET_TEXT_MAX_CHARS * 0.8);
+var COUNTER_VISIBLE_AT = Math.floor(TICKET_TEXT_MAX_CHARS * 0.8);
 function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
   const [subject, setSubject] = _react.useState.call(void 0, "");
   const [content, setContent] = _react.useState.call(void 0, "");
-  const { attachments, readyAttachments, hasInflightUploads, addFiles, removeAttachment, clear } = _chunk74ALTXXCcjs.useChatAttachments.call(void 0, );
+  const { attachments, readyAttachments, hasInflightUploads, addFiles, removeAttachment, clear } = _chunkYL6ZB2SRcjs.useChatAttachments.call(void 0, );
   const trimmedSubject = subject.trim();
   const trimmedContent = content.trim();
-  const overCap = content.length > _chunkPERN37KOcjs.TICKET_TEXT_MAX_CHARS;
+  const overCap = content.length > TICKET_TEXT_MAX_CHARS;
   const showCounter = content.length >= COUNTER_VISIBLE_AT;
   const canSubmit = !isSubmitting && !supportSystemDown && !hasInflightUploads && trimmedSubject.length > 0 && trimmedContent.length > 0 && !overCap;
   const handleSubmit = async (e) => {
@@ -647,7 +667,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
       clear();
     }
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-6 md:flex-row", ..._chunkT5FRANE6cjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-6 md:flex-row", ..._chunk7VI7TOGIcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1 md:max-w-md", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 text-ods-text-primary text-h2", children: "Need Support?" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: "Can't find what you're looking for? Submit a support ticket below \u2014 we'll follow up shortly." }),
@@ -657,7 +677,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "ticket-subject", className: "mb-1 block text-ods-text-primary text-h6", children: "Ticket Subject" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHTRILBJDcjs.Input,
+          _chunkYXDHVHB2cjs.Input,
           {
             id: "ticket-subject",
             type: "text",
@@ -672,7 +692,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "ticket-content", className: "mb-1 block text-ods-text-primary text-h6", children: "Your Message" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkFMH2DYBCcjs.Textarea,
+          _chunkVRDHAR3Xcjs.Textarea,
           {
             id: "ticket-content",
             placeholder: "Describe your issue or question in detail...",
@@ -686,11 +706,11 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
         showCounter && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: `mt-1 text-right text-h6 ${overCap ? "text-ods-error" : "text-ods-text-secondary"}`, children: [
           content.length,
           "/",
-          _chunkPERN37KOcjs.TICKET_TEXT_MAX_CHARS
+          TICKET_TEXT_MAX_CHARS
         ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk74ALTXXCcjs.ChatAttachmentChipStrip,
+        _chunkYL6ZB2SRcjs.ChatAttachmentChipStrip,
         {
           attachments,
           onRemove: removeAttachment,
@@ -699,7 +719,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
       ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk74ALTXXCcjs.ChatAttachmentAddButton,
+          _chunkYL6ZB2SRcjs.ChatAttachmentAddButton,
           {
             attachmentsEnabled: !supportSystemDown,
             attachmentsCount: attachments.length,
@@ -707,7 +727,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
             disabled: isSubmitting
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { type: "submit", disabled: !canSubmit, loading: isSubmitting, children: "Open Ticket" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { type: "submit", disabled: !canSubmit, loading: isSubmitting, children: "Open Ticket" })
       ] })
     ] })
   ] }) });
@@ -729,7 +749,7 @@ var _usesticktobottom = require('use-stick-to-bottom');
 
 var LIST_ENGAGEMENTS_ENDPOINT = "/api/chat/agent/list-engagements";
 function useTicketEngagements(externalTicketId, enabled = true) {
-  const identity = _chunk74ALTXXCcjs.useChatIdentity.call(void 0, );
+  const identity = _chunkYL6ZB2SRcjs.useChatIdentity.call(void 0, );
   const identityKey = _nullishCoalesce(_optionalChain([identity, 'access', _22 => _22.user, 'optionalAccess', _23 => _23.email]), () => ( "anon"));
   const listEngagementsEndpoint = _nullishCoalesce(_chunkUJ7AXHRZcjs.useRequiredChatRuntime.call(void 0, ).endpoints.listEngagementsUrl, () => ( LIST_ENGAGEMENTS_ENDPOINT));
   const fetchable = enabled && !!externalTicketId && !externalTicketId.startsWith("temp-");
@@ -802,7 +822,7 @@ function TicketLinkedDeliveryCard({ clickup, className }) {
     dateClosed: clickup.date_closed,
     clickupUrl: _nullishCoalesce(clickup.clickup_url, () => ( ""))
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${_chunk22XAPV6Ncjs.CONTENT_CARD_SKELETON_FRAME_CLASS} ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVLJFAGMRcjs.DeliveryRow, { item, href: clickup.delivery_href, caption: "Linked delivery" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${_chunkDGNBXZXTcjs.CONTENT_CARD_SKELETON_FRAME_CLASS} ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7U3ELNGCcjs.DeliveryRow, { item, href: clickup.delivery_href, caption: "Linked delivery" }) });
 }
 
 // src/components/tickets/ticket-reply-composer.tsx
@@ -817,7 +837,7 @@ function TicketReplyComposer({
 }) {
   const [resolution, setResolution] = _react.useState.call(void 0, "");
   const [closeDialogOpen, setCloseDialogOpen] = _react.useState.call(void 0, false);
-  const attachments = _chunk74ALTXXCcjs.useChatAttachments.call(void 0, );
+  const attachments = _chunkYL6ZB2SRcjs.useChatAttachments.call(void 0, );
   const { readyAttachments, clear: clearAttachments } = attachments;
   const ticketRef = { id: ticket.id, external_id: ticket.external_id };
   const hasReadyFiles = readyAttachments.length > 0;
@@ -838,7 +858,7 @@ function TicketReplyComposer({
   const disabled = busy || supportSystemDown;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk74ALTXXCcjs.ChatAttachmentChipStrip,
+      _chunkYL6ZB2SRcjs.ChatAttachmentChipStrip,
       {
         attachments: attachments.attachments,
         onRemove: attachments.removeAttachment,
@@ -847,7 +867,7 @@ function TicketReplyComposer({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGZKWF6NHcjs.ChatInput,
+      _chunkXZ6DKGT4cjs.ChatInput,
       {
         fullWidth: true,
         autoFocus: true,
@@ -855,13 +875,13 @@ function TicketReplyComposer({
         sending: busy || attachments.hasInflightUploads,
         disabled: supportSystemDown,
         allowEmptySend: hasReadyFiles,
-        maxLength: _chunkPERN37KOcjs.TICKET_TEXT_MAX_CHARS,
+        maxLength: TICKET_TEXT_MAX_CHARS,
         onSend: handleSend
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center gap-2", children: [
       !supportSystemDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk74ALTXXCcjs.ChatAttachmentAddButton,
+        _chunkYL6ZB2SRcjs.ChatAttachmentAddButton,
         {
           attachmentsEnabled: true,
           attachmentsCount: attachments.attachments.length,
@@ -872,7 +892,7 @@ function TicketReplyComposer({
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 flex-1" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2QMBXGMQcjs.Button,
+        _chunkTF5D5MNOcjs.Button,
         {
           type: "button",
           variant: "transparent",
@@ -884,25 +904,25 @@ function TicketReplyComposer({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFMH2DYBCcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFMH2DYBCcjs.AlertDialogContent, { className: "border-ods-border bg-ods-card", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFMH2DYBCcjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFMH2DYBCcjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFMH2DYBCcjs.AlertDialogDescription, { className: "text-ods-text-secondary", children: "Add an optional resolution note below. You can reopen the ticket later if needed." })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVRDHAR3Xcjs.AlertDialogContent, { className: "border-ods-border bg-ods-card", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVRDHAR3Xcjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.AlertDialogDescription, { className: "text-ods-text-secondary", children: "Add an optional resolution note below. You can reopen the ticket later if needed." })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkFMH2DYBCcjs.Textarea,
+        _chunkVRDHAR3Xcjs.Textarea,
         {
           value: resolution,
           onChange: (e) => setResolution(e.target.value),
           placeholder: "Resolution (optional)",
           rows: 3,
-          maxLength: _chunkPERN37KOcjs.TICKET_TEXT_MAX_CHARS,
+          maxLength: TICKET_TEXT_MAX_CHARS,
           className: "mt-2"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFMH2DYBCcjs.AlertDialogFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVRDHAR3Xcjs.AlertDialogFooter, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkFMH2DYBCcjs.AlertDialogCancel,
+          _chunkVRDHAR3Xcjs.AlertDialogCancel,
           {
             disabled: busy,
             className: "border-ods-border bg-transparent text-ods-text-primary hover:bg-ods-border",
@@ -910,7 +930,7 @@ function TicketReplyComposer({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkFMH2DYBCcjs.AlertDialogAction,
+          _chunkVRDHAR3Xcjs.AlertDialogAction,
           {
             onClick: () => void confirmClose(),
             disabled: busy,
@@ -972,10 +992,10 @@ var TICKET_FEED_HEIGHT = "h-[60vh] md:h-[420px]";
 var TICKET_FEED_INNER = "flex flex-col gap-4 md:gap-6 px-4 md:px-6 py-4 md:py-6";
 var TICKET_FEED_SKELETON_ROWS = 6;
 function TicketTimelinePanel({ ticket }) {
-  const identity = _chunk74ALTXXCcjs.useChatIdentity.call(void 0, );
-  const externalId = _chunkPERN37KOcjs.isOptimistic.call(void 0, ticket) ? null : ticket.external_id;
+  const identity = _chunkYL6ZB2SRcjs.useChatIdentity.call(void 0, );
+  const externalId = isOptimistic(ticket) ? null : ticket.external_id;
   const { engagements, isLoading } = useTicketEngagements(externalId, !!externalId);
-  const live = _chunkPERN37KOcjs.useOptionalTicketLive.call(void 0, );
+  const live = _chunkF7R3U5ENcjs.useOptionalTicketLive.call(void 0, );
   const setOpenTicketId = _optionalChain([live, 'optionalAccess', _26 => _26.setOpenTicketId]);
   const markRead = _optionalChain([live, 'optionalAccess', _27 => _27.markRead]);
   const markReadDebounceRef = _react.useRef.call(void 0, null);
@@ -999,7 +1019,7 @@ function TicketTimelinePanel({ ticket }) {
     markReadDebounceRef.current = setTimeout(() => {
       markReadDebounceRef.current = null;
       void markRead(externalId);
-    }, _chunkPERN37KOcjs.TICKET_MARK_READ_DEBOUNCE_MS);
+    }, TICKET_MARK_READ_DEBOUNCE_MS);
   }, [engagementsCount, externalId, markRead]);
   const { scrollRef, contentRef } = _usesticktobottom.useStickToBottom.call(void 0, { initial: "instant", resize: "smooth" });
   const bodyTurns = ticket.body ? ticket.body.split(TURN_SEPARATOR_RE).map((t) => t.trim()).filter(Boolean) : [];
@@ -1014,11 +1034,11 @@ function TicketTimelinePanel({ ticket }) {
   const customerName = (isViewerTheCustomer ? viewerName : null) || ticketCustomerName || viewerName || _optionalChain([identity, 'access', _41 => _41.user, 'optionalAccess', _42 => _42.email]) || "You";
   const customerAvatar = isViewerTheCustomer ? _nullishCoalesce(_optionalChain([identity, 'access', _43 => _43.user, 'optionalAccess', _44 => _44.avatarUrl]), () => ( void 0)) : void 0;
   if (isLoading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${TICKET_FEED_FRAME} ${TICKET_FEED_HEIGHT}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNO5UJLLQcjs.LoadingRegion, { label: "Loading messages", className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT5FRANE6cjs.ChatMessageRowSkeleton, {}, i)) }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${TICKET_FEED_FRAME} ${TICKET_FEED_HEIGHT}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading messages", className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VI7TOGIcjs.ChatMessageRowSkeleton, {}, i)) }) });
   }
   if (bodyTurns.length === 0 && engagements.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTSJUL6IHcjs.EmptyState,
+      _chunkYRFWOJF4cjs.EmptyState,
       {
         type: "generic",
         title: "No conversation yet",
@@ -1033,7 +1053,7 @@ function TicketTimelinePanel({ ticket }) {
       const isResolution = turn.startsWith("[Resolution]");
       const text = isResolution ? turn.replace(/^\[Resolution\]\s*/, "") : turn;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkT5FRANE6cjs.ChatMessageRow,
+        _chunk7VI7TOGIcjs.ChatMessageRow,
         {
           displayName: customerName,
           avatarUrl: customerAvatar,
@@ -1062,13 +1082,13 @@ function TicketTimelinePanel({ ticket }) {
       }
       const engAttachments = mapEngagementAttachments(eng.attachments);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkT5FRANE6cjs.ChatMessageRow,
+        _chunk7VI7TOGIcjs.ChatMessageRow,
         {
           displayName: author,
           avatarUrl: avatarSrc,
-          timeLabel: eng.createdAt ? _chunkBIA77I6Bcjs.formatRelativeTime.call(void 0, eng.createdAt) : null,
+          timeLabel: eng.createdAt ? _chunkGTONIRJUcjs.formatRelativeTime.call(void 0, eng.createdAt) : null,
           body: stripAttachmentsPreamble(_nullishCoalesce(eng.body, () => ( ""))),
-          footer: engAttachments.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFMH2DYBCcjs.TicketAttachmentsList, { attachments: engAttachments, size: "compact" }) }) : null
+          footer: engAttachments.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.TicketAttachmentsList, { attachments: engAttachments, size: "compact" }) }) : null
         },
         eng.id
       );
@@ -1109,7 +1129,7 @@ function ReopenAction({
     void await onReopen(ticketRef);
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2QMBXGMQcjs.Button,
+    _chunkTF5D5MNOcjs.Button,
     {
       type: "button",
       variant: "outline",
@@ -1131,7 +1151,7 @@ function ReplyFailureBanner({ error, onDismiss }) {
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium leading-snug", children: error.message }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk2QMBXGMQcjs.Button,
+          _chunkTF5D5MNOcjs.Button,
           {
             type: "button",
             variant: "transparent",
@@ -1153,7 +1173,7 @@ function AssignedAgentRow({ assignedOwner }) {
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h5", children: "Assigned to" }),
     displayLabel ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-1.5 font-medium text-ods-text-primary", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEQZXJUYVcjs.SquareAvatar,
+        _chunkJTSUAHDLcjs.SquareAvatar,
         {
           size: "sm",
           variant: "round",
@@ -1181,11 +1201,11 @@ function TicketRow({
   onActionCollapsed,
   id
 }) {
-  const optimistic = _chunkPERN37KOcjs.isOptimistic.call(void 0, ticket);
+  const optimistic = isOptimistic(ticket);
   const rowRef = _react.useRef.call(void 0, null);
   const handleClick = _react.useCallback.call(void 0, () => {
     onToggle(ticket.id);
-    _chunk3RYIF4OWcjs.scrollElementIntoView.call(void 0, rowRef.current, {
+    _chunkXXJL5GY3cjs.scrollElementIntoView.call(void 0, rowRef.current, {
       adjustTargetY: (raw) => {
         if (!rowRef.current) return raw;
         const expandedDrawer = document.querySelector('div[id^="ticket-drawer-"]');
@@ -1209,7 +1229,7 @@ function TicketRow({
     // so the badge accurately reflects "Closed" with a checkmark.
     statusLabel: _nullishCoalesce(ticket.pipeline_stage_label, () => ( void 0)),
     category: _nullishCoalesce(ticket.customer_company, () => ( void 0)),
-    timeAgo: ticket.hubspot_updated_at ? _chunkBIA77I6Bcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : void 0,
+    timeAgo: ticket.hubspot_updated_at ? _chunkGTONIRJUcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : void 0,
     // Linked-work chip: surfaced whenever the ticket has a linked
     // ClickUp task. Uses the linked task's own status so the chip text
     // reads "Working" / "Waiting on version release" / etc. — useful
@@ -1219,7 +1239,7 @@ function TicketRow({
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rowRef, id, className: "scroll-mt-24", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Collapsible, { open: expanded && !optimistic, className: "border-b border-ods-border last:border-b-0", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkT5FRANE6cjs.ChatTicketItem,
+      _chunk7VI7TOGIcjs.ChatTicketItem,
       {
         ticket: tileData,
         onClick: optimistic ? void 0 : handleClick,
@@ -1251,14 +1271,22 @@ function TicketRow({
 
 // src/components/tickets/ticket-center.tsx
 
-function TicketCenter({ toast: toast2 = _chunkXCH7SPGIcjs.toast } = {}) {
-  const identity = _chunk74ALTXXCcjs.useChatIdentity.call(void 0, );
+var TICKET_CENTER_CLASS = "flex flex-col gap-6";
+var TICKET_LIST_BLOCK_CLASS = "flex flex-col gap-2";
+var TICKET_ROW_FRAME_CLASS = "border-b border-ods-border last:border-b-0";
+var TICKET_LIST_FOLD = { phone: 2, wide: 4 };
+function TicketCenter({ toast: toast2 = _chunkXVFM6SJAcjs.toast } = {}) {
+  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCenterPending, { region: false });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCenterGate, { toast: toast2 });
+}
+function TicketCenterGate({ toast: toast2 }) {
+  const identity = _chunkYL6ZB2SRcjs.useChatIdentity.call(void 0, );
   if (identity.isLoading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCenterSkeleton, {});
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCenterPending, {});
   }
   if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _63 => _63.user, 'optionalAccess', _64 => _64.email])) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTSJUL6IHcjs.EmptyState,
+      _chunkYRFWOJF4cjs.EmptyState,
       {
         type: "generic",
         title: "Sign in to manage tickets",
@@ -1307,52 +1335,27 @@ function TicketCenterAuthed({
   const toggleRow = _react.useCallback.call(void 0, (id) => {
     setExpandedTicketId((prev) => prev === id ? null : id);
   }, []);
-  const syncInPage = _chunkVLJFAGMRcjs.usePageDataSync.call(void 0, sync, isLoading);
+  const syncInPage = _chunk7U3ELNGCcjs.usePageDataSync.call(void 0, sync, isLoading);
   const merged = [...optimisticTickets, ...tickets];
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      TicketOpenForm,
-      {
-        onSubmit: (input) => actions.submitTicket(input),
-        isSubmitting: actions.isSubmittingForm,
-        supportSystemDown
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h5", children: "Your Current Tickets" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 text-ods-text-secondary text-h6", children: [
-          !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFMH2DYBCcjs.DataSyncLine, { sync, inline: true }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk2QMBXGMQcjs.Button,
-            {
-              type: "button",
-              variant: "transparent",
-              size: "small",
-              onClick: refetch,
-              disabled: isFetching,
-              "aria-label": "Refresh ticket list",
-              leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.RefreshCw, { className: "h-4 w-4" })
-            }
-          )
-        ] })
-      ] }),
-      isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {}) : merged.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTSJUL6IHcjs.EmptyState,
-        {
-          type: "generic",
-          title: "No tickets yet",
-          description: "Open one above to start the conversation.",
-          showCTA: false
-        }
-      ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.Card, { className: "overflow-hidden", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    TicketCenterView,
+    {
+      tickets: merged,
+      loading: isLoading,
+      sync: syncInPage ? void 0 : sync,
+      onRefresh: refetch,
+      refreshing: isFetching,
+      onSubmit: (input) => actions.submitTicket(input),
+      isSubmitting: actions.isSubmittingForm,
+      supportSystemDown,
+      renderRow: (ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         TicketRow,
         {
-          id: _chunkT5FRANE6cjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
+          id: _chunk7VI7TOGIcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
           onToggle: toggleRow,
-          busy: _chunkPERN37KOcjs.isOptimistic.call(void 0, ticket) ? false : actions.isRowBusy(ticket.id),
+          busy: isOptimistic(ticket) ? false : actions.isRowBusy(ticket.id),
           supportSystemDown,
           onSendMessage: actions.sendMessage,
           onClose: actions.closeTicket,
@@ -1360,31 +1363,105 @@ function TicketCenterAuthed({
           onActionCollapsed: () => setExpandedTicketId(null)
         },
         ticket.id
-      )) })
-    ] })
-  ] });
+      )
+    }
+  );
 }
-function TicketCenterSkeleton({
+function TicketCenterPending({
   region = true
 } = {}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNO5UJLLQcjs.LoadingRegion, { label: "Loading tickets", announce: region, className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk22XAPV6Ncjs.Card, { className: "p-6", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "mb-4 h-7 w-48" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "mb-3 h-10 w-full" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-24 w-full" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {})
+  const syncInPage = _chunk7U3ELNGCcjs.usePageDataSync.call(void 0, null, true);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading tickets", announce: region, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.LoadingScope, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    TicketCenterView,
+    {
+      tickets: [],
+      loading: true,
+      formInert: true,
+      sync: syncInPage ? void 0 : null,
+      onSubmit: () => Promise.resolve(false),
+      isSubmitting: false,
+      supportSystemDown: false,
+      renderRow: () => null
+    }
+  ) }) });
+}
+function TicketCenterView({
+  tickets,
+  loading,
+  formInert = false,
+  sync,
+  onRefresh,
+  refreshing,
+  onSubmit,
+  isSubmitting,
+  supportSystemDown,
+  renderRow
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: TICKET_CENTER_CLASS, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { inert: formInert || void 0, className: "contents", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketOpenForm, { onSubmit, isSubmitting, supportSystemDown }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: TICKET_LIST_BLOCK_CLASS, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListHeader, { sync, syncLoading: loading, onRefresh, refreshing }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketList, { tickets, loading, renderRow })
+    ] })
+  ] });
+}
+function TicketList({
+  tickets,
+  loading,
+  renderRow
+}) {
+  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {});
+  if (tickets.length === 0) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkYRFWOJF4cjs.EmptyState,
+      {
+        type: "generic",
+        title: "No tickets yet",
+        description: "Open one above to start the conversation.",
+        showCTA: false
+      }
+    ) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.Card, { className: "overflow-hidden", children: tickets.map(renderRow) });
+}
+function TicketListHeader({
+  sync,
+  syncLoading,
+  onRefresh,
+  refreshing = false
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-3", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h5", children: "Your Current Tickets" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 text-ods-text-secondary text-h6", children: [
+      sync !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVRDHAR3Xcjs.DataSyncLine, { sync, loading: syncLoading, inline: true }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { inert: !onRefresh || void 0, "aria-hidden": !onRefresh || void 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkTF5D5MNOcjs.Button,
+        {
+          type: "button",
+          variant: "transparent",
+          size: "small",
+          onClick: onRefresh,
+          disabled: refreshing,
+          "aria-label": "Refresh ticket list",
+          leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.RefreshCw, { className: "h-4 w-4" })
+        }
+      ) })
+    ] })
   ] });
 }
 function TicketListSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.Card, { className: "overflow-hidden", children: [0, 1, 2].map((i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-20 items-center gap-4 border-b border-ods-border px-4 last:border-b-0", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col gap-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-2/3" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-3 w-full" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-8 w-20" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-8 w-16" })
-  ] }, i)) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.Card, { className: "overflow-hidden", children: Array.from({ length: Math.max(TICKET_LIST_FOLD.phone, TICKET_LIST_FOLD.wide) }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        TICKET_ROW_FRAME_CLASS,
+        i >= TICKET_LIST_FOLD.phone && "hidden md:block",
+        i >= TICKET_LIST_FOLD.wide && "md:hidden"
+      ),
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VI7TOGIcjs.ChatTicketItemSkeleton, {})
+    },
+    i
+  )) });
 }
 
 // src/components/tickets/help-center-list.tsx
@@ -1408,10 +1485,10 @@ function HelpCenterCard({
   onClearReplyError,
   id
 }) {
-  const optimistic = _chunkPERN37KOcjs.isOptimistic.call(void 0, ticket);
+  const optimistic = isOptimistic(ticket);
   const rawStatus = (_nullishCoalesce(ticket.status, () => ( "OPEN"))).toUpperCase();
   const priority = (_nullishCoalesce(ticket.priority, () => ( ""))).toUpperCase();
-  const relativeUpdated = ticket.hubspot_updated_at ? _chunkBIA77I6Bcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : "recently";
+  const relativeUpdated = ticket.hubspot_updated_at ? _chunkGTONIRJUcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : "recently";
   const title = (ticket.subject || "").trim() || "(untitled)";
   const subtitle = `UPDATED ${relativeUpdated}, #${ticket.external_id || "\u2014"}${ticket.pipeline_stage_label ? `, ${ticket.pipeline_stage_label}` : ""}`;
   const description = _nullishCoalesce(_nullishCoalesce(ticket.preview, () => ( ticket.body)), () => ( ""));
@@ -1424,17 +1501,17 @@ function HelpCenterCard({
   _react.useEffect.call(void 0, () => {
     if (!isExpanded) return void 0;
     const raf = requestAnimationFrame(() => {
-      _chunk3RYIF4OWcjs.scrollElementIntoView.call(void 0, rowRef.current, {
-        headerOffset: _chunk3RYIF4OWcjs.STICKY_HEADER_OFFSET_PX
+      _chunkXXJL5GY3cjs.scrollElementIntoView.call(void 0, rowRef.current, {
+        headerOffset: _chunkXXJL5GY3cjs.STICKY_HEADER_OFFSET_PX
       });
     });
     return () => cancelAnimationFrame(raf);
   }, [isExpanded]);
-  const live = _chunkPERN37KOcjs.useOptionalTicketLive.call(void 0, );
+  const live = _chunkF7R3U5ENcjs.useOptionalTicketLive.call(void 0, );
   const unreadCount = !optimistic && ticket.external_id && _optionalChain([live, 'optionalAccess', _65 => _65.unreadByTicket, 'access', _66 => _66[ticket.external_id]]) || 0;
   const rightBadges = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     unreadCount > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk22XAPV6Ncjs.StatusBadge,
+      _chunkDGNBXZXTcjs.StatusBadge,
       {
         text: `${unreadCount} NEW`,
         colorScheme: "warning",
@@ -1443,16 +1520,16 @@ function HelpCenterCard({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk22XAPV6Ncjs.StatusBadge,
+      _chunkDGNBXZXTcjs.StatusBadge,
       {
         text: rawStatus,
-        colorScheme: _chunk22XAPV6Ncjs.getStatusColorScheme.call(void 0, rawStatus),
+        colorScheme: _chunkDGNBXZXTcjs.getStatusColorScheme.call(void 0, rawStatus),
         variant: "card",
         className: "border border-ods-border"
       }
     ),
     priority && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk22XAPV6Ncjs.StatusBadge,
+      _chunkDGNBXZXTcjs.StatusBadge,
       {
         text: priority,
         colorScheme: mapPriorityScheme(priority),
@@ -1466,7 +1543,7 @@ function HelpCenterCard({
     {
       ref: rowRef,
       id,
-      style: { scrollMarginTop: _chunk3RYIF4OWcjs.STICKY_HEADER_OFFSET_PX },
+      style: { scrollMarginTop: _chunkXXJL5GY3cjs.STICKY_HEADER_OFFSET_PX },
       className: `border-b border-ods-border last:border-b-0 ${optimistic ? "opacity-60" : ""}`,
       "aria-busy": optimistic || void 0,
       children: [
@@ -1480,7 +1557,7 @@ function HelpCenterCard({
             "aria-controls": isExpanded ? `help-center-drawer-${ticket.id}` : void 0,
             className: "w-full p-[12px] text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-accent disabled:cursor-default content-md:p-[16px]",
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkVLJFAGMRcjs.DevCardRowContent,
+              _chunk7U3ELNGCcjs.DevCardRowContent,
               {
                 title,
                 subtitle,
@@ -1523,33 +1600,33 @@ function HelpCenterCreateFormSkeleton({
   region = true
 } = {}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkNO5UJLLQcjs.LoadingRegion,
+    _chunkWEANWBJHcjs.LoadingRegion,
     {
       label: "Loading the form",
       announce: region,
       className: "flex h-full flex-col rounded-2xl border border-ods-border p-6 content-md:rounded-3xl content-md:p-8 content-lg:p-10",
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-6 content-md:mb-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "mb-3 h-10 w-72 rounded content-md:mb-4" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-6 content-md:mb-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "mb-3 h-10 w-72 rounded content-md:mb-4" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-grow flex-col space-y-4 content-md:space-y-6", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", "aria-hidden": true }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", "aria-hidden": true }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", "aria-hidden": true }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: "hidden", "aria-hidden": true }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "mb-1 h-[27px] w-20 rounded" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-12 w-full rounded" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "mb-1 h-[27px] w-20 rounded" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-12 w-full rounded" })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-grow flex-col", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "mb-1 h-[27px] w-32 rounded" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-24 w-full flex-grow rounded" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "mb-1 h-[27px] w-32 rounded" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-24 w-full flex-grow rounded" })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-7 w-7 shrink-0 rounded" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-40 rounded" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-7 w-7 shrink-0 rounded" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-4 w-40 rounded" })
           ] }) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-auto flex w-full flex-col items-center justify-end gap-4 pt-2 content-md:flex-row content-md:gap-6", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-72 rounded" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-12 w-32 rounded" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-4 w-72 rounded" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-12 w-32 rounded" })
           ] })
         ] })
       ]
@@ -1565,12 +1642,12 @@ function HelpCenterCreateForm({
   const [subject, setSubject] = _react.useState.call(void 0, "");
   const [subjectError, setSubjectError] = _react.useState.call(void 0, null);
   const subjectField = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkK6VWTUCHcjs.Label, { htmlFor: "help-center-subject", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFL2RMEDXcjs.Label, { htmlFor: "help-center-subject", children: [
       "Subject",
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTRILBJDcjs.RequiredMark, {})
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYXDHVHB2cjs.RequiredMark, {})
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHTRILBJDcjs.Input,
+      _chunkYXDHVHB2cjs.Input,
       {
         id: "help-center-subject",
         type: "text",
@@ -1591,7 +1668,7 @@ function HelpCenterCreateForm({
     subjectError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "help-center-subject-error", className: "mt-1 text-ods-error text-h6", children: subjectError })
   ] });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBVA7YX4Pcjs.ContactForm,
+    _chunkNJMZ3N7Qcjs.ContactForm,
     {
       rescue: null,
       title: "Open a new ticket",
@@ -1629,31 +1706,31 @@ function HelpCenterCreateForm({
 
 // src/components/tickets/help-center-list.tsx
 
-function HelpCenterList({ toast: toast2 = _chunkXCH7SPGIcjs.toast, backButton, title, shell } = {}) {
-  const identity = _chunk74ALTXXCcjs.useChatIdentity.call(void 0, );
+function HelpCenterList({ toast: toast2 = _chunkXVFM6SJAcjs.toast, backButton, title, shell } = {}) {
+  const identity = _chunkYL6ZB2SRcjs.useChatIdentity.call(void 0, );
   const searchParams = _chunk7DNL734Scjs.useSearchParams.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const pathname = _chunk7DNL734Scjs.usePathname.call(void 0, );
-  const search = searchParams.get(_chunkT5FRANE6cjs.DEV_SECTION_PARAM_KEYS.search) || "";
+  const search = searchParams.get(_chunk7VI7TOGIcjs.DEV_SECTION_PARAM_KEYS.search) || "";
   const status = searchParams.get("status") || "all";
-  const ticketParam = searchParams.get(_chunkT5FRANE6cjs.TICKET_OPEN_PARAM) || "";
+  const ticketParam = searchParams.get(_chunk7VI7TOGIcjs.TICKET_OPEN_PARAM) || "";
   const page = _chunkBLH2SFOOcjs.positiveInt.call(void 0, searchParams.get("page"), 1);
   if (identity.isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVLJFAGMRcjs.DevSectionPage,
+      _chunk7U3ELNGCcjs.DevSectionPage,
       {
         sectionKey: "tickets",
         backButton,
         title,
         shell,
         preControls: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormSkeleton, {}),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVLJFAGMRcjs.DevCardRowSkeletonList, {})
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7U3ELNGCcjs.DevCardRowSkeletonList, {})
       }
     );
   }
   if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _67 => _67.user, 'optionalAccess', _68 => _68.email])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVLJFAGMRcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTSJUL6IHcjs.EmptyState,
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7U3ELNGCcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkYRFWOJF4cjs.EmptyState,
       {
         type: "generic",
         title: "Sign in to manage tickets",
@@ -1704,8 +1781,8 @@ function HelpCenterListAuthed({
   const setOpenTicket = _react.useCallback.call(void 0, 
     (externalId) => {
       const params = new URLSearchParams(searchParams.toString());
-      if (externalId) params.set(_chunkT5FRANE6cjs.TICKET_OPEN_PARAM, externalId);
-      else params.delete(_chunkT5FRANE6cjs.TICKET_OPEN_PARAM);
+      if (externalId) params.set(_chunk7VI7TOGIcjs.TICKET_OPEN_PARAM, externalId);
+      else params.delete(_chunk7VI7TOGIcjs.TICKET_OPEN_PARAM);
       const qs = params.toString();
       router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });
     },
@@ -1762,7 +1839,7 @@ function HelpCenterListAuthed({
     [tickets, ticketParam, setOpenTicket]
   );
   const merged = [...optimisticTickets, ...tickets];
-  _chunkXCH7SPGIcjs.useScrollToHash.call(void 0, tickets, { headerOffset: _chunk3RYIF4OWcjs.STICKY_HEADER_OFFSET_PX });
+  _chunkXVFM6SJAcjs.useScrollToHash.call(void 0, tickets, { headerOffset: _chunkXXJL5GY3cjs.STICKY_HEADER_OFFSET_PX });
   const hasActiveFilters = search !== "" || status !== "" && status !== "all";
   const hasResults = merged.length > 0;
   const form = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1780,17 +1857,17 @@ function HelpCenterListAuthed({
         "Couldn\u2019t load your tickets. ",
         error.message
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { type: "button", variant: "accent", onClick: () => refetch(), children: "Retry" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { type: "button", variant: "accent", onClick: () => refetch(), children: "Retry" })
     ] }),
-    !error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVLJFAGMRcjs.DevCardRowSkeletonList, {}) : !hasResults && isFetching ? (
+    !error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7U3ELNGCcjs.DevCardRowSkeletonList, {}) : !hasResults && isFetching ? (
       // Bridge state — background refetch in flight and the
       // optimistic placeholder was just removed by the mutation
       // callback. Without this branch "No tickets yet" would flash
       // for ~50ms between `removeOptimistic` and the server
       // response landing.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVLJFAGMRcjs.DevCardRowSkeletonList, { rows: 1 })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7U3ELNGCcjs.DevCardRowSkeletonList, { rows: 1 })
     ) : !hasResults ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVLJFAGMRcjs.ListEmptyState,
+      _chunk7U3ELNGCcjs.ListEmptyState,
       {
         isFiltered: hasActiveFilters,
         filtered: {
@@ -1821,11 +1898,11 @@ function HelpCenterListAuthed({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full overflow-clip rounded-[6px] border border-ods-border bg-ods-card", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         HelpCenterCard,
         {
-          id: _chunkT5FRANE6cjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
+          id: _chunk7VI7TOGIcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
           onToggle: toggleRow,
-          busy: _chunkPERN37KOcjs.isOptimistic.call(void 0, ticket) ? false : actions.isRowBusy(ticket.id),
+          busy: isOptimistic(ticket) ? false : actions.isRowBusy(ticket.id),
           supportSystemDown,
           onSendMessage: actions.sendMessage,
           onClose: actions.closeTicket,
@@ -1837,9 +1914,9 @@ function HelpCenterListAuthed({
         ticket.id
       )) })
     ) }),
-    !error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTSJUL6IHcjs.UnifiedPagination, { currentPage: page, totalPages })
+    !error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYRFWOJF4cjs.UnifiedPagination, { currentPage: page, totalPages })
   ] });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVLJFAGMRcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7U3ELNGCcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
 }
 
 
@@ -1857,4 +1934,6 @@ function HelpCenterListAuthed({
 
 
 
-exports.useTicketActions = useTicketActions; exports.mapTicketActionError = mapTicketActionError; exports.useTicketsList = useTicketsList; exports.TicketOpenForm = TicketOpenForm; exports.useTicketEngagements = useTicketEngagements; exports.TicketLinkedDeliveryCard = TicketLinkedDeliveryCard; exports.TicketReplyComposer = TicketReplyComposer; exports.TicketDetailDrawer = TicketDetailDrawer; exports.TicketRow = TicketRow; exports.TicketCenter = TicketCenter; exports.HelpCenterCard = HelpCenterCard; exports.HelpCenterCreateFormSkeleton = HelpCenterCreateFormSkeleton; exports.HelpCenterCreateForm = HelpCenterCreateForm; exports.HelpCenterList = HelpCenterList;
+
+
+exports.isOptimistic = isOptimistic; exports.TOAST_COPY = TOAST_COPY; exports.useTicketActions = useTicketActions; exports.mapTicketActionError = mapTicketActionError; exports.useTicketsList = useTicketsList; exports.TicketOpenForm = TicketOpenForm; exports.useTicketEngagements = useTicketEngagements; exports.TicketLinkedDeliveryCard = TicketLinkedDeliveryCard; exports.TicketReplyComposer = TicketReplyComposer; exports.TicketDetailDrawer = TicketDetailDrawer; exports.TicketRow = TicketRow; exports.TicketCenter = TicketCenter; exports.HelpCenterCard = HelpCenterCard; exports.HelpCenterCreateFormSkeleton = HelpCenterCreateFormSkeleton; exports.HelpCenterCreateForm = HelpCenterCreateForm; exports.HelpCenterList = HelpCenterList;