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

package/dist/{chunk-T47VAUYR.cjs → chunk-HPGCUYAZ.cjs}

@@ -1,22 +1,22 @@
 "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 _chunkG2N7INFTcjs = require('./chunk-G2N7INFT.cjs');
+var _chunk5PBWAF2Dcjs = require('./chunk-5PBWAF2D.cjs');
 
 
 
 
 
 
+var _chunkXHJI7R4Jcjs = require('./chunk-XHJI7R4J.cjs');
 
-var _chunkJMFF3L3Tcjs = require('./chunk-JMFF3L3T.cjs');
 
 
+var _chunkZPYFPLPDcjs = require('./chunk-ZPYFPLPD.cjs');
 
-var _chunkY6MQBLTZcjs = require('./chunk-Y6MQBLTZ.cjs');
 
+var _chunkLDGR5VCKcjs = require('./chunk-LDGR5VCK.cjs');
 
-var _chunkU5VQFKRZcjs = require('./chunk-U5VQFKRZ.cjs');
 
 
 
@@ -28,34 +28,32 @@ var _chunkU5VQFKRZcjs = require('./chunk-U5VQFKRZ.cjs');
 
 
 
+var _chunkODZ5XGWAcjs = require('./chunk-ODZ5XGWA.cjs');
 
-var _chunkHXLOCZMGcjs = require('./chunk-HXLOCZMG.cjs');
 
 
+var _chunkZV6RQNXEcjs = require('./chunk-ZV6RQNXE.cjs');
 
-var _chunk5PK22JP7cjs = require('./chunk-5PK22JP7.cjs');
 
 
 
 
 
 
+var _chunkHLZUBJPLcjs = require('./chunk-HLZUBJPL.cjs');
 
 
 
-var _chunkS3YDUX2Icjs = require('./chunk-S3YDUX2I.cjs');
 
 
 
+var _chunkFWJ5YECNcjs = require('./chunk-FWJ5YECN.cjs');
 
 
-var _chunkTZP7PSPGcjs = require('./chunk-TZP7PSPG.cjs');
+var _chunkT7SDYBSTcjs = require('./chunk-T7SDYBST.cjs');
 
 
-var _chunkLBGAHB6Xcjs = require('./chunk-LBGAHB6X.cjs');
-
-
-var _chunkXEYL6AFZcjs = require('./chunk-XEYL6AFZ.cjs');
+var _chunkAKCBLZAOcjs = require('./chunk-AKCBLZAO.cjs');
 
 
 
@@ -70,15 +68,15 @@ var _chunkJKX2C3I2cjs = require('./chunk-JKX2C3I2.cjs');
 var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
-var _chunkCGQ7CL62cjs = require('./chunk-CGQ7CL62.cjs');
+var _chunkOHXB6HUXcjs = require('./chunk-OHXB6HUX.cjs');
 
 
 
 
-var _chunkMQPTOJMFcjs = require('./chunk-MQPTOJMF.cjs');
+var _chunkJQWYXC2Ecjs = require('./chunk-JQWYXC2E.cjs');
 
 
-var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
+var _chunkAFJEUBDScjs = require('./chunk-AFJEUBDS.cjs');
 
 
 
@@ -93,21 +91,23 @@ var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
 
-var _chunkYXDHVHB2cjs = require('./chunk-YXDHVHB2.cjs');
+var _chunkKWV23THOcjs = require('./chunk-KWV23THO.cjs');
+
 
+var _chunkT4ZVKEDPcjs = require('./chunk-T4ZVKEDP.cjs');
 
-var _chunkFL2RMEDXcjs = require('./chunk-FL2RMEDX.cjs');
 
+var _chunk63OCO2G5cjs = require('./chunk-63OCO2G5.cjs');
 
-var _chunkWEANWBJHcjs = require('./chunk-WEANWBJH.cjs');
 
+var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
 
 
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
 
-var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
+
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
 // src/components/tickets/ticket-center.tsx
 var _reactquery = require('@tanstack/react-query');
@@ -153,8 +153,8 @@ 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 = _chunkU5VQFKRZcjs.useOptionalTicketLive.call(void 0, );
-  const notifyTicketCreated = _optionalChain([ticketLive, 'optionalAccess', _2 => _2.notifyTicketCreated]);
+  const ticketLive = _chunkLDGR5VCKcjs.useOptionalTicketLive.call(void 0, );
+  const notifyTicketCreated = _optionalChain([ticketLive, 'optionalAccess', _ => _.notifyTicketCreated]);
   const { prependOptimistic, removeOptimistic, removeTicketFromCache, toast: toast2, onSupportSystemDown } = options;
   const formInFlightRef = _react.useRef.call(void 0, null);
   const [isSubmittingForm, setIsSubmittingForm] = _react.useState.call(void 0, false);
