@flamingo-stack/openframe-frontend-core 0.0.503 → 0.0.504-snapshot.20260801181709

package/dist/{chunk-3T4SMJM5.cjs → chunk-VDKNUC3N.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunk5RIHLXEPcjs = require('./chunk-5RIHLXEP.cjs');
+var _chunkDDVQ5NKKcjs = require('./chunk-DDVQ5NKK.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _chunk5RIHLXEPcjs = require('./chunk-5RIHLXEP.cjs');
 
 
 
-var _chunkJ4T5ZBWGcjs = require('./chunk-J4T5ZBWG.cjs');
+var _chunkBZRP54IOcjs = require('./chunk-BZRP54IO.cjs');
 
 
 
@@ -37,17 +37,18 @@ var _chunkJ4T5ZBWGcjs = require('./chunk-J4T5ZBWG.cjs');
 
 
 
-var _chunkDMXB3VE2cjs = require('./chunk-DMXB3VE2.cjs');
 
+var _chunkU3YLML53cjs = require('./chunk-U3YLML53.cjs');
 
 
 
 
 
-var _chunkFFXNRJ5Scjs = require('./chunk-FFXNRJ5S.cjs');
 
+var _chunkLOBR7IC6cjs = require('./chunk-LOBR7IC6.cjs');
 
-var _chunkLILQJ3UZcjs = require('./chunk-LILQJ3UZ.cjs');
+
+var _chunk3ENGUBJPcjs = require('./chunk-3ENGUBJP.cjs');
 
 
 
@@ -58,24 +59,24 @@ var _chunkSSJNN5BScjs = require('./chunk-SSJNN5BS.cjs');
 
 
 
-var _chunkL5CI57RMcjs = require('./chunk-L5CI57RM.cjs');
+var _chunkT3BF6JTQcjs = require('./chunk-T3BF6JTQ.cjs');
 
 // src/components/tickets/ticket-center.tsx
 var _react = require('react');
 var _reactquery = require('@tanstack/react-query');
-_chunkL5CI57RMcjs.init_button2.call(void 0, );
+_chunkT3BF6JTQcjs.init_button2.call(void 0, );
 var _lucidereact = require('lucide-react');
 
 // src/components/tickets/ticket-open-form.tsx
 
-_chunkL5CI57RMcjs.init_button2.call(void 0, );
+_chunkT3BF6JTQcjs.init_button2.call(void 0, );
 
 // src/components/tickets/types.ts
 function isOptimistic(t) {
   return t._optimistic === true;
 }
 var TICKET_TEXT_MAX_CHARS = 5e3;
-var TICKET_LIVE_POLL_MS = 8e3;
+var TICKET_MARK_READ_DEBOUNCE_MS = 2e3;
 var TOAST_COPY = {
   open_success: { title: "Ticket opened", description: "We received your message and will follow up shortly." },
   open_mirror_pending: { title: "Ticket opened", description: "Syncing \u2014 your ticket will appear momentarily." },
@@ -96,7 +97,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 } = _chunkDMXB3VE2cjs.useChatAttachments.call(void 0, );
+  const { attachments, readyAttachments, hasInflightUploads, addFiles, removeAttachment, clear } = _chunkU3YLML53cjs.useChatAttachments.call(void 0, );
   const trimmedSubject = subject.trim();
   const trimmedContent = content.trim();
   const overCap = content.length > TICKET_TEXT_MAX_CHARS;
@@ -116,7 +117,7 @@ function TicketOpenForm({
       clear();
     }
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDMXB3VE2cjs.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, _chunkU3YLML53cjs.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-h2 text-ods-text-primary mb-2", 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." }),
@@ -133,7 +134,7 @@ function TicketOpenForm({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkL5CI57RMcjs.Input,
+          _chunkT3BF6JTQcjs.Input,
           {
             id: "ticket-subject",
             type: "text",
@@ -155,7 +156,7 @@ function TicketOpenForm({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDMXB3VE2cjs.Textarea,
+          _chunkU3YLML53cjs.Textarea,
           {
             id: "ticket-content",
             placeholder: "Describe your issue or question in detail...",
@@ -179,7 +180,7 @@ function TicketOpenForm({
         )
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDMXB3VE2cjs.ChatAttachmentChipStrip,
+        _chunkU3YLML53cjs.ChatAttachmentChipStrip,
         {
           attachments,
           onRemove: removeAttachment,
@@ -188,7 +189,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, 
-          _chunkDMXB3VE2cjs.ChatAttachmentAddButton,
+          _chunkU3YLML53cjs.ChatAttachmentAddButton,
           {
             attachmentsEnabled: !supportSystemDown,
             attachmentsCount: attachments.length,
@@ -197,7 +198,7 @@ function TicketOpenForm({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkL5CI57RMcjs.Button,
+          _chunkT3BF6JTQcjs.Button,
           {
             type: "submit",
             disabled: !canSubmit,
@@ -219,16 +220,17 @@ var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
 // src/components/tickets/ticket-detail-drawer.tsx
-_chunkL5CI57RMcjs.init_button2.call(void 0, );
+_chunkT3BF6JTQcjs.init_button2.call(void 0, );
+
 var _usesticktobottom = require('use-stick-to-bottom');
 
 // src/components/tickets/hooks/use-ticket-engagements.ts
 
 var LIST_ENGAGEMENTS_ENDPOINT = "/api/chat/agent/list-engagements";
-function useTicketEngagements(externalTicketId, enabled = true, refetchInterval = false) {
-  const identity = _chunkDMXB3VE2cjs.useChatIdentity.call(void 0, );
+function useTicketEngagements(externalTicketId, enabled = true) {
+  const identity = _chunkU3YLML53cjs.useChatIdentity.call(void 0, );
   const identityKey = _nullishCoalesce(_optionalChain([identity, 'access', _2 => _2.user, 'optionalAccess', _3 => _3.email]), () => ( "anon"));
-  const listEngagementsEndpoint = _nullishCoalesce(_chunkLILQJ3UZcjs.useRequiredChatRuntime.call(void 0, ).endpoints.listEngagementsUrl, () => ( LIST_ENGAGEMENTS_ENDPOINT));
+  const listEngagementsEndpoint = _nullishCoalesce(_chunk3ENGUBJPcjs.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', _4 => _4.user, 'optionalAccess', _5 => _5.email]);
   const query = _reactquery.useQuery.call(void 0, {
@@ -241,13 +243,12 @@ function useTicketEngagements(externalTicketId, enabled = true, refetchInterval
     gcTime: 0,
     refetchOnMount: "always",
     refetchOnWindowFocus: true,
-    // Live conversation: poll while the caller opts in (drawer open). New
-    // agent replies + attachments appear within one interval without a
-    // manual refresh. `refetchIntervalInBackground` stays false (default)
-    // so polling pauses on a hidden tab.
-    refetchInterval,
+    // NO interval polling (deleted 2026-08): new agent replies arrive via
+    // `TicketLiveProvider`'s stream-driven invalidation of
+    // `['ticket-engagements', id]`; focus/mount refetch is the no-stream
+    // fallback.
     queryFn: async () => {
-      const response = await _chunkFFXNRJ5Scjs.embedAuthedFetch.call(void 0, listEngagementsEndpoint, {
+      const response = await _chunkLOBR7IC6cjs.embedAuthedFetch.call(void 0, listEngagementsEndpoint, {
         method: "POST",
         body: JSON.stringify({ ticket_id: externalTicketId })
       });
@@ -308,7 +309,7 @@ function TicketLinkedDeliveryCard({
     {
       className: `rounded-md border border-ods-border bg-ods-bg overflow-hidden ${_nullishCoalesce(className, () => ( ""))}`,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJ4T5ZBWGcjs.DeliveryRow,
+        _chunkBZRP54IOcjs.DeliveryRow,
         {
           item,
           href: clickup.delivery_href,
@@ -320,7 +321,7 @@ function TicketLinkedDeliveryCard({
 }
 
 // src/components/tickets/ticket-reply-composer.tsx
-_chunkL5CI57RMcjs.init_button2.call(void 0, );
+_chunkT3BF6JTQcjs.init_button2.call(void 0, );
 
 
 function TicketReplyComposer({
@@ -332,7 +333,7 @@ function TicketReplyComposer({
 }) {
   const [resolution, setResolution] = _react.useState.call(void 0, "");
   const [closeDialogOpen, setCloseDialogOpen] = _react.useState.call(void 0, false);
-  const attachments = _chunkDMXB3VE2cjs.useChatAttachments.call(void 0, );
+  const attachments = _chunkU3YLML53cjs.useChatAttachments.call(void 0, );
   const ticketRef = { id: ticket.id, external_id: ticket.external_id };
   const hasReadyFiles = attachments.readyAttachments.length > 0;
   const handleSend = _react.useCallback.call(void 0, 
@@ -360,7 +361,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, 
-      _chunkDMXB3VE2cjs.ChatAttachmentChipStrip,
+      _chunkU3YLML53cjs.ChatAttachmentChipStrip,
       {
         attachments: attachments.attachments,
         onRemove: attachments.removeAttachment,
@@ -369,7 +370,7 @@ function TicketReplyComposer({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkDMXB3VE2cjs.ChatInput,
+      _chunkU3YLML53cjs.ChatInput,
       {
         fullWidth: true,
         autoFocus: true,
@@ -383,7 +384,7 @@ function TicketReplyComposer({
     ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 w-full", children: [
       !supportSystemDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDMXB3VE2cjs.ChatAttachmentAddButton,
+        _chunkU3YLML53cjs.ChatAttachmentAddButton,
         {
           attachmentsEnabled: true,
           attachmentsCount: attachments.attachments.length,
@@ -394,7 +395,7 @@ function TicketReplyComposer({
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 min-w-0" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkL5CI57RMcjs.Button,
+        _chunkT3BF6JTQcjs.Button,
         {
           type: "button",
           variant: "transparent",
@@ -406,13 +407,13 @@ function TicketReplyComposer({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDMXB3VE2cjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDMXB3VE2cjs.AlertDialogContent, { className: "bg-ods-card border-ods-border", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDMXB3VE2cjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDMXB3VE2cjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDMXB3VE2cjs.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, _chunkU3YLML53cjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU3YLML53cjs.AlertDialogContent, { className: "bg-ods-card border-ods-border", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU3YLML53cjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU3YLML53cjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU3YLML53cjs.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, 
-        _chunkDMXB3VE2cjs.Textarea,
+        _chunkU3YLML53cjs.Textarea,
         {
           value: resolution,
           onChange: (e) => setResolution(e.target.value),
@@ -422,9 +423,9 @@ function TicketReplyComposer({
           className: "mt-2"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDMXB3VE2cjs.AlertDialogFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU3YLML53cjs.AlertDialogFooter, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDMXB3VE2cjs.AlertDialogCancel,
+          _chunkU3YLML53cjs.AlertDialogCancel,
           {
             disabled: busy,
             className: "bg-transparent border-ods-border text-ods-text-primary hover:bg-ods-border",
@@ -432,7 +433,7 @@ function TicketReplyComposer({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDMXB3VE2cjs.AlertDialogAction,
+          _chunkU3YLML53cjs.AlertDialogAction,
           {
             onClick: () => void confirmClose(),
             disabled: busy,
@@ -502,31 +503,53 @@ 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 = _chunkDMXB3VE2cjs.useChatIdentity.call(void 0, );
+  const identity = _chunkU3YLML53cjs.useChatIdentity.call(void 0, );
   const externalId = isOptimistic(ticket) ? null : ticket.external_id;
-  const { engagements, isLoading } = useTicketEngagements(
-    externalId,
-    !!externalId,
-    TICKET_LIVE_POLL_MS
-  );
+  const { engagements, isLoading } = useTicketEngagements(externalId, !!externalId);
+  const live = _chunkU3YLML53cjs.useOptionalTicketLive.call(void 0, );
+  const setOpenTicketId = _optionalChain([live, 'optionalAccess', _6 => _6.setOpenTicketId]);
+  const markRead = _optionalChain([live, 'optionalAccess', _7 => _7.markRead]);
+  const markReadDebounceRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (!externalId || !setOpenTicketId || !markRead) return;
+    setOpenTicketId(externalId);
+    void markRead(externalId);
+    return () => {
+      if (markReadDebounceRef.current) {
+        clearTimeout(markReadDebounceRef.current);
+        markReadDebounceRef.current = null;
+        void markRead(externalId);
+      }
+      setOpenTicketId(null);
+    };
+  }, [externalId, setOpenTicketId, markRead]);
+  const engagementsCount = engagements.length;
+  _react.useEffect.call(void 0, () => {
+    if (!externalId || !markRead || engagementsCount === 0) return;
+    if (markReadDebounceRef.current) clearTimeout(markReadDebounceRef.current);
+    markReadDebounceRef.current = setTimeout(() => {
+      markReadDebounceRef.current = null;
+      void markRead(externalId);
+    }, TICKET_MARK_READ_DEBOUNCE_MS);
+  }, [engagementsCount, externalId, markRead]);
   const { scrollRef, contentRef } = _usesticktobottom.useStickToBottom.call(void 0, { initial: "instant", resize: "smooth" });
   const bodyTurns = ticket.body ? ticket.body.split(TURN_SEPARATOR_RE).map((t) => t.trim()).filter(Boolean) : [];
   const customerEngagementBodies = new Set(
     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', _6 => _6.user, 'optionalAccess', _7 => _7.email, 'optionalAccess', _8 => _8.trim, 'call', _9 => _9(), 'access', _10 => _10.toLowerCase, 'call', _11 => _11()]), () => ( null));
+  const sessionEmailLower = _nullishCoalesce(_optionalChain([identity, 'access', _8 => _8.user, 'optionalAccess', _9 => _9.email, 'optionalAccess', _10 => _10.trim, 'call', _11 => _11(), 'access', _12 => _12.toLowerCase, 'call', _13 => _13()]), () => ( null));
   const isViewerTheCustomer = !!sessionEmailLower && ticket.customer_emails.some((e) => e.trim().toLowerCase() === sessionEmailLower);
-  const viewerName = _optionalChain([identity, 'access', _12 => _12.user, 'optionalAccess', _13 => _13.name, 'optionalAccess', _14 => _14.trim, 'call', _15 => _15()]) || null;
-  const ticketCustomerName = _optionalChain([ticket, 'access', _16 => _16.customer_name, 'optionalAccess', _17 => _17.trim, 'call', _18 => _18()]) || null;
-  const customerName = (isViewerTheCustomer ? viewerName : null) || ticketCustomerName || viewerName || _optionalChain([identity, 'access', _19 => _19.user, 'optionalAccess', _20 => _20.email]) || "You";
-  const customerAvatar = isViewerTheCustomer ? _nullishCoalesce(_optionalChain([identity, 'access', _21 => _21.user, 'optionalAccess', _22 => _22.avatarUrl]), () => ( void 0)) : void 0;
+  const viewerName = _optionalChain([identity, 'access', _14 => _14.user, 'optionalAccess', _15 => _15.name, 'optionalAccess', _16 => _16.trim, 'call', _17 => _17()]) || null;
+  const ticketCustomerName = _optionalChain([ticket, 'access', _18 => _18.customer_name, 'optionalAccess', _19 => _19.trim, 'call', _20 => _20()]) || null;
+  const customerName = (isViewerTheCustomer ? viewerName : null) || ticketCustomerName || viewerName || _optionalChain([identity, 'access', _21 => _21.user, 'optionalAccess', _22 => _22.email]) || "You";
+  const customerAvatar = isViewerTheCustomer ? _nullishCoalesce(_optionalChain([identity, 'access', _23 => _23.user, 'optionalAccess', _24 => _24.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, "div", { className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDMXB3VE2cjs.ChatMessageRowSkeleton, {}, i)) }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${TICKET_FEED_FRAME} ${TICKET_FEED_HEIGHT}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU3YLML53cjs.ChatMessageRowSkeleton, {}, i)) }) });
   }
   if (bodyTurns.length === 0 && engagements.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJ4T5ZBWGcjs.EmptyState,
+      _chunkBZRP54IOcjs.EmptyState,
       {
         type: "generic",
         title: "No conversation yet",
@@ -541,7 +564,7 @@ function TicketTimelinePanel({ ticket }) {
       const isResolution = turn.startsWith("[Resolution]");
       const text = isResolution ? turn.replace(/^\[Resolution\]\s*/, "") : turn;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDMXB3VE2cjs.ChatMessageRow,
+        _chunkU3YLML53cjs.ChatMessageRow,
         {
           displayName: customerName,
           avatarUrl: customerAvatar,
@@ -552,12 +575,12 @@ function TicketTimelinePanel({ ticket }) {
     }),
     engagements.map((eng) => {
       const isCustomer = eng.authorRole === "customer";
-      const isOwnReply = isCustomer && !!eng.authorId && !!_optionalChain([identity, 'access', _23 => _23.user, 'optionalAccess', _24 => _24.email]) && eng.authorId.toLowerCase() === identity.user.email.toLowerCase();
+      const isOwnReply = isCustomer && !!eng.authorId && !!_optionalChain([identity, 'access', _25 => _25.user, 'optionalAccess', _26 => _26.email]) && eng.authorId.toLowerCase() === identity.user.email.toLowerCase();
       let author;
       let avatarSrc;
       if (isCustomer && isOwnReply) {
-        author = _optionalChain([identity, 'access', _25 => _25.user, 'optionalAccess', _26 => _26.name, 'optionalAccess', _27 => _27.trim, 'call', _28 => _28()]) || customerName;
-        avatarSrc = _nullishCoalesce(_optionalChain([identity, 'access', _29 => _29.user, 'optionalAccess', _30 => _30.avatarUrl]), () => ( void 0));
+        author = _optionalChain([identity, 'access', _27 => _27.user, 'optionalAccess', _28 => _28.name, 'optionalAccess', _29 => _29.trim, 'call', _30 => _30()]) || customerName;
+        avatarSrc = _nullishCoalesce(_optionalChain([identity, 'access', _31 => _31.user, 'optionalAccess', _32 => _32.avatarUrl]), () => ( void 0));
       } else if (isCustomer) {
         author = ticketCustomerName || "Customer";
         avatarSrc = void 0;
@@ -570,13 +593,13 @@ function TicketTimelinePanel({ ticket }) {
       }
       const engAttachments = mapEngagementAttachments(eng.attachments);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDMXB3VE2cjs.ChatMessageRow,
+        _chunkU3YLML53cjs.ChatMessageRow,
         {
           displayName: author,
           avatarUrl: avatarSrc,
-          timeLabel: eng.createdAt ? _chunkDMXB3VE2cjs.formatRelativeTime.call(void 0, eng.createdAt) : null,
+          timeLabel: eng.createdAt ? _chunkU3YLML53cjs.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, _chunkDMXB3VE2cjs.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, _chunkU3YLML53cjs.TicketAttachmentsList, { attachments: engAttachments, size: "compact" }) }) : null
         },
         eng.id
       );
@@ -591,7 +614,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: f.url && (_nullishCoalesce(_optionalChain([f, 'access', _31 => _31.mime, 'optionalAccess', _32 => _32.startsWith, 'call', _33 => _33("image/")]), () => ( false))) ? f.url : void 0,
+    thumbnailSrc: f.url && (_nullishCoalesce(_optionalChain([f, 'access', _33 => _33.mime, 'optionalAccess', _34 => _34.startsWith, 'call', _35 => _35("image/")]), () => ( false))) ? f.url : void 0,
     onDownload: f.url ? () => window.open(f.url, "_blank", "noopener,noreferrer") : void 0
   }));
 }
@@ -615,7 +638,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, 
-    _chunkL5CI57RMcjs.Button,
+    _chunkT3BF6JTQcjs.Button,
     {
       type: "button",
       variant: "outline",
@@ -640,7 +663,7 @@ function ReplyFailureBanner({
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium leading-snug", children: error.message }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkL5CI57RMcjs.Button,
+          _chunkT3BF6JTQcjs.Button,
           {
             type: "button",
             variant: "transparent",
@@ -657,18 +680,18 @@ function ReplyFailureBanner({
 function AssignedAgentRow({
   assignedOwner
 }) {
-  const trimmedName = _optionalChain([assignedOwner, 'optionalAccess', _34 => _34.name, 'optionalAccess', _35 => _35.trim, 'call', _36 => _36()]) || null;
-  const emailFallback = _optionalChain([assignedOwner, 'optionalAccess', _37 => _37.email, 'optionalAccess', _38 => _38.trim, 'call', _39 => _39()]) || null;
+  const trimmedName = _optionalChain([assignedOwner, 'optionalAccess', _36 => _36.name, 'optionalAccess', _37 => _37.trim, 'call', _38 => _38()]) || null;
+  const emailFallback = _optionalChain([assignedOwner, 'optionalAccess', _39 => _39.email, 'optionalAccess', _40 => _40.trim, 'call', _41 => _41()]) || 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-h5 text-ods-text-secondary", 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, 
-        _chunkDMXB3VE2cjs.SquareAvatar,
+        _chunkU3YLML53cjs.SquareAvatar,
         {
           size: "sm",
           variant: "round",
-          src: _nullishCoalesce(_optionalChain([assignedOwner, 'optionalAccess', _40 => _40.avatarUrl]), () => ( void 0)),
+          src: _nullishCoalesce(_optionalChain([assignedOwner, 'optionalAccess', _42 => _42.avatarUrl]), () => ( void 0)),
           alt: displayLabel,
           fallback: displayLabel
         }
@@ -696,7 +719,7 @@ function TicketRow({
   const rowRef = _react.useRef.call(void 0, null);
   const handleClick = _react.useCallback.call(void 0, () => {
     onToggle(ticket.id);
-    _chunkFFXNRJ5Scjs.scrollElementIntoView.call(void 0, rowRef.current, {
+    _chunkLOBR7IC6cjs.scrollElementIntoView.call(void 0, rowRef.current, {
       adjustTargetY: (raw) => {
         if (!rowRef.current) return raw;
         const expandedDrawer = document.querySelector(
@@ -722,7 +745,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 ? _chunkDMXB3VE2cjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : void 0,
+    timeAgo: ticket.hubspot_updated_at ? _chunkU3YLML53cjs.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
@@ -737,7 +760,7 @@ function TicketRow({
       className: "border-b border-ods-border last:border-b-0",
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDMXB3VE2cjs.ChatTicketItem,
+          _chunkU3YLML53cjs.ChatTicketItem,
           {
             ticket: tileData,
             onClick: optimistic ? void 0 : handleClick,
@@ -774,7 +797,7 @@ function TicketRow({
 var FIND_TICKET_ENDPOINT = "/api/chat/agent/find-ticket";
 var DEFAULT_PAGE_SIZE = 20;
 function useTicketsList(filters) {
-  const findTicketEndpoint = _nullishCoalesce(_chunkLILQJ3UZcjs.useRequiredChatRuntime.call(void 0, ).endpoints.findTicketUrl, () => ( FIND_TICKET_ENDPOINT));
+  const findTicketEndpoint = _nullishCoalesce(_chunk3ENGUBJPcjs.useRequiredChatRuntime.call(void 0, ).endpoints.findTicketUrl, () => ( FIND_TICKET_ENDPOINT));
   const customerEmail = filters.customerEmail;
   const search = (_nullishCoalesce(filters.search, () => ( ""))).trim();
   const status = (_nullishCoalesce(filters.status, () => ( ""))).trim().toLowerCase();
@@ -783,7 +806,6 @@ function useTicketsList(filters) {
   const pageSize = Math.max(1, Math.min(100, Math.floor(_nullishCoalesce(filters.pageSize, () => ( DEFAULT_PAGE_SIZE))) || DEFAULT_PAGE_SIZE));
   const enabled = !!customerEmail;
   const identityKey = customerEmail || "anon";
-  const refetchInterval = _nullishCoalesce(filters.refetchInterval, () => ( false));
   const query = _reactquery.useQuery.call(void 0, {
     queryKey: ["tickets", "self", identityKey, search, statusFilter, page, pageSize],
     enabled,
@@ -796,10 +818,8 @@ function useTicketsList(filters) {
     gcTime: 0,
     refetchOnMount: "always",
     refetchOnWindowFocus: true,
-    // Live status: poll while the caller opts in (drawer open). Defaults to
-    // false. `refetchIntervalInBackground` stays false (the default) so polling
-    // pauses on a hidden tab — no wasted requests when the user tabs away.
-    refetchInterval,
+    // NO interval polling (deleted 2026-08): live freshness is push-driven
+    // — `TicketLiveProvider` invalidates `['tickets']` on stream events.
     queryFn: async () => {
       const body = {
         query: search,
@@ -807,7 +827,7 @@ function useTicketsList(filters) {
         pageSize
       };
       if (statusFilter) body.status = statusFilter;
-      const response = await _chunkFFXNRJ5Scjs.embedAuthedFetch.call(void 0, findTicketEndpoint, {
+      const response = await _chunkLOBR7IC6cjs.embedAuthedFetch.call(void 0, findTicketEndpoint, {
         method: "POST",
         body: JSON.stringify(body)
       });
@@ -819,12 +839,12 @@ function useTicketsList(filters) {
     }
   });
   const data = query.data;
-  const totalCount = _nullishCoalesce(_nullishCoalesce(_optionalChain([data, 'optionalAccess', _41 => _41.totalCount]), () => ( _optionalChain([data, 'optionalAccess', _42 => _42.count]))), () => ( (_nullishCoalesce(_optionalChain([data, 'optionalAccess', _43 => _43.tickets, 'optionalAccess', _44 => _44.length]), () => ( 0)))));
-  const echoedPage = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _45 => _45.page]), () => ( page));
-  const echoedPageSize = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _46 => _46.pageSize]), () => ( pageSize));
-  const totalPages = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _47 => _47.totalPages]), () => ( Math.max(1, Math.ceil(totalCount / echoedPageSize))));
+  const totalCount = _nullishCoalesce(_nullishCoalesce(_optionalChain([data, 'optionalAccess', _43 => _43.totalCount]), () => ( _optionalChain([data, 'optionalAccess', _44 => _44.count]))), () => ( (_nullishCoalesce(_optionalChain([data, 'optionalAccess', _45 => _45.tickets, 'optionalAccess', _46 => _46.length]), () => ( 0)))));
+  const echoedPage = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _47 => _47.page]), () => ( page));
+  const echoedPageSize = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _48 => _48.pageSize]), () => ( pageSize));
+  const totalPages = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _49 => _49.totalPages]), () => ( Math.max(1, Math.ceil(totalCount / echoedPageSize))));
   return {
-    tickets: _nullishCoalesce(_optionalChain([data, 'optionalAccess', _48 => _48.tickets]), () => ( [])),
+    tickets: _nullishCoalesce(_optionalChain([data, 'optionalAccess', _50 => _50.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
@@ -846,7 +866,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', _49 => _49.tickets]), () => ( []))).length === 0),
+    isLoading: enabled && (data === void 0 || query.isFetching && (_nullishCoalesce(_optionalChain([data, 'optionalAccess', _51 => _51.tickets]), () => ( []))).length === 0),
     isFetching: query.isFetching,
     error: _nullishCoalesce(query.error, () => ( null)),
     refetch: () => {
@@ -873,7 +893,9 @@ var REPLY_BANNER_CODES = /* @__PURE__ */ new Set([
 var MIRROR_SYNC_BACKOFF_MS = [3e3, 6e3, 12e3];
 function useTicketActions(options) {
   const queryClient = _reactquery.useQueryClient.call(void 0, );
-  const ticketActionEndpoint = _nullishCoalesce(_chunkLILQJ3UZcjs.useRequiredChatRuntime.call(void 0, ).endpoints.ticketActionUrl, () => ( TICKET_ACTION_ENDPOINT));
+  const ticketActionEndpoint = _nullishCoalesce(_chunk3ENGUBJPcjs.useRequiredChatRuntime.call(void 0, ).endpoints.ticketActionUrl, () => ( TICKET_ACTION_ENDPOINT));
+  const ticketLive = _chunkU3YLML53cjs.useOptionalTicketLive.call(void 0, );
+  const notifyTicketCreated = _optionalChain([ticketLive, 'optionalAccess', _52 => _52.notifyTicketCreated]);
   const { prependOptimistic, removeOptimistic, removeTicketFromCache, toast: toast2, onSupportSystemDown } = options;
   const formInFlightRef = _react.useRef.call(void 0, false);
   const [isSubmittingForm, setIsSubmittingForm] = _react.useState.call(void 0, false);
@@ -922,7 +944,7 @@ function useTicketActions(options) {
   }, []);
   const executeTicketAction = _react.useCallback.call(void 0, 
     async (toolName, args) => {
-      const res = await _chunkFFXNRJ5Scjs.embedAuthedFetch.call(void 0, ticketActionEndpoint, {
+      const res = await _chunkLOBR7IC6cjs.embedAuthedFetch.call(void 0, ticketActionEndpoint, {
         method: "POST",
         body: JSON.stringify({ tool_name: toolName, args })
       });
@@ -1034,7 +1056,7 @@ function useTicketActions(options) {
           const result = await executeTicketAction("create_ticket", {
             subject: input.subject.trim(),
             content: input.content.trim(),
-            ..._optionalChain([input, 'access', _50 => _50.attachments, 'optionalAccess', _51 => _51.length]) ? { attachments: input.attachments } : {}
+            ..._optionalChain([input, 'access', _53 => _53.attachments, 'optionalAccess', _54 => _54.length]) ? { attachments: input.attachments } : {}
           });
           if (result.mirror_synced === false) {
             toast2(TOAST_COPY.open_mirror_pending);
@@ -1044,6 +1066,7 @@ function useTicketActions(options) {
             await queryClient.invalidateQueries({ queryKey: ["tickets"] });
             removeOptimistic(placeholderId);
           }
+          _optionalChain([notifyTicketCreated, 'optionalCall', _55 => _55()]);
           return true;
         });
       } catch (err) {
@@ -1063,6 +1086,7 @@ function useTicketActions(options) {
       queryClient,
       toast2,
       watchMirrorSync,
+      notifyTicketCreated,
       surfaceError
     ]
   );
@@ -1146,7 +1170,7 @@ function useTicketActions(options) {
       ticket,
       {
         status: "CLOSED",
-        ..._optionalChain([resolution, 'optionalAccess', _52 => _52.trim, 'call', _53 => _53()]) ? { resolution: resolution.trim() } : {}
+        ..._optionalChain([resolution, 'optionalAccess', _56 => _56.trim, 'call', _57 => _57()]) ? { resolution: resolution.trim() } : {}
       },
       TOAST_COPY.close_success,
       "close ticket"
@@ -1219,7 +1243,7 @@ function mapTicketActionError(err) {
           removeRowFromCache: false
         };
       case "RATE_LIMITED": {
-        const retryAfterRaw = _optionalChain([err, 'access', _54 => _54.response, 'optionalAccess', _55 => _55.headers, 'access', _56 => _56.get, 'call', _57 => _57("Retry-After")]);
+        const retryAfterRaw = _optionalChain([err, 'access', _58 => _58.response, 'optionalAccess', _59 => _59.headers, 'access', _60 => _60.get, 'call', _61 => _61("Retry-After")]);
         const retryAfterSeconds = retryAfterRaw ? parseInt(retryAfterRaw, 10) : void 0;
         return {
           code: err.code,
@@ -1306,14 +1330,14 @@ function resolveErrorCode(bodyCode, status) {
 
 // src/components/tickets/ticket-center.tsx
 
-function TicketCenter({ toast: toast2 = _chunkFFXNRJ5Scjs.toast } = {}) {
-  const identity = _chunkDMXB3VE2cjs.useChatIdentity.call(void 0, );
+function TicketCenter({ toast: toast2 = _chunkLOBR7IC6cjs.toast } = {}) {
+  const identity = _chunkU3YLML53cjs.useChatIdentity.call(void 0, );
   if (identity.isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCenterSkeleton, {});
   }
-  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _58 => _58.user, 'optionalAccess', _59 => _59.email])) {
+  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _62 => _62.user, 'optionalAccess', _63 => _63.email])) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJ4T5ZBWGcjs.EmptyState,
+      _chunkBZRP54IOcjs.EmptyState,
       {
         type: "generic",
         title: "Sign in to manage tickets",
@@ -1384,10 +1408,10 @@ function TicketCenterAuthed({
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 text-h6 text-ods-text-secondary", children: [
           lastUpdatedAt && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
             "Updated ",
-            _chunkDMXB3VE2cjs.formatRelativeTime.call(void 0, new Date(lastUpdatedAt))
+            _chunkU3YLML53cjs.formatRelativeTime.call(void 0, new Date(lastUpdatedAt))
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkL5CI57RMcjs.Button,
+            _chunkT3BF6JTQcjs.Button,
             {
               type: "button",
               variant: "transparent",
@@ -1400,18 +1424,18 @@ function TicketCenterAuthed({
           )
         ] })
       ] }),
-      isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {}) : merged.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDMXB3VE2cjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJ4T5ZBWGcjs.EmptyState,
+      isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {}) : merged.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU3YLML53cjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkBZRP54IOcjs.EmptyState,
         {
           type: "generic",
           title: "No tickets yet",
           description: "Open one above to start the conversation.",
           showCTA: false
         }
-      ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDMXB3VE2cjs.Card, { className: "overflow-hidden", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU3YLML53cjs.Card, { className: "overflow-hidden", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         TicketRow,
         {
-          id: _chunkDMXB3VE2cjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
+          id: _chunkU3YLML53cjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
           onToggle: toggleRow,
@@ -1429,29 +1453,29 @@ 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, _chunkDMXB3VE2cjs.Card, { className: "p-6", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL5CI57RMcjs.Skeleton, { className: "h-7 w-48 mb-4" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL5CI57RMcjs.Skeleton, { className: "h-10 w-full mb-3" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL5CI57RMcjs.Skeleton, { className: "h-24 w-full" })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU3YLML53cjs.Card, { className: "p-6", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3BF6JTQcjs.Skeleton, { className: "h-7 w-48 mb-4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3BF6JTQcjs.Skeleton, { className: "h-10 w-full mb-3" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3BF6JTQcjs.Skeleton, { className: "h-24 w-full" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {})
   ] });
 }
 function TicketListSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDMXB3VE2cjs.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, _chunkU3YLML53cjs.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, _chunkL5CI57RMcjs.Skeleton, { className: "h-4 w-2/3" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL5CI57RMcjs.Skeleton, { className: "h-3 w-full" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3BF6JTQcjs.Skeleton, { className: "h-4 w-2/3" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3BF6JTQcjs.Skeleton, { className: "h-3 w-full" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL5CI57RMcjs.Skeleton, { className: "h-8 w-20" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL5CI57RMcjs.Skeleton, { className: "h-8 w-16" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3BF6JTQcjs.Skeleton, { className: "h-8 w-20" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3BF6JTQcjs.Skeleton, { className: "h-8 w-16" })
   ] }, i)) });
 }
 
 // src/components/tickets/help-center-list.tsx
 
 
-_chunkJ4T5ZBWGcjs.init_unified_pagination.call(void 0, );
+_chunkBZRP54IOcjs.init_unified_pagination.call(void 0, );
 
 // src/components/tickets/help-center-card.tsx
 
@@ -1473,7 +1497,7 @@ function HelpCenterCard({
   const optimistic = isOptimistic(ticket);
   const rawStatus = (_nullishCoalesce(ticket.status, () => ( "OPEN"))).toUpperCase();
   const priority = (_nullishCoalesce(ticket.priority, () => ( ""))).toUpperCase();
-  const relativeUpdated = ticket.hubspot_updated_at ? _chunkDMXB3VE2cjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : "recently";
+  const relativeUpdated = ticket.hubspot_updated_at ? _chunkU3YLML53cjs.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)), () => ( ""));
@@ -1486,24 +1510,35 @@ function HelpCenterCard({
   _react.useEffect.call(void 0, () => {
     if (!isExpanded) return;
     const raf = requestAnimationFrame(() => {
-      _chunkFFXNRJ5Scjs.scrollElementIntoView.call(void 0, rowRef.current, {
-        headerOffset: _chunkFFXNRJ5Scjs.STICKY_HEADER_OFFSET_PX
+      _chunkLOBR7IC6cjs.scrollElementIntoView.call(void 0, rowRef.current, {
+        headerOffset: _chunkLOBR7IC6cjs.STICKY_HEADER_OFFSET_PX
       });
     });
     return () => cancelAnimationFrame(raf);
   }, [isExpanded]);
+  const live = _chunkU3YLML53cjs.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, 
+      _chunkU3YLML53cjs.StatusBadge,
+      {
+        text: `${unreadCount} NEW`,
+        colorScheme: "warning",
+        variant: "card",
+        className: "border border-ods-border"
+      }
+    ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkDMXB3VE2cjs.StatusBadge,
+      _chunkU3YLML53cjs.StatusBadge,
       {
         text: rawStatus,
-        colorScheme: _chunkDMXB3VE2cjs.getStatusColorScheme.call(void 0, rawStatus),
+        colorScheme: _chunkU3YLML53cjs.getStatusColorScheme.call(void 0, rawStatus),
         variant: "card",
         className: "border border-ods-border"
       }
     ),
     priority && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkDMXB3VE2cjs.StatusBadge,
+      _chunkU3YLML53cjs.StatusBadge,
       {
         text: priority,
         colorScheme: mapPriorityScheme(priority),
@@ -1517,7 +1552,7 @@ function HelpCenterCard({
     {
       ref: rowRef,
       id,
-      style: { scrollMarginTop: _chunkFFXNRJ5Scjs.STICKY_HEADER_OFFSET_PX },
+      style: { scrollMarginTop: _chunkLOBR7IC6cjs.STICKY_HEADER_OFFSET_PX },
       className: `border-b border-ods-border last:border-b-0 ${optimistic ? "opacity-60" : ""}`,
       "aria-busy": optimistic || void 0,
       children: [
@@ -1531,7 +1566,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, 
-              _chunkJ4T5ZBWGcjs.DevCardRowContent,
+              _chunkBZRP54IOcjs.DevCardRowContent,
               {
                 title,
                 subtitle,
@@ -1606,12 +1641,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, _chunkDMXB3VE2cjs.Label, { htmlFor: "help-center-subject", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU3YLML53cjs.Label, { htmlFor: "help-center-subject", children: [
       "Subject",
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: "*" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkL5CI57RMcjs.Input,
+      _chunkT3BF6JTQcjs.Input,
       {
         id: "help-center-subject",
         type: "text",
@@ -1638,7 +1673,7 @@ function HelpCenterCreateForm({
     )
   ] });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5RIHLXEPcjs.ContactForm,
+    _chunkDDVQ5NKKcjs.ContactForm,
     {
       title: "Open a new ticket",
       footerText: "The support team typically responds within one business day.",
@@ -1675,8 +1710,8 @@ function HelpCenterCreateForm({
 
 // src/components/tickets/help-center-list.tsx
 
-function HelpCenterList({ toast: toast2 = _chunkFFXNRJ5Scjs.toast, backButton, title, shell } = {}) {
-  const identity = _chunkDMXB3VE2cjs.useChatIdentity.call(void 0, );
+function HelpCenterList({ toast: toast2 = _chunkLOBR7IC6cjs.toast, backButton, title, shell } = {}) {
+  const identity = _chunkU3YLML53cjs.useChatIdentity.call(void 0, );
   const searchParams = _chunkSSJNN5BScjs.useSearchParams.call(void 0, );
   const router = _chunkSSJNN5BScjs.useRouter.call(void 0, );
   const pathname = _chunkSSJNN5BScjs.usePathname.call(void 0, );
@@ -1687,20 +1722,20 @@ function HelpCenterList({ toast: toast2 = _chunkFFXNRJ5Scjs.toast, backButton, t
   const page = Number.isFinite(rawPage) && rawPage > 0 ? Math.floor(rawPage) : 1;
   if (identity.isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJ4T5ZBWGcjs.DevSectionPage,
+      _chunkBZRP54IOcjs.DevSectionPage,
       {
         sectionKey: "tickets",
         backButton,
         title,
         shell,
         preControls: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormSkeleton, {}),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ4T5ZBWGcjs.DevCardRowSkeletonList, {})
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZRP54IOcjs.DevCardRowSkeletonList, {})
       }
     );
   }
-  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _60 => _60.user, 'optionalAccess', _61 => _61.email])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ4T5ZBWGcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJ4T5ZBWGcjs.EmptyState,
+  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _66 => _66.user, 'optionalAccess', _67 => _67.email])) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZRP54IOcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBZRP54IOcjs.EmptyState,
       {
         type: "generic",
         title: "Sign in to manage tickets",
@@ -1709,7 +1744,7 @@ function HelpCenterList({ toast: toast2 = _chunkFFXNRJ5Scjs.toast, backButton, t
       }
     ) });
   }
-  const sessionName = [_optionalChain([identity, 'access', _62 => _62.user, 'optionalAccess', _63 => _63.firstName]), _optionalChain([identity, 'access', _64 => _64.user, 'optionalAccess', _65 => _65.lastName])].filter(Boolean).join(" ").trim() || _optionalChain([identity, 'access', _66 => _66.user, 'optionalAccess', _67 => _67.email, 'optionalAccess', _68 => _68.split, 'call', _69 => _69("@"), 'access', _70 => _70[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,
@@ -1768,14 +1803,14 @@ function HelpCenterListAuthed({
     customerEmail: sessionEmail,
     search,
     status,
-    page,
-    // Live status: while a drawer is open, poll so an out-of-band HubSpot
-    // status change (e.g. agent closes the ticket) flips the badge +
-    // open/reopen affordance within one interval. Idle (no drawer) → no poll.
-    // `ticketParam` (the open ticket's external_id) is the open signal.
-    refetchInterval: ticketParam ? TICKET_LIVE_POLL_MS : false
+    page
+    // No interval polling (deleted 2026-08): `TicketLiveProvider`
+    // invalidates `['tickets']` on stream events; focus/mount refetch
+    // covers hosts without a stream. Disclosed trade-off: a bare
+    // status/pipeline change with no accompanying reply has no live
+    // path until the next event/focus/reconnect.
   });
-  const expandedTicketId = ticketParam && _optionalChain([tickets, 'access', _71 => _71.find, 'call', _72 => _72((t) => t.external_id === ticketParam), 'optionalAccess', _73 => _73.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]);
   }, []);
@@ -1806,13 +1841,13 @@ function HelpCenterListAuthed({
   const toggleRow = _react.useCallback.call(void 0, 
     (id) => {
       const t = tickets.find((x) => x.id === id);
-      if (!_optionalChain([t, 'optionalAccess', _74 => _74.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];
-  _chunkFFXNRJ5Scjs.useScrollToHash.call(void 0, tickets, { headerOffset: _chunkFFXNRJ5Scjs.STICKY_HEADER_OFFSET_PX });
+  _chunkLOBR7IC6cjs.useScrollToHash.call(void 0, tickets, { headerOffset: _chunkLOBR7IC6cjs.STICKY_HEADER_OFFSET_PX });
   const hasActiveFilters = search !== "" || status !== "" && status !== "all";
   const hasResults = merged.length > 0;
   const form = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1830,17 +1865,17 @@ function HelpCenterListAuthed({
         "Couldn\u2019t load your tickets. ",
         error.message
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL5CI57RMcjs.Button, { type: "button", variant: "accent", onClick: () => refetch(), children: "Retry" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3BF6JTQcjs.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, _chunkJ4T5ZBWGcjs.DevCardRowSkeletonList, {}) : !hasResults && isFetching ? (
+    !error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZRP54IOcjs.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, _chunkJ4T5ZBWGcjs.DevCardRowSkeletonList, { rows: 1 })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZRP54IOcjs.DevCardRowSkeletonList, { rows: 1 })
     ) : !hasResults ? hasActiveFilters ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJ4T5ZBWGcjs.EmptyState,
+      _chunkBZRP54IOcjs.EmptyState,
       {
         type: "search",
         title: "No tickets found",
@@ -1855,7 +1890,7 @@ function HelpCenterListAuthed({
         }
       }
     ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJ4T5ZBWGcjs.EmptyState,
+      _chunkBZRP54IOcjs.EmptyState,
       {
         type: "generic",
         title: "No tickets yet",
@@ -1874,7 +1909,7 @@ function HelpCenterListAuthed({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-clip w-full", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         HelpCenterCard,
         {
-          id: _chunkDMXB3VE2cjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
+          id: _chunkU3YLML53cjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
           onToggle: toggleRow,
@@ -1890,9 +1925,9 @@ function HelpCenterListAuthed({
         ticket.id
       )) })
     ) }),
-    !error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ4T5ZBWGcjs.UnifiedPagination, { currentPage: page, totalPages })
+    !error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZRP54IOcjs.UnifiedPagination, { currentPage: page, totalPages })
   ] });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ4T5ZBWGcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBZRP54IOcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
 }
 
 
@@ -1913,4 +1948,4 @@ function HelpCenterListAuthed({
 
 
 exports.isOptimistic = isOptimistic; exports.TOAST_COPY = TOAST_COPY; exports.TicketOpenForm = TicketOpenForm; exports.useTicketEngagements = useTicketEngagements; exports.TicketLinkedDeliveryCard = TicketLinkedDeliveryCard; exports.TicketReplyComposer = TicketReplyComposer; exports.TicketDetailDrawer = TicketDetailDrawer; exports.TicketRow = TicketRow; exports.useTicketsList = useTicketsList; exports.useTicketActions = useTicketActions; exports.mapTicketActionError = mapTicketActionError; exports.TicketCenter = TicketCenter; exports.HelpCenterCard = HelpCenterCard; exports.HelpCenterCreateFormSkeleton = HelpCenterCreateFormSkeleton; exports.HelpCenterCreateForm = HelpCenterCreateForm; exports.HelpCenterList = HelpCenterList;
-//# sourceMappingURL=chunk-3T4SMJM5.cjs.map
+//# sourceMappingURL=chunk-VDKNUC3N.cjs.map