@flamingo-stack/openframe-frontend-core 0.0.756 → 0.0.758

package/dist/{chunk-7KPU7RGS.cjs → chunk-2AEGJHW2.cjs}

@@ -1,14 +1,15 @@
 "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 _chunkCYDWQYIQcjs = require('./chunk-CYDWQYIQ.cjs');
+var _chunkSEPHTWFLcjs = require('./chunk-SEPHTWFL.cjs');
 
 
 
 
 
 
-var _chunk4YL4Y3BVcjs = require('./chunk-4YL4Y3BV.cjs');
+
+var _chunkECHJO4NIcjs = require('./chunk-ECHJO4NI.cjs');
 
 
 
@@ -19,7 +20,8 @@ var _chunk5E6JHOGXcjs = require('./chunk-5E6JHOGX.cjs');
 
 
 
-var _chunkBTIYXBA2cjs = require('./chunk-BTIYXBA2.cjs');
+var _chunkWSRMYHIVcjs = require('./chunk-WSRMYHIV.cjs');
+
 
 
 
@@ -31,7 +33,7 @@ var _chunkBTIYXBA2cjs = require('./chunk-BTIYXBA2.cjs');
 
 
 
-var _chunk57JA37HPcjs = require('./chunk-57JA37HP.cjs');
+var _chunk5THYJU3Gcjs = require('./chunk-5THYJU3G.cjs');
 
 
 
@@ -44,7 +46,7 @@ var _chunkVUWPLQBYcjs = require('./chunk-VUWPLQBY.cjs');
 
 
 
-var _chunkQKFJ6ORKcjs = require('./chunk-QKFJ6ORK.cjs');
+var _chunk3C4U4UW6cjs = require('./chunk-3C4U4UW6.cjs');
 
 
 