@@ -311,7 +311,7 @@ function useTicketActions(options) {
           const result = await executeTicketAction("create_ticket", {
             subject: input.subject.trim(),
             content: input.content.trim(),
-            ..._optionalChain([input, 'access', _3 => _3.attachments, 'optionalAccess', _4 => _4.length]) ? { attachments: input.attachments } : {}
+            ..._optionalChain([input, 'access', _2 => _2.attachments, 'optionalAccess', _3 => _3.length]) ? { attachments: input.attachments } : {}
           });
           if (result.mirror_synced === false) {
             toast2(TOAST_COPY.open_mirror_pending);
@@ -321,7 +321,7 @@ function useTicketActions(options) {
             await queryClient.invalidateQueries({ queryKey: ["tickets"] });
             removeOptimistic(placeholderId);
           }
-          _optionalChain([notifyTicketCreated, 'optionalCall', _5 => _5()]);
+          _optionalChain([notifyTicketCreated, 'optionalCall', _4 => _4()]);
           return true;
         });
       } catch (err) {
@@ -424,7 +424,7 @@ function useTicketActions(options) {
       ticket,
       {
         status: "CLOSED",
-        ..._optionalChain([resolution, 'optionalAccess', _6 => _6.trim, 'call', _7 => _7()]) ? { resolution: resolution.trim() } : {}
+        ..._optionalChain([resolution, 'optionalAccess', _5 => _5.trim, 'call', _6 => _6()]) ? { resolution: resolution.trim() } : {}
       },
       TOAST_COPY.close_success,
       "close ticket"
@@ -481,7 +481,7 @@ function mapTicketActionError(err) {
           removeRowFromCache: false
         };
       case "RATE_LIMITED": {
-        const retryAfterRaw = _optionalChain([err, 'access', _8 => _8.response, 'optionalAccess', _9 => _9.headers, 'access', _10 => _10.get, 'call', _11 => _11("Retry-After")]);
+        const retryAfterRaw = _optionalChain([err, 'access', _7 => _7.response, 'optionalAccess', _8 => _8.headers, 'access', _9 => _9.get, 'call', _10 => _10("Retry-After")]);
         const retryAfterSeconds = retryAfterRaw ? parseInt(retryAfterRaw, 10) : void 0;
         return {
           code: err.code,
@@ -607,12 +607,12 @@ function useTicketsList(filters) {
     }
   });
   const data = query.data;
-  const totalCount = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_optionalChain([data, 'optionalAccess', _12 => _12.totalCount]), () => ( _optionalChain([data, 'optionalAccess', _13 => _13.count]))), () => ( _optionalChain([data, 'optionalAccess', _14 => _14.tickets, 'optionalAccess', _15 => _15.length]))), () => ( 0));
-  const echoedPage = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _16 => _16.page]), () => ( page));
-  const echoedPageSize = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _17 => _17.pageSize]), () => ( pageSize));
-  const totalPages = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _18 => _18.totalPages]), () => ( _chunkBLH2SFOOcjs.pageCount.call(void 0, totalCount, echoedPageSize)));
+  const totalCount = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_optionalChain([data, 'optionalAccess', _11 => _11.totalCount]), () => ( _optionalChain([data, 'optionalAccess', _12 => _12.count]))), () => ( _optionalChain([data, 'optionalAccess', _13 => _13.tickets, 'optionalAccess', _14 => _14.length]))), () => ( 0));
+  const echoedPage = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _15 => _15.page]), () => ( page));
+  const echoedPageSize = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _16 => _16.pageSize]), () => ( pageSize));
+  const totalPages = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _17 => _17.totalPages]), () => ( _chunkBLH2SFOOcjs.pageCount.call(void 0, totalCount, echoedPageSize)));
   return {
-    tickets: _nullishCoalesce(_optionalChain([data, 'optionalAccess', _19 => _19.tickets]), () => ( [])),
+    tickets: _nullishCoalesce(_optionalChain([data, 'optionalAccess', _18 => _18.tickets]), () => ( [])),
     // Loading-state-truth = `data === undefined`. TanStack v5's
     // `isPending` / `isLoading` flags can be `false` in transient
     // windows where the query is enabled-but-fetch-not-yet-fired
@@ -624,14 +624,14 @@ function useTicketsList(filters) {
     //   - Background refetch with existing data: data !== undefined → no load
     //   - Filter-change refetch landing on empty results: data?.tickets===[]
     //     + isFetching → bridge skeleton (the `||` branch)
-    isLoading: enabled && (data === void 0 || query.isFetching && (_nullishCoalesce(_optionalChain([data, 'optionalAccess', _20 => _20.tickets]), () => ( []))).length === 0),
+    isLoading: enabled && (data === void 0 || query.isFetching && (_nullishCoalesce(_optionalChain([data, 'optionalAccess', _19 => _19.tickets]), () => ( []))).length === 0),
     isFetching: query.isFetching,
     error: _nullishCoalesce(query.error, () => ( null)),
     refetch: () => {
       void query.refetch();
     },
     lastUpdatedAt: query.dataUpdatedAt || null,
-    sync: _nullishCoalesce(_optionalChain([data, 'optionalAccess', _21 => _21.sync]), () => ( null)),
+    sync: _nullishCoalesce(_optionalChain([data, 'optionalAccess', _20 => _20.sync]), () => ( null)),
     totalCount,
     page: echoedPage,
     pageSize: echoedPageSize,
@@ -646,7 +646,7 @@ 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 } = _chunkTZP7PSPGcjs.useChatAttachments.call(void 0, );
+  const { attachments, readyAttachments, hasInflightUploads, addFiles, removeAttachment, clear } = _chunkFWJ5YECNcjs.useChatAttachments.call(void 0, );
   const trimmedSubject = subject.trim();
   const trimmedContent = content.trim();
   const overCap = content.length > TICKET_TEXT_MAX_CHARS;
@@ -666,7 +666,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
       clear();
     }
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQPTOJMFcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-6 md:flex-row", ..._chunkS3YDUX2Icjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-6 md:flex-row", ..._chunkHLZUBJPLcjs.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." }),
@@ -674,9 +674,9 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: [
       /* @__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, _chunkT4ZVKEDPcjs.Label, { htmlFor: "ticket-subject", className: "mb-1", children: "Ticket Subject" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYXDHVHB2cjs.Input,
+          _chunkKWV23THOcjs.Input,
           {
             id: "ticket-subject",
             type: "text",
@@ -689,9 +689,9 @@ 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, _chunkT4ZVKEDPcjs.Label, { htmlFor: "ticket-content", className: "mb-1", children: "Your Message" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHXLOCZMGcjs.Textarea,
+          _chunkODZ5XGWAcjs.Textarea,
           {
             id: "ticket-content",
             placeholder: "Describe your issue or question in detail...",
@@ -709,7 +709,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
         ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTZP7PSPGcjs.ChatAttachmentChipStrip,
+        _chunkFWJ5YECNcjs.ChatAttachmentChipStrip,
         {
           attachments,
           onRemove: removeAttachment,
@@ -718,7 +718,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, 
-          _chunkTZP7PSPGcjs.ChatAttachmentAddButton,
+          _chunkFWJ5YECNcjs.ChatAttachmentAddButton,
           {
             attachmentsEnabled: !supportSystemDown,
             attachmentsCount: attachments.length,
@@ -726,7 +726,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
             disabled: isSubmitting
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { type: "submit", disabled: !canSubmit, loading: isSubmitting, children: "Open Ticket" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { type: "submit", disabled: !canSubmit, loading: isSubmitting, children: "Open Ticket" })
       ] })
     ] })
   ] }) });
@@ -748,11 +748,11 @@ var _usesticktobottom = require('use-stick-to-bottom');
 
 var LIST_ENGAGEMENTS_ENDPOINT = "/api/chat/agent/list-engagements";
 function useTicketEngagements(externalTicketId, enabled = true) {
-  const identity = _chunkTZP7PSPGcjs.useChatIdentity.call(void 0, );
-  const identityKey = _nullishCoalesce(_optionalChain([identity, 'access', _22 => _22.user, 'optionalAccess', _23 => _23.email]), () => ( "anon"));
+  const identity = _chunkFWJ5YECNcjs.useChatIdentity.call(void 0, );
+  const identityKey = _nullishCoalesce(_optionalChain([identity, 'access', _21 => _21.user, 'optionalAccess', _22 => _22.email]), () => ( "anon"));
   const listEngagementsEndpoint = _nullishCoalesce(_chunkUJ7AXHRZcjs.useRequiredChatRuntime.call(void 0, ).endpoints.listEngagementsUrl, () => ( LIST_ENGAGEMENTS_ENDPOINT));
   const fetchable = enabled && !!externalTicketId && !externalTicketId.startsWith("temp-");
-  const queryEnabled = fetchable && identity.authTier !== "anon" && !!_optionalChain([identity, 'access', _24 => _24.user, 'optionalAccess', _25 => _25.email]);
+  const queryEnabled = fetchable && identity.authTier !== "anon" && !!_optionalChain([identity, 'access', _23 => _23.user, 'optionalAccess', _24 => _24.email]);
   const query = _reactquery.useQuery.call(void 0, {
     queryKey: ["ticket-engagements", externalTicketId, identityKey],
     enabled: queryEnabled,
@@ -821,7 +821,7 @@ function TicketLinkedDeliveryCard({ clickup, className }) {
     dateClosed: clickup.date_closed,
     clickupUrl: _nullishCoalesce(clickup.clickup_url, () => ( ""))
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${_chunkMQPTOJMFcjs.CONTENT_CARD_SKELETON_FRAME_CLASS} ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMFF3L3Tcjs.DeliveryRow, { item, href: clickup.delivery_href, caption: "Linked delivery" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${_chunkJQWYXC2Ecjs.CONTENT_CARD_SKELETON_FRAME_CLASS} ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXHJI7R4Jcjs.DeliveryRow, { item, href: clickup.delivery_href, caption: "Linked delivery" }) });
 }
 
 // src/components/tickets/ticket-reply-composer.tsx
@@ -836,7 +836,7 @@ function TicketReplyComposer({
 }) {
   const [resolution, setResolution] = _react.useState.call(void 0, "");
   const [closeDialogOpen, setCloseDialogOpen] = _react.useState.call(void 0, false);
-  const attachments = _chunkTZP7PSPGcjs.useChatAttachments.call(void 0, );
+  const attachments = _chunkFWJ5YECNcjs.useChatAttachments.call(void 0, );
   const { readyAttachments, clear: clearAttachments } = attachments;
   const ticketRef = { id: ticket.id, external_id: ticket.external_id };
   const hasReadyFiles = readyAttachments.length > 0;
@@ -857,7 +857,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, 
-      _chunkTZP7PSPGcjs.ChatAttachmentChipStrip,
+      _chunkFWJ5YECNcjs.ChatAttachmentChipStrip,
       {
         attachments: attachments.attachments,
         onRemove: attachments.removeAttachment,
@@ -866,7 +866,7 @@ function TicketReplyComposer({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXEYL6AFZcjs.ChatInput,
+      _chunkAKCBLZAOcjs.ChatInput,
       {
         fullWidth: true,
         autoFocus: true,
@@ -880,7 +880,7 @@ function TicketReplyComposer({
     ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center gap-2", children: [
       !supportSystemDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTZP7PSPGcjs.ChatAttachmentAddButton,
+        _chunkFWJ5YECNcjs.ChatAttachmentAddButton,
         {
           attachmentsEnabled: true,
           attachmentsCount: attachments.attachments.length,
@@ -891,7 +891,7 @@ function TicketReplyComposer({
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 flex-1" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkCDBFQVPAcjs.Button,
         {
           type: "button",
           variant: "transparent",
@@ -903,13 +903,13 @@ function TicketReplyComposer({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXLOCZMGcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkHXLOCZMGcjs.AlertDialogContent, { className: "border-ods-border bg-ods-card", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkHXLOCZMGcjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXLOCZMGcjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXLOCZMGcjs.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, _chunkODZ5XGWAcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkODZ5XGWAcjs.AlertDialogContent, { className: "border-ods-border bg-ods-card", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkODZ5XGWAcjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.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, 
-        _chunkHXLOCZMGcjs.Textarea,
+        _chunkODZ5XGWAcjs.Textarea,
         {
           value: resolution,
           onChange: (e) => setResolution(e.target.value),
@@ -919,9 +919,9 @@ function TicketReplyComposer({
           className: "mt-2"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkHXLOCZMGcjs.AlertDialogFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkODZ5XGWAcjs.AlertDialogFooter, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHXLOCZMGcjs.AlertDialogCancel,
+          _chunkODZ5XGWAcjs.AlertDialogCancel,
           {
             disabled: busy,
             className: "border-ods-border bg-transparent text-ods-text-primary hover:bg-ods-border",
@@ -929,7 +929,7 @@ function TicketReplyComposer({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHXLOCZMGcjs.AlertDialogAction,
+          _chunkODZ5XGWAcjs.AlertDialogAction,
           {
             onClick: () => void confirmClose(),
             disabled: busy,
@@ -991,12 +991,12 @@ 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 = _chunkTZP7PSPGcjs.useChatIdentity.call(void 0, );
+  const identity = _chunkFWJ5YECNcjs.useChatIdentity.call(void 0, );
   const externalId = isOptimistic(ticket) ? null : ticket.external_id;
   const { engagements, isLoading } = useTicketEngagements(externalId, !!externalId);
-  const live = _chunkU5VQFKRZcjs.useOptionalTicketLive.call(void 0, );
-  const setOpenTicketId = _optionalChain([live, 'optionalAccess', _26 => _26.setOpenTicketId]);
-  const markRead = _optionalChain([live, 'optionalAccess', _27 => _27.markRead]);
+  const live = _chunkLDGR5VCKcjs.useOptionalTicketLive.call(void 0, );
+  const setOpenTicketId = _optionalChain([live, 'optionalAccess', _25 => _25.setOpenTicketId]);
+  const markRead = _optionalChain([live, 'optionalAccess', _26 => _26.markRead]);
   const markReadDebounceRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     if (!externalId || !setOpenTicketId || !markRead) return void 0;
@@ -1026,18 +1026,18 @@ function TicketTimelinePanel({ ticket }) {
     engagements.filter((e) => e.authorRole === "customer").map((e) => (_nullishCoalesce(e.body, () => ( ""))).trim()).filter(Boolean)
   );
   const suppressBodyTurnZero = bodyTurns.length > 0 && customerEngagementBodies.has(bodyTurns[0]);
-  const sessionEmailLower = _nullishCoalesce(_optionalChain([identity, 'access', _28 => _28.user, 'optionalAccess', _29 => _29.email, 'optionalAccess', _30 => _30.trim, 'call', _31 => _31(), 'access', _32 => _32.toLowerCase, 'call', _33 => _33()]), () => ( null));
+  const sessionEmailLower = _nullishCoalesce(_optionalChain([identity, 'access', _27 => _27.user, 'optionalAccess', _28 => _28.email, 'optionalAccess', _29 => _29.trim, 'call', _30 => _30(), 'access', _31 => _31.toLowerCase, 'call', _32 => _32()]), () => ( null));
   const isViewerTheCustomer = !!sessionEmailLower && ticket.customer_emails.some((e) => e.trim().toLowerCase() === sessionEmailLower);
-  const viewerName = _optionalChain([identity, 'access', _34 => _34.user, 'optionalAccess', _35 => _35.name, 'optionalAccess', _36 => _36.trim, 'call', _37 => _37()]) || null;
-  const ticketCustomerName = _optionalChain([ticket, 'access', _38 => _38.customer_name, 'optionalAccess', _39 => _39.trim, 'call', _40 => _40()]) || null;
-  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;
+  const viewerName = _optionalChain([identity, 'access', _33 => _33.user, 'optionalAccess', _34 => _34.name, 'optionalAccess', _35 => _35.trim, 'call', _36 => _36()]) || null;
+  const ticketCustomerName = _optionalChain([ticket, 'access', _37 => _37.customer_name, 'optionalAccess', _38 => _38.trim, 'call', _39 => _39()]) || null;
+  const customerName = (isViewerTheCustomer ? viewerName : null) || ticketCustomerName || viewerName || _optionalChain([identity, 'access', _40 => _40.user, 'optionalAccess', _41 => _41.email]) || "You";
+  const customerAvatar = isViewerTheCustomer ? _nullishCoalesce(_optionalChain([identity, 'access', _42 => _42.user, 'optionalAccess', _43 => _43.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, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading messages", className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS3YDUX2Icjs.ChatMessageRowSkeleton, {}, i)) }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${TICKET_FEED_FRAME} ${TICKET_FEED_HEIGHT}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63OCO2G5cjs.LoadingRegion, { label: "Loading messages", className: TICKET_FEED_INNER, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.LoadingItems, { count: TICKET_FEED_SKELETON_ROWS, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHLZUBJPLcjs.ChatMessageRow, { loading: true, displayName: "", body: "", "data-loading-item": true }) }) }) });
   }
   if (bodyTurns.length === 0 && engagements.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkY6MQBLTZcjs.EmptyState,
+      _chunkZPYFPLPDcjs.EmptyState,
       {
         type: "generic",
         title: "No conversation yet",
@@ -1052,8 +1052,9 @@ function TicketTimelinePanel({ ticket }) {
       const isResolution = turn.startsWith("[Resolution]");
       const text = isResolution ? turn.replace(/^\[Resolution\]\s*/, "") : turn;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkS3YDUX2Icjs.ChatMessageRow,
