@flamingo-stack/openframe-frontend-core 0.0.214 → 0.0.215-snapshot.20260529010429

package/dist/components/tickets/index.cjs

@@ -9,11 +9,11 @@
 
 
 
-var _chunkKDNGUYZMcjs = require('../../chunk-KDNGUYZM.cjs');
+var _chunk2G3NXF6Jcjs = require('../../chunk-2G3NXF6J.cjs');
 require('../../chunk-VFKQMAUF.cjs');
 
 
-var _chunkIZL2KEH6cjs = require('../../chunk-IZL2KEH6.cjs');
+var _chunkNGFP4RVLcjs = require('../../chunk-NGFP4RVL.cjs');
 
 
 
@@ -36,7 +36,8 @@ var _chunkIZL2KEH6cjs = require('../../chunk-IZL2KEH6.cjs');
 
 
 
-var _chunkYZUUFTIKcjs = require('../../chunk-YZUUFTIK.cjs');
+
+var _chunkD4MNFY67cjs = require('../../chunk-D4MNFY67.cjs');
 
 
 var _chunkWT5JV2GScjs = require('../../chunk-WT5JV2GS.cjs');
@@ -99,7 +100,7 @@ function TicketOpenForm({
 }) {
   const [subject, setSubject] = _react.useState.call(void 0, "");
   const [content, setContent] = _react.useState.call(void 0, "");
-  const { attachments, readyAttachments, hasInflightUploads, addFiles, removeAttachment, clear } = _chunkYZUUFTIKcjs.useChatAttachments.call(void 0, );
+  const { attachments, readyAttachments, hasInflightUploads, addFiles, removeAttachment, clear } = _chunkD4MNFY67cjs.useChatAttachments.call(void 0, );
   const trimmedSubject = subject.trim();
   const trimmedContent = content.trim();
   const overCap = content.length > TICKET_TEXT_MAX_CHARS;
@@ -119,7 +120,7 @@ function TicketOpenForm({
       clear();
     }
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZUUFTIKcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col md:flex-row gap-6", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD4MNFY67cjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col md:flex-row gap-6", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0 md:max-w-md", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-2xl font-semibold text-ods-text-primary mb-2", children: "Need Support?" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-sm", children: "Can't find what you're looking for? Submit a support ticket below \u2014 we'll follow up shortly." }),
@@ -158,7 +159,7 @@ function TicketOpenForm({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYZUUFTIKcjs.Textarea,
+          _chunkD4MNFY67cjs.Textarea,
           {
             id: "ticket-content",
             placeholder: "Describe your issue or question in detail...",
@@ -182,7 +183,7 @@ function TicketOpenForm({
         )
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYZUUFTIKcjs.ChatAttachmentChipStrip,
+        _chunkD4MNFY67cjs.ChatAttachmentChipStrip,
         {
           attachments,
           onRemove: removeAttachment,
@@ -191,7 +192,7 @@ function TicketOpenForm({
       ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYZUUFTIKcjs.ChatAttachmentAddButton,
+          _chunkD4MNFY67cjs.ChatAttachmentAddButton,
           {
             attachmentsEnabled: !supportSystemDown,
             attachmentsCount: attachments.length,
@@ -229,7 +230,7 @@ _chunkUXZ3ZJ3Mcjs.init_button2.call(void 0, );
 
 var LIST_ENGAGEMENTS_ENDPOINT = "/api/chat/agent/list-engagements";
 function useTicketEngagements(externalTicketId, enabled = true) {
-  const identity = _chunkYZUUFTIKcjs.useChatIdentity.call(void 0, );
+  const identity = _chunkD4MNFY67cjs.useChatIdentity.call(void 0, );
   const identityKey = _nullishCoalesce(_optionalChain([identity, 'access', _ => _.user, 'optionalAccess', _2 => _2.email]), () => ( "anon"));
   const queryEnabled = enabled && identity.authTier !== "anon" && !!_optionalChain([identity, 'access', _3 => _3.user, 'optionalAccess', _4 => _4.email]) && !!externalTicketId && !externalTicketId.startsWith("temp-");
   const query = _reactquery.useQuery.call(void 0, {
@@ -243,7 +244,7 @@ function useTicketEngagements(externalTicketId, enabled = true) {
     refetchOnMount: "always",
     refetchOnWindowFocus: true,
     queryFn: async () => {
-      const response = await _chunkYZUUFTIKcjs.embedAuthedFetch.call(void 0, LIST_ENGAGEMENTS_ENDPOINT, {
+      const response = await _chunkD4MNFY67cjs.embedAuthedFetch.call(void 0, LIST_ENGAGEMENTS_ENDPOINT, {
         method: "POST",
         body: JSON.stringify({ ticket_id: externalTicketId })
       });
@@ -291,7 +292,7 @@ function TicketLinkedDeliveryCard({
     {
       className: `rounded-md border border-ods-border bg-ods-bg overflow-hidden ${_nullishCoalesce(className, () => ( ""))}`,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkKDNGUYZMcjs.DeliveryRow,
+        _chunk2G3NXF6Jcjs.DeliveryRow,
         {
           item,
           href: clickup.delivery_href,
@@ -311,40 +312,52 @@ function TicketDetailDrawer({
   onSendMessage,
   onClose,
   onReopen,
-  onActionCollapsed
+  onActionCollapsed,
+  replyError,
+  onClearReplyError
 }) {
   const isClosed = (_nullishCoalesce(ticket.status, () => ( ""))).toUpperCase() === "CLOSED";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-ods-card border-t border-ods-border px-4 py-4 flex flex-col gap-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AssignedAgentRow, { assignedOwner: ticket.assignedOwner }),
     ticket.clickup && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketLinkedDeliveryCard, { clickup: ticket.clickup }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs font-medium text-ods-text-secondary mb-2 uppercase tracking-wider", children: "Conversation" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTimelinePanel, { ticket })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t border-ods-border pt-4", children: isClosed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      ReopenAction,
-      {
-        ticketRef: { id: ticket.id, external_id: ticket.external_id },
-        busy,
-        supportSystemDown,
-        onReopen,
-        onActionCollapsed
-      }
-    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      OpenActions,
-      {
-        ticket,
-        busy,
-        supportSystemDown,
-        onSendMessage,
-        onClose,
-        onActionCollapsed
-      }
-    ) })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "border-t border-ods-border pt-4", children: [
+      replyError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        ReplyFailureBanner,
+        {
+          error: replyError,
+          onDismiss: _nullishCoalesce(onClearReplyError, () => ( (() => void 0)))
+        }
+      ),
+      isClosed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        ReopenAction,
+        {
+          ticketRef: { id: ticket.id, external_id: ticket.external_id },
+          busy,
+          supportSystemDown,
+          onReopen,
+          onActionCollapsed
+        }
+      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        OpenActions,
+        {
+          ticket,
+          busy,
+          supportSystemDown,
+          onSendMessage,
+          onClose,
+          onActionCollapsed
+        }
+      )
+    ] })
   ] });
 }
 var TURN_SEPARATOR_RE = /[\s]{1,16}---[\s]{1,16}/g;
 function TicketTimelinePanel({ ticket }) {
-  const identity = _chunkYZUUFTIKcjs.useChatIdentity.call(void 0, );
+  const identity = _chunkD4MNFY67cjs.useChatIdentity.call(void 0, );
   const externalId = isOptimistic(ticket) ? null : ticket.external_id;
   const { engagements, isLoading } = useTicketEngagements(externalId, !!externalId);
   const bodyTurns = ticket.body ? ticket.body.split(TURN_SEPARATOR_RE).map((t) => t.trim()).filter(Boolean) : [];
@@ -356,10 +369,10 @@ function TicketTimelinePanel({ ticket }) {
   const customerAvatar = isViewerTheCustomer ? _nullishCoalesce(_optionalChain([identity, 'access', _20 => _20.user, 'optionalAccess', _21 => _21.avatarUrl]), () => ( void 0)) : void 0;
   if (bodyTurns.length === 0 && engagements.length === 0) {
     if (isLoading) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKDNGUYZMcjs.ConversationCardRowSkeletonList, { rows: 2 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2G3NXF6Jcjs.ConversationCardRowSkeletonList, { rows: 2 });
     }
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKDNGUYZMcjs.EmptyState,
+      _chunk2G3NXF6Jcjs.EmptyState,
       {
         type: "generic",
         title: "No conversation yet",
@@ -374,7 +387,7 @@ function TicketTimelinePanel({ ticket }) {
       const role = i === 0 ? "Original message" : isResolution ? "Resolution" : `Update ${i}`;
       const text = isResolution ? turn.replace(/^\[Resolution\]\s*/, "") : turn;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkKDNGUYZMcjs.ConversationCardRow,
+        _chunk2G3NXF6Jcjs.ConversationCardRow,
         {
           author: customerName,
           role,
@@ -404,7 +417,7 @@ function TicketTimelinePanel({ ticket }) {
         avatarSrc = void 0;
       }
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkKDNGUYZMcjs.ConversationCardRow,
+        _chunk2G3NXF6Jcjs.ConversationCardRow,
         {
           author,
           role: "Reply",
@@ -421,7 +434,7 @@ function TicketTimelinePanel({ ticket }) {
     // content rendered — drawer is showing the customer's body
     // turns + cached engagements while a background refetch is
     // in flight. Single row keeps the placeholder modest.
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKDNGUYZMcjs.ConversationCardRowSkeletonList, { rows: 1 })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2G3NXF6Jcjs.ConversationCardRowSkeletonList, { rows: 1 })
   ] });
 }
 function mapEngagementAttachments(files) {
@@ -474,7 +487,7 @@ function OpenActions({
   const [messageText, setMessageText] = _react.useState.call(void 0, "");
   const [resolution, setResolution] = _react.useState.call(void 0, "");
   const [closeDialogOpen, setCloseDialogOpen] = _react.useState.call(void 0, false);
-  const attachments = _chunkYZUUFTIKcjs.useChatAttachments.call(void 0, );
+  const attachments = _chunkD4MNFY67cjs.useChatAttachments.call(void 0, );
   const disabled = busy || supportSystemDown;
   const ticketRef = { id: ticket.id, external_id: ticket.external_id };
   const hasText = messageText.trim().length > 0;
@@ -497,7 +510,7 @@ function OpenActions({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYZUUFTIKcjs.Textarea,
+        _chunkD4MNFY67cjs.Textarea,
         {
           value: messageText,
           onChange: (e) => setMessageText(e.target.value),
@@ -508,7 +521,7 @@ function OpenActions({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYZUUFTIKcjs.ChatAttachmentChipStrip,
+        _chunkD4MNFY67cjs.ChatAttachmentChipStrip,
         {
           attachments: attachments.attachments,
           onRemove: attachments.removeAttachment,
@@ -518,7 +531,7 @@ function OpenActions({
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between items-center gap-2 flex-wrap", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkYZUUFTIKcjs.ChatAttachmentAddButton,
+            _chunkD4MNFY67cjs.ChatAttachmentAddButton,
             {
               attachmentsEnabled: !supportSystemDown,
               attachmentsCount: attachments.attachments.length,
@@ -553,13 +566,13 @@ function OpenActions({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZUUFTIKcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYZUUFTIKcjs.AlertDialogContent, { className: "bg-ods-card border-ods-border", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYZUUFTIKcjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZUUFTIKcjs.AlertDialogTitle, { className: "text-ods-text-primary font-['DM_Sans'] text-[20px] font-semibold", children: "Close this ticket?" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZUUFTIKcjs.AlertDialogDescription, { className: "text-ods-text-secondary font-['DM_Sans'] text-[14px]", children: "Add an optional resolution note below. You can reopen the ticket later if needed." })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD4MNFY67cjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkD4MNFY67cjs.AlertDialogContent, { className: "bg-ods-card border-ods-border", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkD4MNFY67cjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD4MNFY67cjs.AlertDialogTitle, { className: "text-ods-text-primary font-['DM_Sans'] text-[20px] font-semibold", children: "Close this ticket?" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD4MNFY67cjs.AlertDialogDescription, { className: "text-ods-text-secondary font-['DM_Sans'] text-[14px]", children: "Add an optional resolution note below. You can reopen the ticket later if needed." })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYZUUFTIKcjs.Textarea,
+        _chunkD4MNFY67cjs.Textarea,
         {
           value: resolution,
           onChange: (e) => setResolution(e.target.value),
@@ -569,9 +582,9 @@ function OpenActions({
           className: "mt-2"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYZUUFTIKcjs.AlertDialogFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkD4MNFY67cjs.AlertDialogFooter, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYZUUFTIKcjs.AlertDialogCancel,
+          _chunkD4MNFY67cjs.AlertDialogCancel,
           {
             disabled: busy,
             className: "bg-transparent border-ods-border text-ods-text-primary hover:bg-ods-border",
@@ -579,7 +592,7 @@ function OpenActions({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYZUUFTIKcjs.AlertDialogAction,
+          _chunkD4MNFY67cjs.AlertDialogAction,
           {
             onClick: () => void confirmClose(),
             disabled: busy,
@@ -591,6 +604,56 @@ function OpenActions({
     ] }) })
   ] });
 }
+function ReplyFailureBanner({
+  error,
+  onDismiss
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: "mb-3 flex items-start gap-3 rounded-md border border-ods-attention-red-error bg-ods-attention-red-error-secondary px-3 py-2 text-sm text-ods-attention-red-error",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium leading-snug", children: error.message }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkUXZ3ZJ3Mcjs.Button,
+          {
+            type: "button",
+            variant: "transparent",
+            onClick: onDismiss,
+            "aria-label": "Dismiss reply failure",
+            className: "ml-auto px-2 py-0.5 text-xs font-medium uppercase tracking-wider text-ods-attention-red-error hover:bg-ods-attention-red-error/10 border-transparent",
+            children: "Dismiss"
+          }
+        )
+      ]
+    }
+  );
+}
+function AssignedAgentRow({
+  assignedOwner
+}) {
+  const trimmedName = _optionalChain([assignedOwner, 'optionalAccess', _30 => _30.name, 'optionalAccess', _31 => _31.trim, 'call', _32 => _32()]) || null;
+  const emailFallback = _optionalChain([assignedOwner, 'optionalAccess', _33 => _33.email, 'optionalAccess', _34 => _34.trim, 'call', _35 => _35()]) || 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-xs", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary uppercase tracking-wider font-medium", children: "Assigned to" }),
+    displayLabel ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-1.5 text-ods-text-primary font-medium", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkD4MNFY67cjs.SquareAvatar,
+        {
+          size: "sm",
+          variant: "round",
+          src: _nullishCoalesce(_optionalChain([assignedOwner, 'optionalAccess', _36 => _36.avatarUrl]), () => ( void 0)),
+          alt: displayLabel,
+          fallback: displayLabel
+        }
+      ),
+      displayLabel
+    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary italic", children: "Unassigned" })
+  ] });
+}
 
 // src/components/tickets/ticket-row.tsx
 
@@ -609,7 +672,7 @@ function TicketRow({
   const rowRef = _react.useRef.call(void 0, null);
   const handleClick = _react.useCallback.call(void 0, () => {
     onToggle(ticket.id);
-    _chunkYZUUFTIKcjs.scrollElementIntoView.call(void 0, rowRef.current, {
+    _chunkD4MNFY67cjs.scrollElementIntoView.call(void 0, rowRef.current, {
       adjustTargetY: (raw) => {
         if (!rowRef.current) return raw;
         const expandedDrawer = document.querySelector(
@@ -635,7 +698,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 ? _chunkYZUUFTIKcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : void 0,
+    timeAgo: ticket.hubspot_updated_at ? _chunkD4MNFY67cjs.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
@@ -650,7 +713,7 @@ function TicketRow({
       className: "border-b border-ods-border last:border-b-0",
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYZUUFTIKcjs.ChatTicketItem,
+          _chunkD4MNFY67cjs.ChatTicketItem,
           {
             ticket: tileData,
             onClick: optimistic ? void 0 : handleClick,
@@ -714,7 +777,7 @@ function useTicketsList(filters) {
         pageSize
       };
       if (statusFilter) body.status = statusFilter;
-      const response = await _chunkYZUUFTIKcjs.embedAuthedFetch.call(void 0, FIND_TICKET_ENDPOINT, {
+      const response = await _chunkD4MNFY67cjs.embedAuthedFetch.call(void 0, FIND_TICKET_ENDPOINT, {
         method: "POST",
         body: JSON.stringify(body)
       });
@@ -726,12 +789,12 @@ function useTicketsList(filters) {
     }
   });
   const data = query.data;
-  const totalCount = _nullishCoalesce(_nullishCoalesce(_optionalChain([data, 'optionalAccess', _30 => _30.totalCount]), () => ( _optionalChain([data, 'optionalAccess', _31 => _31.count]))), () => ( (_nullishCoalesce(_optionalChain([data, 'optionalAccess', _32 => _32.tickets, 'optionalAccess', _33 => _33.length]), () => ( 0)))));
-  const echoedPage = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _34 => _34.page]), () => ( page));
-  const echoedPageSize = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _35 => _35.pageSize]), () => ( pageSize));
-  const totalPages = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _36 => _36.totalPages]), () => ( Math.max(1, Math.ceil(totalCount / echoedPageSize))));
+  const totalCount = _nullishCoalesce(_nullishCoalesce(_optionalChain([data, 'optionalAccess', _37 => _37.totalCount]), () => ( _optionalChain([data, 'optionalAccess', _38 => _38.count]))), () => ( (_nullishCoalesce(_optionalChain([data, 'optionalAccess', _39 => _39.tickets, 'optionalAccess', _40 => _40.length]), () => ( 0)))));
+  const echoedPage = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _41 => _41.page]), () => ( page));
+  const echoedPageSize = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _42 => _42.pageSize]), () => ( pageSize));
+  const totalPages = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _43 => _43.totalPages]), () => ( Math.max(1, Math.ceil(totalCount / echoedPageSize))));
   return {
-    tickets: _nullishCoalesce(_optionalChain([data, 'optionalAccess', _37 => _37.tickets]), () => ( [])),
+    tickets: _nullishCoalesce(_optionalChain([data, 'optionalAccess', _44 => _44.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
@@ -753,7 +816,7 @@ 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', _38 => _38.tickets]), () => ( []))).length === 0),
+    isLoading: enabled && (data === void 0 || query.isFetching && (_nullishCoalesce(_optionalChain([data, 'optionalAccess', _45 => _45.tickets]), () => ( []))).length === 0),
     isFetching: query.isFetching,
     error: _nullishCoalesce(query.error, () => ( null)),
     refetch: () => {
@@ -771,6 +834,12 @@ function useTicketsList(filters) {
 
 
 var TICKET_ACTION_ENDPOINT = "/api/chat/agent/ticket-action";
+var REPLY_BANNER_CODES = /* @__PURE__ */ new Set([
+  "HUBSPOT_5XX",
+  "HUBSPOT_400_VALIDATION",
+  "HUBSPOT_404_THREAD",
+  "HUBSPOT_REPLY_UNKNOWN"
+]);
 var MIRROR_SYNC_BACKOFF_MS = [3e3, 6e3, 12e3];
 function useTicketActions(options) {
   const queryClient = _reactquery.useQueryClient.call(void 0, );
@@ -785,6 +854,26 @@ function useTicketActions(options) {
     setBusyRows(new Set(busyRowsRef.current));
   }, []);
   const isRowBusy = _react.useCallback.call(void 0, (id) => busyRows.has(id), [busyRows]);
+  const [replyErrorByTicket, setReplyErrorByTicket] = _react.useState.call(void 0, () => /* @__PURE__ */ new Map());
+  const setReplyError = _react.useCallback.call(void 0, 
+    (externalId, mapped) => {
+      setReplyErrorByTicket((prev) => {
+        const next = new Map(prev);
+        if (mapped) next.set(externalId, mapped);
+        else next.delete(externalId);
+        return next;
+      });
+    },
+    []
+  );
+  const replyErrorFor = _react.useCallback.call(void 0, 
+    (externalId) => _nullishCoalesce(replyErrorByTicket.get(externalId), () => ( null)),
+    [replyErrorByTicket]
+  );
+  const clearReplyError = _react.useCallback.call(void 0, 
+    (externalId) => setReplyError(externalId, null),
+    [setReplyError]
+  );
   const watcherControllersRef = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
   _react.useEffect.call(void 0, () => {
     return () => {
@@ -802,7 +891,7 @@ function useTicketActions(options) {
   }, []);
   const executeTicketAction = _react.useCallback.call(void 0, 
     async (toolName, args) => {
-      const res = await _chunkYZUUFTIKcjs.embedAuthedFetch.call(void 0, TICKET_ACTION_ENDPOINT, {
+      const res = await _chunkD4MNFY67cjs.embedAuthedFetch.call(void 0, TICKET_ACTION_ENDPOINT, {
         method: "POST",
         body: JSON.stringify({ tool_name: toolName, args })
       });
@@ -862,9 +951,11 @@ function useTicketActions(options) {
     },
     [queryClient, removeOptimistic, toast2]
   );
+  const lastUpdateErrorRef = _react.useRef.call(void 0, null);
   const surfaceError = _react.useCallback.call(void 0, 
     (err, action) => {
       const mapped = mapTicketActionError(err);
+      lastUpdateErrorRef.current = mapped;
       if (mapped.supportSystemDown) onSupportSystemDown();
       toast2({
         title: `Could not ${action}`,
@@ -899,6 +990,10 @@ function useTicketActions(options) {
         // seconds via the mirror refetch. Drawer uses live chat
         // identity for own-replies during this window anyway.
         customer_name: null,
+        // No assignee until the real ticket lands. Drawer renders
+        // "Unassigned" for this brief window.
+        assigned_to: null,
+        assignedOwner: null,
         hubspot_updated_at: (/* @__PURE__ */ new Date()).toISOString(),
         _optimistic: true
       };
@@ -908,7 +1003,7 @@ function useTicketActions(options) {
           const result = await executeTicketAction("create_ticket", {
             subject: input.subject.trim(),
             content: input.content.trim(),
-            ..._optionalChain([input, 'access', _39 => _39.attachments, 'optionalAccess', _40 => _40.length]) ? { attachments: input.attachments } : {}
+            ..._optionalChain([input, 'access', _46 => _46.attachments, 'optionalAccess', _47 => _47.length]) ? { attachments: input.attachments } : {}
           });
           if (result.mirror_synced === false) {
             toast2(TOAST_COPY.open_mirror_pending);
@@ -974,12 +1069,13 @@ function useTicketActions(options) {
     [setRowBusy, enqueue, executeTicketAction, queryClient, toast2, surfaceError, removeTicketFromCache]
   );
   const sendMessage = _react.useCallback.call(void 0, 
-    (ticket, text, attachments) => {
+    async (ticket, text, attachments) => {
       const trimmed = text.trim();
       const hasText = trimmed.length > 0;
       const hasFiles = attachments.length > 0;
-      if (!hasText && !hasFiles) return Promise.resolve(false);
-      return updateTicket(
+      if (!hasText && !hasFiles) return false;
+      lastUpdateErrorRef.current = null;
+      const ok = await updateTicket(
         ticket,
         {
           ...hasText ? { content_addendum: trimmed } : {},
@@ -988,15 +1084,25 @@ function useTicketActions(options) {
         TOAST_COPY.comment_success,
         "send message"
       );
+      if (ok) {
+        clearReplyError(ticket.external_id);
+      } else {
+        const mapped = lastUpdateErrorRef.current;
+        if (mapped && REPLY_BANNER_CODES.has(mapped.code)) {
+          setReplyError(ticket.external_id, mapped);
+        }
+        lastUpdateErrorRef.current = null;
+      }
+      return ok;
     },
-    [updateTicket]
+    [updateTicket, clearReplyError, setReplyError]
   );
   const closeTicket = _react.useCallback.call(void 0, 
     (ticket, resolution) => updateTicket(
       ticket,
       {
         status: "CLOSED",
-        ..._optionalChain([resolution, 'optionalAccess', _41 => _41.trim, 'call', _42 => _42()]) ? { resolution: resolution.trim() } : {}
+        ..._optionalChain([resolution, 'optionalAccess', _48 => _48.trim, 'call', _49 => _49()]) ? { resolution: resolution.trim() } : {}
       },
       TOAST_COPY.close_success,
       "close ticket"
@@ -1014,9 +1120,20 @@ function useTicketActions(options) {
       closeTicket,
       reopenTicket,
       isSubmittingForm,
-      isRowBusy
+      isRowBusy,
+      replyErrorFor,
+      clearReplyError
     }),
-    [submitTicket, sendMessage, closeTicket, reopenTicket, isSubmittingForm, isRowBusy]
+    [
+      submitTicket,
+      sendMessage,
+      closeTicket,
+      reopenTicket,
+      isSubmittingForm,
+      isRowBusy,
+      replyErrorFor,
+      clearReplyError
+    ]
   );
 }
 var TicketActionFailure = class extends Error {
@@ -1058,7 +1175,7 @@ function mapTicketActionError(err) {
           removeRowFromCache: false
         };
       case "RATE_LIMITED": {
-        const retryAfterRaw = _optionalChain([err, 'access', _43 => _43.response, 'optionalAccess', _44 => _44.headers, 'access', _45 => _45.get, 'call', _46 => _46("Retry-After")]);
+        const retryAfterRaw = _optionalChain([err, 'access', _50 => _50.response, 'optionalAccess', _51 => _51.headers, 'access', _52 => _52.get, 'call', _53 => _53("Retry-After")]);
         const retryAfterSeconds = retryAfterRaw ? parseInt(retryAfterRaw, 10) : void 0;
         return {
           code: err.code,
@@ -1075,6 +1192,34 @@ function mapTicketActionError(err) {
           supportSystemDown: false,
           removeRowFromCache: false
         };
+      case "HUBSPOT_5XX":
+        return {
+          code: err.code,
+          message: "We couldn't reach the support system. Your reply wasn't sent \u2014 please retry in a moment.",
+          supportSystemDown: false,
+          removeRowFromCache: false
+        };
+      case "HUBSPOT_400_VALIDATION":
+        return {
+          code: err.code,
+          message: "Your reply was rejected. Please rephrase or remove unsupported content and try again.",
+          supportSystemDown: false,
+          removeRowFromCache: false
+        };
+      case "HUBSPOT_404_THREAD":
+        return {
+          code: err.code,
+          message: "This conversation is no longer accepting replies. Open a new ticket to continue.",
+          supportSystemDown: false,
+          removeRowFromCache: false
+        };
+      case "HUBSPOT_REPLY_UNKNOWN":
+        return {
+          code: err.code,
+          message: "Your reply didn't go through. Please retry.",
+          supportSystemDown: false,
+          removeRowFromCache: false
+        };
       default:
         return {
           code: "UNKNOWN",
@@ -1116,13 +1261,13 @@ function resolveErrorCode(bodyCode, status) {
 // src/components/tickets/ticket-center.tsx
 
 function TicketCenter({ toast: toast2 = _chunkWT5JV2GScjs.toast } = {}) {
-  const identity = _chunkYZUUFTIKcjs.useChatIdentity.call(void 0, );
+  const identity = _chunkD4MNFY67cjs.useChatIdentity.call(void 0, );
   if (identity.isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCenterSkeleton, {});
   }
-  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _47 => _47.user, 'optionalAccess', _48 => _48.email])) {
+  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _54 => _54.user, 'optionalAccess', _55 => _55.email])) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKDNGUYZMcjs.EmptyState,
+      _chunk2G3NXF6Jcjs.EmptyState,
       {
         type: "generic",
         title: "Sign in to manage tickets",
@@ -1193,7 +1338,7 @@ function TicketCenterAuthed({
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 text-xs text-ods-text-secondary", children: [
           lastUpdatedAt && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
             "Updated ",
-            _chunkYZUUFTIKcjs.formatRelativeTime.call(void 0, new Date(lastUpdatedAt))
+            _chunkD4MNFY67cjs.formatRelativeTime.call(void 0, new Date(lastUpdatedAt))
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkUXZ3ZJ3Mcjs.Button,
@@ -1209,15 +1354,15 @@ function TicketCenterAuthed({
           )
         ] })
       ] }),
-      isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {}) : merged.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZUUFTIKcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkKDNGUYZMcjs.EmptyState,
+      isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {}) : merged.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD4MNFY67cjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk2G3NXF6Jcjs.EmptyState,
         {
           type: "generic",
           title: "No tickets yet",
           description: "Open one above to start the conversation.",
           showCTA: false
         }
-      ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZUUFTIKcjs.Card, { className: "overflow-hidden", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD4MNFY67cjs.Card, { className: "overflow-hidden", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         TicketRow,
         {
           ticket,
@@ -1237,7 +1382,7 @@ function TicketCenterAuthed({
 }
 function TicketCenterSkeleton() {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYZUUFTIKcjs.Card, { className: "p-6", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkD4MNFY67cjs.Card, { className: "p-6", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUXZ3ZJ3Mcjs.Skeleton, { className: "h-7 w-48 mb-4" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUXZ3ZJ3Mcjs.Skeleton, { className: "h-10 w-full mb-3" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUXZ3ZJ3Mcjs.Skeleton, { className: "h-24 w-full" })
@@ -1246,7 +1391,7 @@ function TicketCenterSkeleton() {
   ] });
 }
 function TicketListSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZUUFTIKcjs.Card, { className: "overflow-hidden", children: [0, 1, 2].map((i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "h-20 px-4 flex items-center gap-4 border-b border-ods-border last:border-b-0", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD4MNFY67cjs.Card, { className: "overflow-hidden", children: [0, 1, 2].map((i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "h-20 px-4 flex items-center gap-4 border-b border-ods-border last:border-b-0", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 flex flex-col gap-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUXZ3ZJ3Mcjs.Skeleton, { className: "h-4 w-2/3" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUXZ3ZJ3Mcjs.Skeleton, { className: "h-3 w-full" })
@@ -1259,7 +1404,7 @@ function TicketListSkeleton() {
 // src/components/tickets/help-center-list.tsx
 
 
-_chunkKDNGUYZMcjs.init_unified_pagination.call(void 0, );
+_chunk2G3NXF6Jcjs.init_unified_pagination.call(void 0, );
 
 // src/components/tickets/help-center-card.tsx
 
@@ -1274,12 +1419,14 @@ function HelpCenterCard({
   onSendMessage,
   onClose,
   onReopen,
-  onActionCollapsed
+  onActionCollapsed,
+  replyError,
+  onClearReplyError
 }) {
   const optimistic = isOptimistic(ticket);
   const rawStatus = (_nullishCoalesce(ticket.status, () => ( "OPEN"))).toUpperCase();
   const priority = (_nullishCoalesce(ticket.priority, () => ( ""))).toUpperCase();
-  const relativeUpdated = ticket.hubspot_updated_at ? _chunkYZUUFTIKcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : "recently";
+  const relativeUpdated = ticket.hubspot_updated_at ? _chunkD4MNFY67cjs.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)), () => ( ""));
@@ -1288,7 +1435,7 @@ function HelpCenterCard({
   const rowRef = _react.useRef.call(void 0, null);
   const handleClick = _react.useCallback.call(void 0, () => {
     onToggle(ticket.id);
-    _chunkYZUUFTIKcjs.scrollElementIntoView.call(void 0, rowRef.current, {
+    _chunkD4MNFY67cjs.scrollElementIntoView.call(void 0, rowRef.current, {
       headerOffset: STICKY_HEADER_OFFSET_PX,
       adjustTargetY: (raw) => {
         if (!rowRef.current) return raw;
@@ -1305,16 +1452,16 @@ function HelpCenterCard({
   }, [onToggle, ticket.id]);
   const rightBadges = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYZUUFTIKcjs.StatusBadge,
+      _chunkD4MNFY67cjs.StatusBadge,
       {
         text: rawStatus,
-        colorScheme: _chunkYZUUFTIKcjs.getStatusColorScheme.call(void 0, rawStatus),
+        colorScheme: _chunkD4MNFY67cjs.getStatusColorScheme.call(void 0, rawStatus),
         variant: "card",
         className: "border border-ods-border"
       }
     ),
     priority && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYZUUFTIKcjs.StatusBadge,
+      _chunkD4MNFY67cjs.StatusBadge,
       {
         text: priority,
         colorScheme: mapPriorityScheme(priority),
@@ -1341,7 +1488,7 @@ function HelpCenterCard({
             "aria-controls": isExpanded ? `help-center-drawer-${ticket.id}` : void 0,
             className: "w-full text-left p-[12px] md:p-[16px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-inset disabled:cursor-default",
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkKDNGUYZMcjs.DevCardRowContent,
+              _chunk2G3NXF6Jcjs.DevCardRowContent,
               {
                 title,
                 subtitle,
@@ -1361,7 +1508,9 @@ function HelpCenterCard({
             onSendMessage,
             onClose,
             onReopen,
-            onActionCollapsed
+            onActionCollapsed,
+            replyError,
+            onClearReplyError
           }
         ) })
       ]
@@ -1414,7 +1563,7 @@ 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, _chunkYZUUFTIKcjs.Label, { htmlFor: "help-center-subject", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkD4MNFY67cjs.Label, { htmlFor: "help-center-subject", children: [
       "Subject",
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
     ] }),
@@ -1446,7 +1595,7 @@ function HelpCenterCreateForm({
     )
   ] });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkIZL2KEH6cjs.ContactForm,
+    _chunkNGFP4RVLcjs.ContactForm,
     {
       title: "Open a new ticket",
       footerText: "The support team typically responds within one business day.",
@@ -1484,7 +1633,7 @@ function HelpCenterCreateForm({
 // src/components/tickets/help-center-list.tsx
 
 function HelpCenterList({ toast: toast2 = _chunkWT5JV2GScjs.toast } = {}) {
-  const identity = _chunkYZUUFTIKcjs.useChatIdentity.call(void 0, );
+  const identity = _chunkD4MNFY67cjs.useChatIdentity.call(void 0, );
   const searchParams = _chunkG7UE6RKVcjs.useSearchParams.call(void 0, );
   const router = _chunkG7UE6RKVcjs.useRouter.call(void 0, );
   const pathname = _chunkG7UE6RKVcjs.usePathname.call(void 0, );
@@ -1493,11 +1642,11 @@ function HelpCenterList({ toast: toast2 = _chunkWT5JV2GScjs.toast } = {}) {
   const rawPage = Number(searchParams.get("page"));
   const page = Number.isFinite(rawPage) && rawPage > 0 ? Math.floor(rawPage) : 1;
   if (identity.isLoading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKDNGUYZMcjs.DevSectionPage, { sectionKey: "tickets", preControls: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormSkeleton, {}), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKDNGUYZMcjs.DevCardRowSkeletonList, {}) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2G3NXF6Jcjs.DevSectionPage, { sectionKey: "tickets", preControls: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormSkeleton, {}), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2G3NXF6Jcjs.DevCardRowSkeletonList, {}) });
   }
-  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _49 => _49.user, 'optionalAccess', _50 => _50.email])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKDNGUYZMcjs.DevSectionPage, { sectionKey: "tickets", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKDNGUYZMcjs.EmptyState,
+  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _56 => _56.user, 'optionalAccess', _57 => _57.email])) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2G3NXF6Jcjs.DevSectionPage, { sectionKey: "tickets", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk2G3NXF6Jcjs.EmptyState,
       {
         type: "generic",
         title: "Sign in to manage tickets",
@@ -1506,7 +1655,7 @@ function HelpCenterList({ toast: toast2 = _chunkWT5JV2GScjs.toast } = {}) {
       }
     ) });
   }
-  const sessionName = [_optionalChain([identity, 'access', _51 => _51.user, 'optionalAccess', _52 => _52.firstName]), _optionalChain([identity, 'access', _53 => _53.user, 'optionalAccess', _54 => _54.lastName])].filter(Boolean).join(" ").trim() || _optionalChain([identity, 'access', _55 => _55.user, 'optionalAccess', _56 => _56.email, 'optionalAccess', _57 => _57.split, 'call', _58 => _58("@"), 'access', _59 => _59[0]]) || "Customer";
+  const sessionName = [_optionalChain([identity, 'access', _58 => _58.user, 'optionalAccess', _59 => _59.firstName]), _optionalChain([identity, 'access', _60 => _60.user, 'optionalAccess', _61 => _61.lastName])].filter(Boolean).join(" ").trim() || _optionalChain([identity, 'access', _62 => _62.user, 'optionalAccess', _63 => _63.email, 'optionalAccess', _64 => _64.split, 'call', _65 => _65("@"), 'access', _66 => _66[0]]) || "Customer";
   const sessionEmail = identity.user.email;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     HelpCenterListAuthed,
@@ -1597,15 +1746,15 @@ function HelpCenterListAuthed({
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUXZ3ZJ3Mcjs.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, _chunkKDNGUYZMcjs.DevCardRowSkeletonList, {}) : !hasResults && isFetching ? (
+    !error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2G3NXF6Jcjs.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, _chunkKDNGUYZMcjs.DevCardRowSkeletonList, { rows: 1 })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2G3NXF6Jcjs.DevCardRowSkeletonList, { rows: 1 })
     ) : !hasResults ? hasActiveFilters ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKDNGUYZMcjs.EmptyState,
+      _chunk2G3NXF6Jcjs.EmptyState,
       {
         type: "search",
         title: "No tickets found",
@@ -1620,7 +1769,7 @@ function HelpCenterListAuthed({
         }
       }
     ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKDNGUYZMcjs.EmptyState,
+      _chunk2G3NXF6Jcjs.EmptyState,
       {
         type: "generic",
         title: "No tickets yet",
@@ -1647,14 +1796,16 @@ function HelpCenterListAuthed({
           onSendMessage: actions.sendMessage,
           onClose: actions.closeTicket,
           onReopen: actions.reopenTicket,
-          onActionCollapsed: () => setExpandedTicketId(null)
+          onActionCollapsed: () => setExpandedTicketId(null),
+          replyError: actions.replyErrorFor(ticket.external_id),
+          onClearReplyError: () => actions.clearReplyError(ticket.external_id)
         },
         ticket.id
       )) })
     ) }),
-    !error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKDNGUYZMcjs.UnifiedPagination, { currentPage: page, totalPages })
+    !error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2G3NXF6Jcjs.UnifiedPagination, { currentPage: page, totalPages })
   ] });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKDNGUYZMcjs.DevSectionPage, { sectionKey: "tickets", preControls: form, children: body });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2G3NXF6Jcjs.DevSectionPage, { sectionKey: "tickets", preControls: form, children: body });
 }