@@ -132,7 +134,7 @@ var TicketActionFailure = class extends Error {
 function useTicketActions(options) {
   const queryClient = _reactquery.useQueryClient.call(void 0, );
   const ticketActionEndpoint = _nullishCoalesce(_chunkUJ7AXHRZcjs.useRequiredChatRuntime.call(void 0, ).endpoints.ticketActionUrl, () => ( TICKET_ACTION_ENDPOINT));
-  const ticketLive = _chunkBTIYXBA2cjs.useOptionalTicketLive.call(void 0, );
+  const ticketLive = _chunkWSRMYHIVcjs.useOptionalTicketLive.call(void 0, );
   const notifyTicketCreated = _optionalChain([ticketLive, 'optionalAccess', _2 => _2.notifyTicketCreated]);
   const { prependOptimistic, removeOptimistic, removeTicketFromCache, toast: toast2, onSupportSystemDown } = options;
   const formInFlightRef = _react.useRef.call(void 0, null);
@@ -293,10 +295,10 @@ function useTicketActions(options) {
             ..._optionalChain([input, 'access', _3 => _3.attachments, 'optionalAccess', _4 => _4.length]) ? { attachments: input.attachments } : {}
           });
           if (result.mirror_synced === false) {
-            toast2(_chunkBTIYXBA2cjs.TOAST_COPY.open_mirror_pending);
+            toast2(_chunkWSRMYHIVcjs.TOAST_COPY.open_mirror_pending);
             watchMirrorSync(placeholderId, result.ticket_id);
           } else {
-            toast2(_chunkBTIYXBA2cjs.TOAST_COPY.open_success);
+            toast2(_chunkWSRMYHIVcjs.TOAST_COPY.open_success);
             await queryClient.invalidateQueries({ queryKey: ["tickets"] });
             removeOptimistic(placeholderId);
           }
@@ -382,7 +384,7 @@ function useTicketActions(options) {
           ...hasText ? { content_addendum: trimmed } : {},
           ...hasFiles ? { attachments } : {}
         },
-        _chunkBTIYXBA2cjs.TOAST_COPY.comment_success,
+        _chunkWSRMYHIVcjs.TOAST_COPY.comment_success,
         "send message"
       );
       if (ok) {
@@ -405,13 +407,13 @@ function useTicketActions(options) {
         status: "CLOSED",
         ..._optionalChain([resolution, 'optionalAccess', _6 => _6.trim, 'call', _7 => _7()]) ? { resolution: resolution.trim() } : {}
       },
-      _chunkBTIYXBA2cjs.TOAST_COPY.close_success,
+      _chunkWSRMYHIVcjs.TOAST_COPY.close_success,
       "close ticket"
     ),
     [updateTicket]
   );
   const reopenTicket = _react.useCallback.call(void 0, 
-    (ticket) => updateTicket(ticket, { status: "OPEN" }, _chunkBTIYXBA2cjs.TOAST_COPY.reopen_success, "reopen ticket"),
+    (ticket) => updateTicket(ticket, { status: "OPEN" }, _chunkWSRMYHIVcjs.TOAST_COPY.reopen_success, "reopen ticket"),
     [updateTicket]
   );
   return _react.useMemo.call(void 0, 
@@ -610,6 +612,7 @@ function useTicketsList(filters) {
       void query.refetch();
     },
     lastUpdatedAt: query.dataUpdatedAt || null,
+    sync: _nullishCoalesce(_optionalChain([data, 'optionalAccess', _21 => _21.sync]), () => ( null)),
     totalCount,
     page: echoedPage,
     pageSize: echoedPageSize,
@@ -620,14 +623,14 @@ function useTicketsList(filters) {
 // src/components/tickets/ticket-open-form.tsx
 
 var _jsxruntime = require('react/jsx-runtime');
-var COUNTER_VISIBLE_AT = Math.floor(_chunkBTIYXBA2cjs.TICKET_TEXT_MAX_CHARS * 0.8);
+var COUNTER_VISIBLE_AT = Math.floor(_chunkWSRMYHIVcjs.TICKET_TEXT_MAX_CHARS * 0.8);
 function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
   const [subject, setSubject] = _react.useState.call(void 0, "");
   const [content, setContent] = _react.useState.call(void 0, "");
   const { attachments, readyAttachments, hasInflightUploads, addFiles, removeAttachment, clear } = _chunkQTYSYEHKcjs.useChatAttachments.call(void 0, );
   const trimmedSubject = subject.trim();
   const trimmedContent = content.trim();
-  const overCap = content.length > _chunkBTIYXBA2cjs.TICKET_TEXT_MAX_CHARS;
+  const overCap = content.length > _chunkWSRMYHIVcjs.TICKET_TEXT_MAX_CHARS;
   const showCounter = content.length >= COUNTER_VISIBLE_AT;
   const canSubmit = !isSubmitting && !supportSystemDown && !hasInflightUploads && trimmedSubject.length > 0 && trimmedContent.length > 0 && !overCap;
   const handleSubmit = async (e) => {
@@ -644,7 +647,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
       clear();
     }
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7Z4EQOIXcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-6 md:flex-row", ..._chunkQKFJ6ORKcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7Z4EQOIXcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-6 md:flex-row", ..._chunk3C4U4UW6cjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1 md:max-w-md", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 text-ods-text-primary text-h2", children: "Need Support?" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: "Can't find what you're looking for? Submit a support ticket below \u2014 we'll follow up shortly." }),
@@ -669,7 +672,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "ticket-content", className: "mb-1 block text-ods-text-primary text-h6", children: "Your Message" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk57JA37HPcjs.Textarea,
+          _chunk5THYJU3Gcjs.Textarea,
           {
             id: "ticket-content",
             placeholder: "Describe your issue or question in detail...",
@@ -683,7 +686,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
         showCounter && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: `mt-1 text-right text-h6 ${overCap ? "text-ods-error" : "text-ods-text-secondary"}`, children: [
           content.length,
           "/",
-          _chunkBTIYXBA2cjs.TICKET_TEXT_MAX_CHARS
+          _chunkWSRMYHIVcjs.TICKET_TEXT_MAX_CHARS
         ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -727,10 +730,10 @@ var _usesticktobottom = require('use-stick-to-bottom');
 var LIST_ENGAGEMENTS_ENDPOINT = "/api/chat/agent/list-engagements";
 function useTicketEngagements(externalTicketId, enabled = true) {
   const identity = _chunkQTYSYEHKcjs.useChatIdentity.call(void 0, );
-  const identityKey = _nullishCoalesce(_optionalChain([identity, 'access', _21 => _21.user, 'optionalAccess', _22 => _22.email]), () => ( "anon"));
+  const identityKey = _nullishCoalesce(_optionalChain([identity, 'access', _22 => _22.user, 'optionalAccess', _23 => _23.email]), () => ( "anon"));
   const listEngagementsEndpoint = _nullishCoalesce(_chunkUJ7AXHRZcjs.useRequiredChatRuntime.call(void 0, ).endpoints.listEngagementsUrl, () => ( LIST_ENGAGEMENTS_ENDPOINT));
   const fetchable = enabled && !!externalTicketId && !externalTicketId.startsWith("temp-");
-  const queryEnabled = fetchable && identity.authTier !== "anon" && !!_optionalChain([identity, 'access', _23 => _23.user, 'optionalAccess', _24 => _24.email]);
+  const queryEnabled = fetchable && identity.authTier !== "anon" && !!_optionalChain([identity, 'access', _24 => _24.user, 'optionalAccess', _25 => _25.email]);
   const query = _reactquery.useQuery.call(void 0, {
     queryKey: ["ticket-engagements", externalTicketId, identityKey],
     enabled: queryEnabled,
@@ -799,7 +802,7 @@ function TicketLinkedDeliveryCard({ clickup, className }) {
     dateClosed: clickup.date_closed,
     clickupUrl: _nullishCoalesce(clickup.clickup_url, () => ( ""))
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${_chunk7Z4EQOIXcjs.CONTENT_CARD_SKELETON_FRAME_CLASS} ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4YL4Y3BVcjs.DeliveryRow, { item, href: clickup.delivery_href, caption: "Linked delivery" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${_chunk7Z4EQOIXcjs.CONTENT_CARD_SKELETON_FRAME_CLASS} ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkECHJO4NIcjs.DeliveryRow, { item, href: clickup.delivery_href, caption: "Linked delivery" }) });
 }
 
 // src/components/tickets/ticket-reply-composer.tsx
@@ -852,7 +855,7 @@ function TicketReplyComposer({
         sending: busy || attachments.hasInflightUploads,
         disabled: supportSystemDown,
         allowEmptySend: hasReadyFiles,
-        maxLength: _chunkBTIYXBA2cjs.TICKET_TEXT_MAX_CHARS,
+        maxLength: _chunkWSRMYHIVcjs.TICKET_TEXT_MAX_CHARS,
         onSend: handleSend
       }
     ),
@@ -881,25 +884,25 @@ function TicketReplyComposer({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57JA37HPcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk57JA37HPcjs.AlertDialogContent, { className: "border-ods-border bg-ods-card", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk57JA37HPcjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57JA37HPcjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk57JA37HPcjs.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, _chunk5THYJU3Gcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5THYJU3Gcjs.AlertDialogContent, { className: "border-ods-border bg-ods-card", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5THYJU3Gcjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.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, 
-        _chunk57JA37HPcjs.Textarea,
+        _chunk5THYJU3Gcjs.Textarea,
         {
           value: resolution,
           onChange: (e) => setResolution(e.target.value),
           placeholder: "Resolution (optional)",
           rows: 3,
-          maxLength: _chunkBTIYXBA2cjs.TICKET_TEXT_MAX_CHARS,
+          maxLength: _chunkWSRMYHIVcjs.TICKET_TEXT_MAX_CHARS,
           className: "mt-2"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk57JA37HPcjs.AlertDialogFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5THYJU3Gcjs.AlertDialogFooter, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk57JA37HPcjs.AlertDialogCancel,
+          _chunk5THYJU3Gcjs.AlertDialogCancel,
           {
             disabled: busy,
             className: "border-ods-border bg-transparent text-ods-text-primary hover:bg-ods-border",
@@ -907,7 +910,7 @@ function TicketReplyComposer({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk57JA37HPcjs.AlertDialogAction,
+          _chunk5THYJU3Gcjs.AlertDialogAction,
           {
             onClick: () => void confirmClose(),
             disabled: busy,
@@ -970,11 +973,11 @@ 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 = _chunkQTYSYEHKcjs.useChatIdentity.call(void 0, );
-  const externalId = _chunkBTIYXBA2cjs.isOptimistic.call(void 0, ticket) ? null : ticket.external_id;
+  const externalId = _chunkWSRMYHIVcjs.isOptimistic.call(void 0, ticket) ? null : ticket.external_id;
   const { engagements, isLoading } = useTicketEngagements(externalId, !!externalId);
-  const live = _chunkBTIYXBA2cjs.useOptionalTicketLive.call(void 0, );
-  const setOpenTicketId = _optionalChain([live, 'optionalAccess', _25 => _25.setOpenTicketId]);
-  const markRead = _optionalChain([live, 'optionalAccess', _26 => _26.markRead]);
+  const live = _chunkWSRMYHIVcjs.useOptionalTicketLive.call(void 0, );
+  const setOpenTicketId = _optionalChain([live, 'optionalAccess', _26 => _26.setOpenTicketId]);
+  const markRead = _optionalChain([live, 'optionalAccess', _27 => _27.markRead]);
   const markReadDebounceRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     if (!externalId || !setOpenTicketId || !markRead) return void 0;
@@ -996,7 +999,7 @@ function TicketTimelinePanel({ ticket }) {
     markReadDebounceRef.current = setTimeout(() => {
       markReadDebounceRef.current = null;
       void markRead(externalId);
-    }, _chunkBTIYXBA2cjs.TICKET_MARK_READ_DEBOUNCE_MS);
+    }, _chunkWSRMYHIVcjs.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) : [];
@@ -1004,14 +1007,14 @@ function TicketTimelinePanel({ ticket }) {
     engagements.filter((e) => e.authorRole === "customer").map((e) => (_nullishCoalesce(e.body, () => ( ""))).trim()).filter(Boolean)
   );
   const suppressBodyTurnZero = bodyTurns.length > 0 && customerEngagementBodies.has(bodyTurns[0]);
-  const sessionEmailLower = _nullishCoalesce(_optionalChain([identity, 'access', _27 => _27.user, 'optionalAccess', _28 => _28.email, 'optionalAccess', _29 => _29.trim, 'call', _30 => _30(), 'access', _31 => _31.toLowerCase, 'call', _32 => _32()]), () => ( null));
+  const sessionEmailLower = _nullishCoalesce(_optionalChain([identity, 'access', _28 => _28.user, 'optionalAccess', _29 => _29.email, 'optionalAccess', _30 => _30.trim, 'call', _31 => _31(), 'access', _32 => _32.toLowerCase, 'call', _33 => _33()]), () => ( null));
   const isViewerTheCustomer = !!sessionEmailLower && ticket.customer_emails.some((e) => e.trim().toLowerCase() === sessionEmailLower);
-  const viewerName = _optionalChain([identity, 'access', _33 => _33.user, 'optionalAccess', _34 => _34.name, 'optionalAccess', _35 => _35.trim, 'call', _36 => _36()]) || null;
-  const ticketCustomerName = _optionalChain([ticket, 'access', _37 => _37.customer_name, 'optionalAccess', _38 => _38.trim, 'call', _39 => _39()]) || null;
-  const customerName = (isViewerTheCustomer ? viewerName : null) || ticketCustomerName || viewerName || _optionalChain([identity, 'access', _40 => _40.user, 'optionalAccess', _41 => _41.email]) || "You";
-  const customerAvatar = isViewerTheCustomer ? _nullishCoalesce(_optionalChain([identity, 'access', _42 => _42.user, 'optionalAccess', _43 => _43.avatarUrl]), () => ( void 0)) : void 0;
+  const viewerName = _optionalChain([identity, 'access', _34 => _34.user, 'optionalAccess', _35 => _35.name, 'optionalAccess', _36 => _36.trim, 'call', _37 => _37()]) || null;
+  const ticketCustomerName = _optionalChain([ticket, 'access', _38 => _38.customer_name, 'optionalAccess', _39 => _39.trim, 'call', _40 => _40()]) || null;
+  const customerName = (isViewerTheCustomer ? viewerName : null) || ticketCustomerName || viewerName || _optionalChain([identity, 'access', _41 => _41.user, 'optionalAccess', _42 => _42.email]) || "You";
+  const customerAvatar = isViewerTheCustomer ? _nullishCoalesce(_optionalChain([identity, 'access', _43 => _43.user, 'optionalAccess', _44 => _44.avatarUrl]), () => ( void 0)) : void 0;
   if (isLoading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${TICKET_FEED_FRAME} ${TICKET_FEED_HEIGHT}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNO5UJLLQcjs.LoadingRegion, { label: "Loading messages", className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQKFJ6ORKcjs.ChatMessageRowSkeleton, {}, i)) }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${TICKET_FEED_FRAME} ${TICKET_FEED_HEIGHT}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNO5UJLLQcjs.LoadingRegion, { label: "Loading messages", className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3C4U4UW6cjs.ChatMessageRowSkeleton, {}, i)) }) });
   }
   if (bodyTurns.length === 0 && engagements.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1030,7 +1033,7 @@ function TicketTimelinePanel({ ticket }) {
       const isResolution = turn.startsWith("[Resolution]");
       const text = isResolution ? turn.replace(/^\[Resolution\]\s*/, "") : turn;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkQKFJ6ORKcjs.ChatMessageRow,
+        _chunk3C4U4UW6cjs.ChatMessageRow,
         {
           displayName: customerName,
           avatarUrl: customerAvatar,
@@ -1041,12 +1044,12 @@ function TicketTimelinePanel({ ticket }) {
     }),
     engagements.map((eng) => {
       const isCustomer = eng.authorRole === "customer";
-      const isOwnReply = isCustomer && !!eng.authorId && !!_optionalChain([identity, 'access', _44 => _44.user, 'optionalAccess', _45 => _45.email]) && eng.authorId.toLowerCase() === identity.user.email.toLowerCase();
+      const isOwnReply = isCustomer && !!eng.authorId && !!_optionalChain([identity, 'access', _45 => _45.user, 'optionalAccess', _46 => _46.email]) && eng.authorId.toLowerCase() === identity.user.email.toLowerCase();
       let author;
       let avatarSrc;
       if (isCustomer && isOwnReply) {
-        author = _optionalChain([identity, 'access', _46 => _46.user, 'optionalAccess', _47 => _47.name, 'optionalAccess', _48 => _48.trim, 'call', _49 => _49()]) || customerName;
-        avatarSrc = _nullishCoalesce(_optionalChain([identity, 'access', _50 => _50.user, 'optionalAccess', _51 => _51.avatarUrl]), () => ( void 0));
+        author = _optionalChain([identity, 'access', _47 => _47.user, 'optionalAccess', _48 => _48.name, 'optionalAccess', _49 => _49.trim, 'call', _50 => _50()]) || customerName;
+        avatarSrc = _nullishCoalesce(_optionalChain([identity, 'access', _51 => _51.user, 'optionalAccess', _52 => _52.avatarUrl]), () => ( void 0));
       } else if (isCustomer) {
         author = ticketCustomerName || "Customer";
         avatarSrc = void 0;
@@ -1059,13 +1062,13 @@ function TicketTimelinePanel({ ticket }) {
       }
       const engAttachments = mapEngagementAttachments(eng.attachments);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkQKFJ6ORKcjs.ChatMessageRow,
+        _chunk3C4U4UW6cjs.ChatMessageRow,
         {
           displayName: author,
           avatarUrl: avatarSrc,
           timeLabel: eng.createdAt ? _chunkF64VMOIBcjs.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, _chunk57JA37HPcjs.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, _chunk5THYJU3Gcjs.TicketAttachmentsList, { attachments: engAttachments, size: "compact" }) }) : null
         },
         eng.id
       );
@@ -1082,7 +1085,7 @@ function mapEngagementAttachments(files) {
       // Show an inline thumbnail for image attachments (the signed `url` is a
       // viewable URL). Non-images fall back to the file-type icon. SquareAvatar
       // degrades to initials on a broken/expired image URL.
-      thumbnailSrc: url && (_nullishCoalesce(_optionalChain([f, 'access', _52 => _52.mime, 'optionalAccess', _53 => _53.startsWith, 'call', _54 => _54("image/")]), () => ( false))) ? url : void 0,
+      thumbnailSrc: url && (_nullishCoalesce(_optionalChain([f, 'access', _53 => _53.mime, 'optionalAccess', _54 => _54.startsWith, 'call', _55 => _55("image/")]), () => ( false))) ? url : void 0,
       onDownload: url ? () => window.open(url, "_blank", "noopener,noreferrer") : void 0
     };
   });
@@ -1143,8 +1146,8 @@ function ReplyFailureBanner({ error, onDismiss }) {
   );
 }
 function AssignedAgentRow({ assignedOwner }) {
-  const trimmedName = _optionalChain([assignedOwner, 'optionalAccess', _55 => _55.name, 'optionalAccess', _56 => _56.trim, 'call', _57 => _57()]) || null;
-  const emailFallback = _optionalChain([assignedOwner, 'optionalAccess', _58 => _58.email, 'optionalAccess', _59 => _59.trim, 'call', _60 => _60()]) || null;
+  const trimmedName = _optionalChain([assignedOwner, 'optionalAccess', _56 => _56.name, 'optionalAccess', _57 => _57.trim, 'call', _58 => _58()]) || null;
+  const emailFallback = _optionalChain([assignedOwner, 'optionalAccess', _59 => _59.email, 'optionalAccess', _60 => _60.trim, 'call', _61 => _61()]) || null;
   const displayLabel = _nullishCoalesce(trimmedName, () => ( (emailFallback ? emailFallback.split("@")[0] : null)));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 text-h6", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h5", children: "Assigned to" }),
@@ -1154,7 +1157,7 @@ function AssignedAgentRow({ assignedOwner }) {
         {
           size: "sm",
           variant: "round",
-          src: _nullishCoalesce(_optionalChain([assignedOwner, 'optionalAccess', _61 => _61.avatarUrl]), () => ( void 0)),
+          src: _nullishCoalesce(_optionalChain([assignedOwner, 'optionalAccess', _62 => _62.avatarUrl]), () => ( void 0)),
           alt: displayLabel,
           fallback: displayLabel
         }
@@ -1178,7 +1181,7 @@ function TicketRow({
   onActionCollapsed,
   id
 }) {
-  const optimistic = _chunkBTIYXBA2cjs.isOptimistic.call(void 0, ticket);
+  const optimistic = _chunkWSRMYHIVcjs.isOptimistic.call(void 0, ticket);
   const rowRef = _react.useRef.call(void 0, null);
   const handleClick = _react.useCallback.call(void 0, () => {
     onToggle(ticket.id);
@@ -1216,7 +1219,7 @@ function TicketRow({
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rowRef, id, className: "scroll-mt-24", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Collapsible, { open: expanded && !optimistic, className: "border-b border-ods-border last:border-b-0", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQKFJ6ORKcjs.ChatTicketItem,
+      _chunk3C4U4UW6cjs.ChatTicketItem,
       {
         ticket: tileData,
         onClick: optimistic ? void 0 : handleClick,
@@ -1253,7 +1256,7 @@ function TicketCenter({ toast: toast2 = _chunkVUWPLQBYcjs.toast } = {}) {
   if (identity.isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCenterSkeleton, {});
   }
-  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _62 => _62.user, 'optionalAccess', _63 => _63.email])) {
+  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _63 => _63.user, 'optionalAccess', _64 => _64.email])) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunk5E6JHOGXcjs.EmptyState,
       {
@@ -1271,7 +1274,7 @@ function TicketCenterAuthed({
   sessionEmail
 }) {
   const queryClient = _reactquery.useQueryClient.call(void 0, );
-  const { tickets, isLoading, isFetching, refetch, lastUpdatedAt } = useTicketsList({
+  const { tickets, isLoading, isFetching, refetch, sync } = useTicketsList({
     customerEmail: sessionEmail
   });
   const [optimisticTickets, setOptimisticTickets] = _react.useState.call(void 0, []);
@@ -1304,6 +1307,7 @@ function TicketCenterAuthed({
   const toggleRow = _react.useCallback.call(void 0, (id) => {
     setExpandedTicketId((prev) => prev === id ? null : id);
   }, []);
+  const syncInPage = _chunkECHJO4NIcjs.usePageDataSync.call(void 0, sync, isLoading);
   const merged = [...optimisticTickets, ...tickets];
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1318,10 +1322,7 @@ function TicketCenterAuthed({
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h5", children: "Your Current Tickets" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 text-ods-text-secondary text-h6", children: [
-          lastUpdatedAt && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
-            "Updated ",
-            _chunkF64VMOIBcjs.formatRelativeTime.call(void 0, new Date(lastUpdatedAt))
-          ] }),
+          !syncInPage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5THYJU3Gcjs.DataSyncLine, { sync, inline: true }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunk2QMBXGMQcjs.Button,
             {
@@ -1347,11 +1348,11 @@ function TicketCenterAuthed({
       ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7Z4EQOIXcjs.Card, { className: "overflow-hidden", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         TicketRow,
         {
-          id: _chunkQKFJ6ORKcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
+          id: _chunk3C4U4UW6cjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
           onToggle: toggleRow,
-          busy: _chunkBTIYXBA2cjs.isOptimistic.call(void 0, ticket) ? false : actions.isRowBusy(ticket.id),
+          busy: _chunkWSRMYHIVcjs.isOptimistic.call(void 0, ticket) ? false : actions.isRowBusy(ticket.id),
           supportSystemDown,
           onSendMessage: actions.sendMessage,
           onClose: actions.closeTicket,
@@ -1407,7 +1408,7 @@ function HelpCenterCard({
   onClearReplyError,
   id
 }) {
-  const optimistic = _chunkBTIYXBA2cjs.isOptimistic.call(void 0, ticket);
+  const optimistic = _chunkWSRMYHIVcjs.isOptimistic.call(void 0, ticket);
   const rawStatus = (_nullishCoalesce(ticket.status, () => ( "OPEN"))).toUpperCase();
   const priority = (_nullishCoalesce(ticket.priority, () => ( ""))).toUpperCase();
   const relativeUpdated = ticket.hubspot_updated_at ? _chunkF64VMOIBcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : "recently";
@@ -1429,8 +1430,8 @@ function HelpCenterCard({
     });
     return () => cancelAnimationFrame(raf);
   }, [isExpanded]);
-  const live = _chunkBTIYXBA2cjs.useOptionalTicketLive.call(void 0, );
-  const unreadCount = !optimistic && ticket.external_id && _optionalChain([live, 'optionalAccess', _64 => _64.unreadByTicket, 'access', _65 => _65[ticket.external_id]]) || 0;
+  const live = _chunkWSRMYHIVcjs.useOptionalTicketLive.call(void 0, );
+  const unreadCount = !optimistic && ticket.external_id && _optionalChain([live, 'optionalAccess', _65 => _65.unreadByTicket, 'access', _66 => _66[ticket.external_id]]) || 0;
   const rightBadges = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     unreadCount > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunk7Z4EQOIXcjs.StatusBadge,
@@ -1479,7 +1480,7 @@ function HelpCenterCard({
             "aria-controls": isExpanded ? `help-center-drawer-${ticket.id}` : void 0,
             className: "w-full p-[12px] text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-accent disabled:cursor-default content-md:p-[16px]",
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk4YL4Y3BVcjs.DevCardRowContent,
+              _chunkECHJO4NIcjs.DevCardRowContent,
               {
                 title,
                 subtitle,
@@ -1590,7 +1591,7 @@ function HelpCenterCreateForm({
     subjectError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "help-center-subject-error", className: "mt-1 text-ods-error text-h6", children: subjectError })
   ] });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkCYDWQYIQcjs.ContactForm,
+    _chunkSEPHTWFLcjs.ContactForm,
     {
       rescue: null,
       title: "Open a new ticket",
@@ -1633,25 +1634,25 @@ function HelpCenterList({ toast: toast2 = _chunkVUWPLQBYcjs.toast, backButton, t
   const searchParams = _chunk7DNL734Scjs.useSearchParams.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const pathname = _chunk7DNL734Scjs.usePathname.call(void 0, );
-  const search = searchParams.get(_chunkQKFJ6ORKcjs.DEV_SECTION_PARAM_KEYS.search) || "";
+  const search = searchParams.get(_chunk3C4U4UW6cjs.DEV_SECTION_PARAM_KEYS.search) || "";
   const status = searchParams.get("status") || "all";
-  const ticketParam = searchParams.get(_chunkQKFJ6ORKcjs.TICKET_OPEN_PARAM) || "";
+  const ticketParam = searchParams.get(_chunk3C4U4UW6cjs.TICKET_OPEN_PARAM) || "";
   const page = _chunkBLH2SFOOcjs.positiveInt.call(void 0, searchParams.get("page"), 1);
   if (identity.isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4YL4Y3BVcjs.DevSectionPage,
+      _chunkECHJO4NIcjs.DevSectionPage,
       {
         sectionKey: "tickets",
         backButton,
         title,
         shell,
         preControls: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormSkeleton, {}),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4YL4Y3BVcjs.DevCardRowSkeletonList, {})
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkECHJO4NIcjs.DevCardRowSkeletonList, {})
       }
     );
   }
-  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _66 => _66.user, 'optionalAccess', _67 => _67.email])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4YL4Y3BVcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _67 => _67.user, 'optionalAccess', _68 => _68.email])) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkECHJO4NIcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunk5E6JHOGXcjs.EmptyState,
       {
         type: "generic",
@@ -1661,7 +1662,7 @@ function HelpCenterList({ toast: toast2 = _chunkVUWPLQBYcjs.toast, backButton, t
       }
     ) });
   }
-  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 sessionName = [_optionalChain([identity, 'access', _69 => _69.user, 'optionalAccess', _70 => _70.firstName]), _optionalChain([identity, 'access', _71 => _71.user, 'optionalAccess', _72 => _72.lastName])].filter(Boolean).join(" ").trim() || _optionalChain([identity, 'access', _73 => _73.user, 'optionalAccess', _74 => _74.email, 'optionalAccess', _75 => _75.split, 'call', _76 => _76("@"), 'access', _77 => _77[0]]) || "Customer";
   const sessionEmail = identity.user.email;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     HelpCenterListAuthed,
@@ -1703,8 +1704,8 @@ function HelpCenterListAuthed({
   const setOpenTicket = _react.useCallback.call(void 0, 
     (externalId) => {
       const params = new URLSearchParams(searchParams.toString());
-      if (externalId) params.set(_chunkQKFJ6ORKcjs.TICKET_OPEN_PARAM, externalId);
-      else params.delete(_chunkQKFJ6ORKcjs.TICKET_OPEN_PARAM);
+      if (externalId) params.set(_chunk3C4U4UW6cjs.TICKET_OPEN_PARAM, externalId);
+      else params.delete(_chunk3C4U4UW6cjs.TICKET_OPEN_PARAM);
       const qs = params.toString();
       router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });
     },
@@ -1727,7 +1728,7 @@ function HelpCenterListAuthed({
     // status/pipeline change with no accompanying reply has no live
     // path until the next event/focus/reconnect.
   });
-  const expandedTicketId = ticketParam && _optionalChain([tickets, 'access', _77 => _77.find, 'call', _78 => _78((t) => t.external_id === ticketParam), 'optionalAccess', _79 => _79.id]) || null;
+  const expandedTicketId = ticketParam && _optionalChain([tickets, 'access', _78 => _78.find, 'call', _79 => _79((t) => t.external_id === ticketParam), 'optionalAccess', _80 => _80.id]) || null;
   const prependOptimistic = _react.useCallback.call(void 0, (placeholder) => {
     setOptimisticTickets((prev) => [placeholder, ...prev]);
   }, []);
@@ -1755,7 +1756,7 @@ function HelpCenterListAuthed({
   const toggleRow = _react.useCallback.call(void 0, 
     (id) => {
       const t = tickets.find((x) => x.id === id);
-      if (!_optionalChain([t, 'optionalAccess', _80 => _80.external_id])) return;
+      if (!_optionalChain([t, 'optionalAccess', _81 => _81.external_id])) return;
       setOpenTicket(t.external_id === ticketParam ? null : t.external_id);
     },
     [tickets, ticketParam, setOpenTicket]
@@ -1781,15 +1782,15 @@ function HelpCenterListAuthed({
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.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, _chunk4YL4Y3BVcjs.DevCardRowSkeletonList, {}) : !hasResults && isFetching ? (
+    !error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkECHJO4NIcjs.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, _chunk4YL4Y3BVcjs.DevCardRowSkeletonList, { rows: 1 })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkECHJO4NIcjs.DevCardRowSkeletonList, { rows: 1 })
     ) : !hasResults ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4YL4Y3BVcjs.ListEmptyState,
+      _chunkECHJO4NIcjs.ListEmptyState,
       {
         isFiltered: hasActiveFilters,
         filtered: {
@@ -1820,11 +1821,11 @@ function HelpCenterListAuthed({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full overflow-clip rounded-[6px] border border-ods-border bg-ods-card", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         HelpCenterCard,
         {
-          id: _chunkQKFJ6ORKcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
+          id: _chunk3C4U4UW6cjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
           onToggle: toggleRow,
-          busy: _chunkBTIYXBA2cjs.isOptimistic.call(void 0, ticket) ? false : actions.isRowBusy(ticket.id),
+          busy: _chunkWSRMYHIVcjs.isOptimistic.call(void 0, ticket) ? false : actions.isRowBusy(ticket.id),
           supportSystemDown,
           onSendMessage: actions.sendMessage,
           onClose: actions.closeTicket,
@@ -1838,7 +1839,7 @@ function HelpCenterListAuthed({
     ) }),
     !error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5E6JHOGXcjs.UnifiedPagination, { currentPage: page, totalPages })
   ] });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4YL4Y3BVcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkECHJO4NIcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
 }
 
 

package/dist/{chunk-QKFJ6ORK.cjs → chunk-3C4U4UW6.cjs}

@@ -5150,7 +5150,7 @@ function ProxyCredentialsForm({ description, saved }) {
 
 // src/components/chat/index.ts
 var LoadedEmbeddableChat = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./embeddable-chat-KGJVVG2V.cjs"))).then((module) => ({ default: module.EmbeddableChat }))
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./embeddable-chat-CHHWPGAY.cjs"))).then((module) => ({ default: module.EmbeddableChat }))
 );
 var EmbeddableChat = _react.forwardRef.call(void 0, (props, ref) => {
   _react.useEffect.call(void 0, () => _chunkQTYSYEHKcjs.holdAskAiOpens.call(void 0, ), []);