+        _chunkHLZUBJPLcjs.ChatMessageRow,
         {
+          "data-loading-item": true,
           displayName: customerName,
           avatarUrl: customerAvatar,
           body: text
@@ -1063,12 +1064,12 @@ function TicketTimelinePanel({ ticket }) {
     }),
     engagements.map((eng) => {
       const isCustomer = eng.authorRole === "customer";
-      const isOwnReply = isCustomer && !!eng.authorId && !!_optionalChain([identity, 'access', _45 => _45.user, 'optionalAccess', _46 => _46.email]) && eng.authorId.toLowerCase() === identity.user.email.toLowerCase();
+      const isOwnReply = isCustomer && !!eng.authorId && !!_optionalChain([identity, 'access', _44 => _44.user, 'optionalAccess', _45 => _45.email]) && eng.authorId.toLowerCase() === identity.user.email.toLowerCase();
       let author;
       let avatarSrc;
       if (isCustomer && isOwnReply) {
-        author = _optionalChain([identity, 'access', _47 => _47.user, 'optionalAccess', _48 => _48.name, 'optionalAccess', _49 => _49.trim, 'call', _50 => _50()]) || customerName;
-        avatarSrc = _nullishCoalesce(_optionalChain([identity, 'access', _51 => _51.user, 'optionalAccess', _52 => _52.avatarUrl]), () => ( void 0));
+        author = _optionalChain([identity, 'access', _46 => _46.user, 'optionalAccess', _47 => _47.name, 'optionalAccess', _48 => _48.trim, 'call', _49 => _49()]) || customerName;
+        avatarSrc = _nullishCoalesce(_optionalChain([identity, 'access', _50 => _50.user, 'optionalAccess', _51 => _51.avatarUrl]), () => ( void 0));
       } else if (isCustomer) {
         author = ticketCustomerName || "Customer";
         avatarSrc = void 0;
@@ -1081,13 +1082,14 @@ function TicketTimelinePanel({ ticket }) {
       }
       const engAttachments = mapEngagementAttachments(eng.attachments);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkS3YDUX2Icjs.ChatMessageRow,
+        _chunkHLZUBJPLcjs.ChatMessageRow,
         {
+          "data-loading-item": true,
           displayName: author,
           avatarUrl: avatarSrc,
-          timeLabel: eng.createdAt ? _chunkLBGAHB6Xcjs.formatRelativeTime.call(void 0, eng.createdAt) : null,
+          timeLabel: eng.createdAt ? _chunkT7SDYBSTcjs.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, _chunkHXLOCZMGcjs.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, _chunkODZ5XGWAcjs.TicketAttachmentsList, { attachments: engAttachments, size: "compact" }) }) : null
         },
         eng.id
       );
@@ -1104,7 +1106,7 @@ function mapEngagementAttachments(files) {
       // Show an inline thumbnail for image attachments (the signed `url` is a
       // viewable URL). Non-images fall back to the file-type icon. SquareAvatar
       // degrades to initials on a broken/expired image URL.
-      thumbnailSrc: url && (_nullishCoalesce(_optionalChain([f, 'access', _53 => _53.mime, 'optionalAccess', _54 => _54.startsWith, 'call', _55 => _55("image/")]), () => ( false))) ? url : void 0,
+      thumbnailSrc: url && (_nullishCoalesce(_optionalChain([f, 'access', _52 => _52.mime, 'optionalAccess', _53 => _53.startsWith, 'call', _54 => _54("image/")]), () => ( false))) ? url : void 0,
       onDownload: url ? () => window.open(url, "_blank", "noopener,noreferrer") : void 0
     };
   });
@@ -1128,7 +1130,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, 
-    _chunkTF5D5MNOcjs.Button,
+    _chunkCDBFQVPAcjs.Button,
     {
       type: "button",
       variant: "outline",
@@ -1150,7 +1152,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, 
-          _chunkTF5D5MNOcjs.Button,
+          _chunkCDBFQVPAcjs.Button,
           {
             type: "button",
             variant: "transparent",
@@ -1165,18 +1167,18 @@ function ReplyFailureBanner({ error, onDismiss }) {
   );
 }
 function AssignedAgentRow({ assignedOwner }) {
-  const trimmedName = _optionalChain([assignedOwner, 'optionalAccess', _56 => _56.name, 'optionalAccess', _57 => _57.trim, 'call', _58 => _58()]) || null;
-  const emailFallback = _optionalChain([assignedOwner, 'optionalAccess', _59 => _59.email, 'optionalAccess', _60 => _60.trim, 'call', _61 => _61()]) || null;
+  const trimmedName = _optionalChain([assignedOwner, 'optionalAccess', _55 => _55.name, 'optionalAccess', _56 => _56.trim, 'call', _57 => _57()]) || null;
+  const emailFallback = _optionalChain([assignedOwner, 'optionalAccess', _58 => _58.email, 'optionalAccess', _59 => _59.trim, 'call', _60 => _60()]) || null;
   const displayLabel = _nullishCoalesce(trimmedName, () => ( (emailFallback ? emailFallback.split("@")[0] : null)));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 text-h6", children: [
     /* @__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, 
-        _chunkBNUZKBNVcjs.SquareAvatar,
+        _chunkAFJEUBDScjs.SquareAvatar,
         {
           size: "sm",
           variant: "round",
-          src: _nullishCoalesce(_optionalChain([assignedOwner, 'optionalAccess', _62 => _62.avatarUrl]), () => ( void 0)),
+          src: _nullishCoalesce(_optionalChain([assignedOwner, 'optionalAccess', _61 => _61.avatarUrl]), () => ( void 0)),
           alt: displayLabel,
           fallback: displayLabel
         }
@@ -1188,7 +1190,15 @@ function AssignedAgentRow({ assignedOwner }) {
 
 // src/components/tickets/ticket-row.tsx
 
-function TicketRow({
+var TICKET_ROW_FRAME_CLASS = "border-b border-ods-border last:border-b-0";
+var TICKET_ROW_OUTER_CLASS = "scroll-mt-24";
+function TicketRow(props) {
+  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || props.loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: props.id, className: TICKET_ROW_OUTER_CLASS, ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: TICKET_ROW_FRAME_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHLZUBJPLcjs.ChatTicketItem, { loading: true }) }) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketRowLoaded, { ...props });
+}
+function TicketRowLoaded({
   ticket,
   expanded,
   onToggle,
@@ -1198,7 +1208,8 @@ function TicketRow({
   onClose,
   onReopen,
   onActionCollapsed,
-  id
+  id,
+  ...markers
 }) {
   const optimistic = isOptimistic(ticket);
   const rowRef = _react.useRef.call(void 0, null);
@@ -1228,7 +1239,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 ? _chunkLBGAHB6Xcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : void 0,
+    timeAgo: ticket.hubspot_updated_at ? _chunkT7SDYBSTcjs.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
@@ -1236,9 +1247,9 @@ function TicketRow({
     // when the task exists but its status hasn't synced yet.
     linkedTaskLabel: ticket.clickup ? ticket.clickup.status ? ticket.clickup.status.replace(/\b\w/g, (c) => c.toUpperCase()) : "Linked work" : void 0
   };
-  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: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rowRef, id, className: TICKET_ROW_OUTER_CLASS, ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, markers), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Collapsible, { open: expanded && !optimistic, className: TICKET_ROW_FRAME_CLASS, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkS3YDUX2Icjs.ChatTicketItem,
+      _chunkHLZUBJPLcjs.ChatTicketItem,
       {
         ticket: tileData,
         onClick: optimistic ? void 0 : handleClick,
@@ -1272,19 +1283,18 @@ function TicketRow({
 
 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";
-function TicketCenter({ toast: toast2 = _chunk5PK22JP7cjs.toast } = {}) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCenterPending, { region: false });
+function TicketCenter({ toast: toast2 = _chunkZV6RQNXEcjs.toast } = {}) {
+  if (_chunkN6YCOBLKcjs.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 = _chunkTZP7PSPGcjs.useChatIdentity.call(void 0, );
+  const identity = _chunkFWJ5YECNcjs.useChatIdentity.call(void 0, );
   if (identity.isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCenterPending, {});
   }
-  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _63 => _63.user, 'optionalAccess', _64 => _64.email])) {
+  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _62 => _62.user, 'optionalAccess', _63 => _63.email])) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkY6MQBLTZcjs.EmptyState,
+      _chunkZPYFPLPDcjs.EmptyState,
       {
         type: "generic",
         title: "Sign in to manage tickets",
@@ -1333,7 +1343,7 @@ function TicketCenterAuthed({
   const toggleRow = _react.useCallback.call(void 0, (id) => {
     setExpandedTicketId((prev) => prev === id ? null : id);
   }, []);
-  const syncInPage = _chunkJMFF3L3Tcjs.usePageDataSync.call(void 0, sync, isLoading);
+  const syncInPage = _chunkXHJI7R4Jcjs.usePageDataSync.call(void 0, sync, isLoading);
   const merged = [...optimisticTickets, ...tickets];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     TicketCenterView,
@@ -1349,7 +1359,8 @@ function TicketCenterAuthed({
       renderRow: (ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         TicketRow,
         {
-          id: _chunkS3YDUX2Icjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
+          "data-loading-item": true,
+          id: _chunkHLZUBJPLcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
           onToggle: toggleRow,
@@ -1368,8 +1379,8 @@ function TicketCenterAuthed({
 function TicketCenterPending({
   region = true
 } = {}) {
-  const syncInPage = _chunkJMFF3L3Tcjs.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, 
+  const syncInPage = _chunkXHJI7R4Jcjs.usePageDataSync.call(void 0, null, true);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFWJ5YECNcjs.LoadingFallback, { label: "Loading tickets", status: region, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     TicketCenterView,
     {
       tickets: [],
@@ -1381,7 +1392,7 @@ function TicketCenterPending({
       supportSystemDown: false,
       renderRow: () => null
     }
-  ) }) });
+  ) });
 }
 function TicketCenterView({
   tickets,
@@ -1408,10 +1419,10 @@ function TicketList({
   loading,
   renderRow
 }) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {});
+  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {});
   if (tickets.length === 0) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQPTOJMFcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkY6MQBLTZcjs.EmptyState,
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkZPYFPLPDcjs.EmptyState,
       {
         type: "generic",
         title: "No tickets yet",
@@ -1420,7 +1431,7 @@ function TicketList({
       }
     ) });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQPTOJMFcjs.Card, { className: "overflow-hidden", children: tickets.map(renderRow) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.Card, { className: "overflow-hidden", children: tickets.map(renderRow) });
 }
 function TicketListHeader({
   sync,
@@ -1431,9 +1442,9 @@ function TicketListHeader({
   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, _chunkHXLOCZMGcjs.DataSyncLine, { sync, loading: syncLoading, inline: true }),
+      sync !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.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,
+        _chunkCDBFQVPAcjs.Button,
         {
           type: "button",
           variant: "transparent",
@@ -1448,14 +1459,7 @@ function TicketListHeader({
   ] });
 }
 function TicketListSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQPTOJMFcjs.Card, { className: "overflow-hidden", children: Array.from({ length: TICKETS_PAGE_SIZE }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: TICKET_ROW_FRAME_CLASS,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS3YDUX2Icjs.ChatTicketItemSkeleton, {})
-    },
-    i
-  )) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.Card, { className: "overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.LoadingItems, { count: TICKETS_PAGE_SIZE, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketRow, { loading: true, "data-loading-item": true }) }) });
 }
 
 // src/components/tickets/help-center-list.tsx
@@ -1465,7 +1469,17 @@ function TicketListSkeleton() {
 // src/components/tickets/help-center-card.tsx
 
 
-function HelpCenterCard({
+var HELP_CENTER_ROW_CLASS = "border-b border-ods-border last:border-b-0";
+var HELP_CENTER_SUMMARY_PAD_CLASS = "w-full p-[12px] content-md:p-[16px]";
+function HelpCenterCard(props) {
+  const inScope = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
+  if (inScope || props.ticket === null) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCardSkeleton, { id: props.id, ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCardLoaded, { ...props });
+}
+function HelpCenterCardSkeleton({ id, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id, className: HELP_CENTER_ROW_CLASS, "aria-hidden": true, ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: HELP_CENTER_SUMMARY_PAD_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXHJI7R4Jcjs.DevCardRowContent, { loading: true, title: "", subtitle: "", description: "", rightBadges: null }) }) });
+}
+function HelpCenterCardLoaded({
   ticket,
   expanded,
   onToggle,
@@ -1477,12 +1491,13 @@ function HelpCenterCard({
   onActionCollapsed,
   replyError,
   onClearReplyError,
-  id
+  id,
+  ...props
 }) {
   const optimistic = isOptimistic(ticket);
   const rawStatus = (_nullishCoalesce(ticket.status, () => ( "OPEN"))).toUpperCase();
   const priority = (_nullishCoalesce(ticket.priority, () => ( ""))).toUpperCase();
-  const relativeUpdated = ticket.hubspot_updated_at ? _chunkLBGAHB6Xcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : "recently";
+  const relativeUpdated = ticket.hubspot_updated_at ? _chunkT7SDYBSTcjs.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)), () => ( ""));
@@ -1501,12 +1516,14 @@ function HelpCenterCard({
     });
     return () => cancelAnimationFrame(raf);
   }, [isExpanded]);
-  const live = _chunkU5VQFKRZcjs.useOptionalTicketLive.call(void 0, );
-  const unreadCount = !optimistic && ticket.external_id && _optionalChain([live, 'optionalAccess', _65 => _65.unreadByTicket, 'access', _66 => _66[ticket.external_id]]) || 0;
+  const live = _chunkLDGR5VCKcjs.useOptionalTicketLive.call(void 0, );
+  const unreadCount = !optimistic && ticket.external_id && _optionalChain([live, 'optionalAccess', _64 => _64.unreadByTicket, 'access', _65 => _65[ticket.external_id]]) || 0;
   const rightBadges = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    unreadCount > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkMQPTOJMFcjs.StatusBadge,
+    unreadCount > 0 && // Only rows with unread replies carry it; the row's loading form draws the status badge alone.
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkJQWYXC2Ecjs.StatusBadge,
       {
+        "data-loading-optional": true,
         text: `${unreadCount} NEW`,
         colorScheme: "warning",
         variant: "card",
@@ -1514,17 +1531,19 @@ function HelpCenterCard({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkMQPTOJMFcjs.StatusBadge,
+      _chunkJQWYXC2Ecjs.StatusBadge,
       {
         text: rawStatus,
-        colorScheme: _chunkCGQ7CL62cjs.getStatusColorScheme.call(void 0, rawStatus),
+        colorScheme: _chunkOHXB6HUXcjs.getStatusColorScheme.call(void 0, rawStatus),
         variant: "card",
         className: "border border-ods-border"
       }
     ),
-    priority && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkMQPTOJMFcjs.StatusBadge,
+    priority && // Not every ticket states a priority; the row's loading form draws the status badge alone.
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkJQWYXC2Ecjs.StatusBadge,
       {
+        "data-loading-optional": true,
         text: priority,
         colorScheme: mapPriorityScheme(priority),
         variant: "card",
@@ -1538,20 +1557,21 @@ function HelpCenterCard({
       ref: rowRef,
       id,
       style: { scrollMarginTop: _chunkOJZBZH56cjs.STICKY_HEADER_OFFSET_PX },
-      className: `border-b border-ods-border last:border-b-0 ${optimistic ? "opacity-60" : ""}`,
+      className: `${HELP_CENTER_ROW_CLASS} ${optimistic ? "opacity-60" : ""}`,
       "aria-busy": optimistic || void 0,
+      ..._chunkN6YCOBLKcjs.loadingItemProps.call(void 0, props),
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
+          _chunkCDBFQVPAcjs.Button,
           {
+            variant: "card",
             type: "button",
             onClick: isExpandable ? handleClick : void 0,
             disabled: !isExpandable,
             "aria-expanded": isExpandable ? isExpanded : void 0,
             "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, 
-              _chunkJMFF3L3Tcjs.DevCardRowContent,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "block", HELP_CENTER_SUMMARY_PAD_CLASS), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkXHJI7R4Jcjs.DevCardRowContent,
               {
                 title,
                 subtitle,
@@ -1559,7 +1579,7 @@ function HelpCenterCard({
                 emptyDescription: "No description provided",
                 rightBadges
               }
-            )
+            ) })
           }
         ),
         isExpanded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: `help-center-drawer-${ticket.id}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1590,44 +1610,14 @@ function mapPriorityScheme(priority) {
 
 
 var SUBJECT_MAX_CHARS = 200;
-function HelpCenterCreateFormSkeleton({
-  region = true
-} = {}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _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, _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, _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, _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, _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, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-4 w-72 rounded" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-12 w-32 rounded" })
-          ] })
-        ] })
-      ]
-    }
-  );
+function HelpCenterCreateForm(props) {
+  const scoped = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, );
+  if (props.loading || scoped) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.AnnouncedLoadingScope, { label: "Loading the form", active: true, className: "contents", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormBody, { sessionName: "", sessionEmail: "" }) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormBody, { ...props });
 }
-function HelpCenterCreateForm({
+function HelpCenterCreateFormBody({
   actions,
   sessionName,
   sessionEmail,
@@ -1636,12 +1626,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, _chunkFL2RMEDXcjs.Label, { htmlFor: "help-center-subject", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkT4ZVKEDPcjs.Label, { htmlFor: "help-center-subject", children: [
       "Subject",
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYXDHVHB2cjs.RequiredMark, {})
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKWV23THOcjs.RequiredMark, {})
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYXDHVHB2cjs.Input,
+      _chunkKWV23THOcjs.Input,
       {
         id: "help-center-subject",
         type: "text",
@@ -1662,7 +1652,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, 
-    _chunkG2N7INFTcjs.ContactForm,
+    _chunk5PBWAF2Dcjs.ContactForm,
     {
       rescue: null,
       title: "Open a new ticket",
@@ -1683,6 +1673,7 @@ function HelpCenterCreateForm({
           throw new Error("SUBJECT_REQUIRED");
         }
         setSubjectError(null);
+        if (!actions) throw new Error("TICKET_FORM_LOADING");
         const ok = await actions.submitTicket({
           subject: trimmedSubject,
           content: data.message,
@@ -1700,31 +1691,31 @@ function HelpCenterCreateForm({
 
 // src/components/tickets/help-center-list.tsx
 
-function HelpCenterList({ toast: toast2 = _chunk5PK22JP7cjs.toast, backButton, title, shell } = {}) {
-  const identity = _chunkTZP7PSPGcjs.useChatIdentity.call(void 0, );
+function HelpCenterList({ toast: toast2 = _chunkZV6RQNXEcjs.toast, backButton, title, shell } = {}) {
+  const identity = _chunkFWJ5YECNcjs.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(_chunkS3YDUX2Icjs.DEV_SECTION_PARAM_KEYS.search) || "";
+  const search = searchParams.get(_chunkHLZUBJPLcjs.DEV_SECTION_PARAM_KEYS.search) || "";
   const status = searchParams.get("status") || "all";
-  const ticketParam = searchParams.get(_chunkS3YDUX2Icjs.TICKET_OPEN_PARAM) || "";
+  const ticketParam = searchParams.get(_chunkHLZUBJPLcjs.TICKET_OPEN_PARAM) || "";
   const page = _chunkBLH2SFOOcjs.positiveInt.call(void 0, searchParams.get("page"), 1);
   if (identity.isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJMFF3L3Tcjs.DevSectionPage,
+      _chunkXHJI7R4Jcjs.DevSectionPage,
       {
         sectionKey: "tickets",
         backButton,
         title,
         shell,
-        preControls: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormSkeleton, {}),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMFF3L3Tcjs.DevCardRowSkeletonList, { rows: TICKETS_PAGE_SIZE })
+        preControls: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateForm, { loading: true }),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterRowsFrame, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.LoadingItems, { count: TICKETS_PAGE_SIZE, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCard, { ticket: null, "data-loading-item": true }) }) })
       }
     );
   }
-  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _67 => _67.user, 'optionalAccess', _68 => _68.email])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMFF3L3Tcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkY6MQBLTZcjs.EmptyState,
+  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _66 => _66.user, 'optionalAccess', _67 => _67.email])) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXHJI7R4Jcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkZPYFPLPDcjs.EmptyState,
       {
         type: "generic",
         title: "Sign in to manage tickets",
@@ -1733,7 +1724,7 @@ function HelpCenterList({ toast: toast2 = _chunk5PK22JP7cjs.toast, backButton, t
       }
     ) });
   }
-  const sessionName = [_optionalChain([identity, 'access', _69 => _69.user, 'optionalAccess', _70 => _70.firstName]), _optionalChain([identity, 'access', _71 => _71.user, 'optionalAccess', _72 => _72.lastName])].filter(Boolean).join(" ").trim() || _optionalChain([identity, 'access', _73 => _73.user, 'optionalAccess', _74 => _74.email, 'optionalAccess', _75 => _75.split, 'call', _76 => _76("@"), 'access', _77 => _77[0]]) || "Customer";
+  const sessionName = [_optionalChain([identity, 'access', _68 => _68.user, 'optionalAccess', _69 => _69.firstName]), _optionalChain([identity, 'access', _70 => _70.user, 'optionalAccess', _71 => _71.lastName])].filter(Boolean).join(" ").trim() || _optionalChain([identity, 'access', _72 => _72.user, 'optionalAccess', _73 => _73.email, 'optionalAccess', _74 => _74.split, 'call', _75 => _75("@"), 'access', _76 => _76[0]]) || "Customer";
   const sessionEmail = identity.user.email;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     HelpCenterListAuthed,
@@ -1775,8 +1766,8 @@ function HelpCenterListAuthed({
   const setOpenTicket = _react.useCallback.call(void 0, 
     (externalId) => {
       const params = new URLSearchParams(searchParams.toString());
-      if (externalId) params.set(_chunkS3YDUX2Icjs.TICKET_OPEN_PARAM, externalId);
-      else params.delete(_chunkS3YDUX2Icjs.TICKET_OPEN_PARAM);
+      if (externalId) params.set(_chunkHLZUBJPLcjs.TICKET_OPEN_PARAM, externalId);
+      else params.delete(_chunkHLZUBJPLcjs.TICKET_OPEN_PARAM);
       const qs = params.toString();
       router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });
     },
@@ -1799,7 +1790,7 @@ function HelpCenterListAuthed({
     // status/pipeline change with no accompanying reply has no live
     // path until the next event/focus/reconnect.
   });
-  const expandedTicketId = ticketParam && _optionalChain([tickets, 'access', _78 => _78.find, 'call', _79 => _79((t) => t.external_id === ticketParam), 'optionalAccess', _80 => _80.id]) || null;
+  const expandedTicketId = ticketParam && _optionalChain([tickets, 'access', _77 => _77.find, 'call', _78 => _78((t) => t.external_id === ticketParam), 'optionalAccess', _79 => _79.id]) || null;
   const prependOptimistic = _react.useCallback.call(void 0, (placeholder) => {
     setOptimisticTickets((prev) => [placeholder, ...prev]);
   }, []);
@@ -1827,13 +1818,13 @@ function HelpCenterListAuthed({
   const toggleRow = _react.useCallback.call(void 0, 
     (id) => {
       const t = tickets.find((x) => x.id === id);
-      if (!_optionalChain([t, 'optionalAccess', _81 => _81.external_id])) return;
+      if (!_optionalChain([t, 'optionalAccess', _80 => _80.external_id])) return;
       setOpenTicket(t.external_id === ticketParam ? null : t.external_id);
     },
     [tickets, ticketParam, setOpenTicket]
   );
   const merged = [...optimisticTickets, ...tickets];
-  _chunk5PK22JP7cjs.useScrollToHash.call(void 0, tickets, { headerOffset: _chunkOJZBZH56cjs.STICKY_HEADER_OFFSET_PX });
+  _chunkZV6RQNXEcjs.useScrollToHash.call(void 0, tickets, { headerOffset: _chunkOJZBZH56cjs.STICKY_HEADER_OFFSET_PX });
   const hasActiveFilters = search !== "" || status !== "" && status !== "all";
   const hasResults = merged.length > 0;
   const form = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1851,17 +1842,10 @@ function HelpCenterListAuthed({
         "Couldn\u2019t load your tickets. ",
         error.message
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { type: "button", variant: "accent", onClick: () => refetch(), children: "Retry" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.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, _chunkJMFF3L3Tcjs.DevCardRowSkeletonList, { rows: pageSize }) : !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, _chunkJMFF3L3Tcjs.DevCardRowSkeletonList, { rows: 1 })
-    ) : !hasResults ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJMFF3L3Tcjs.ListEmptyState,
+    !error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading || !hasResults && isFetching ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterRowsFrame, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN6YCOBLKcjs.LoadingItems, { count: pageSize, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCard, { ticket: null, "data-loading-item": true }) }) }) : !hasResults ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkXHJI7R4Jcjs.ListEmptyState,
       {
         isFiltered: hasActiveFilters,
         filtered: {
@@ -1880,37 +1864,31 @@ function HelpCenterListAuthed({
           description: "Open one above to start the conversation with the support team."
         }
       }
-    ) : (
-      // `overflow-clip` (NOT `overflow-hidden`) — both visually
-      // clip the rounded corners, but `hidden` makes the element
-      // a "scroll container" per CSSOM spec, which causes
-      // `scrollIntoView` calls inside (`<HelpCenterCard>` click
-      // handlers) to try scrolling THIS div (can't, overflow
-      // hidden) instead of bubbling up to the window. `clip`
-      // keeps the visual clip but NOT the scroll-container
-      // status, so click-to-scroll actually moves the page.
-      /* @__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: _chunkS3YDUX2Icjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
-          ticket,
-          expanded: expandedTicketId === ticket.id,
-          onToggle: toggleRow,
-          busy: isOptimistic(ticket) ? false : actions.isRowBusy(ticket.id),
-          supportSystemDown,
-          onSendMessage: actions.sendMessage,
-          onClose: actions.closeTicket,
-          onReopen: actions.reopenTicket,
-          onActionCollapsed: () => setOpenTicket(null),
-          replyError: actions.replyErrorFor(ticket.external_id),
-          onClearReplyError: () => actions.clearReplyError(ticket.external_id)
-        },
-        ticket.id
-      )) })
-    ) }),
-    !error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY6MQBLTZcjs.UnifiedPagination, { currentPage: page, totalPages })
+    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterRowsFrame, { children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      HelpCenterCard,
+      {
+        "data-loading-item": true,
+        id: _chunkHLZUBJPLcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
+        ticket,
+        expanded: expandedTicketId === ticket.id,
+        onToggle: toggleRow,
+        busy: isOptimistic(ticket) ? false : actions.isRowBusy(ticket.id),
+        supportSystemDown,
+        onSendMessage: actions.sendMessage,
+        onClose: actions.closeTicket,
+        onReopen: actions.reopenTicket,
+        onActionCollapsed: () => setOpenTicket(null),
+        replyError: actions.replyErrorFor(ticket.external_id),
+        onClearReplyError: () => actions.clearReplyError(ticket.external_id)
+      },
+      ticket.id
+    )) }) }),
+    !error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZPYFPLPDcjs.UnifiedPagination, { currentPage: page, totalPages })
   ] });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMFF3L3Tcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXHJI7R4Jcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
+}
+function HelpCenterRowsFrame({ children }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full overflow-clip rounded-[6px] border border-ods-border bg-ods-card", children });
 }
 
 
@@ -1929,5 +1907,4 @@ function HelpCenterListAuthed({
 
 
 
-
-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;
+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.HelpCenterCreateForm = HelpCenterCreateForm; exports.HelpCenterList = HelpCenterList;