@flamingo-stack/openframe-frontend-core 0.0.217 → 0.0.218-snapshot.20260602043552

package/dist/components/tickets/index.cjs

@@ -4,16 +4,16 @@
 
 
 
-var _chunkG2HHSZ3Scjs = require('../../chunk-G2HHSZ3S.cjs');
+var _chunk2XXYOG4Bcjs = require('../../chunk-2XXYOG4B.cjs');
 
 
 
 
-var _chunkTYIBMDUZcjs = require('../../chunk-TYIBMDUZ.cjs');
+var _chunkMYRM67GTcjs = require('../../chunk-MYRM67GT.cjs');
 require('../../chunk-OB45JHDY.cjs');
 
 
-var _chunk6DCKL73Fcjs = require('../../chunk-6DCKL73F.cjs');
+var _chunk4NOO3X6Qcjs = require('../../chunk-4NOO3X6Q.cjs');
 
 
 
@@ -41,7 +41,7 @@ var _chunk6DCKL73Fcjs = require('../../chunk-6DCKL73F.cjs');
 
 
 
-var _chunkYWDC5BXMcjs = require('../../chunk-YWDC5BXM.cjs');
+var _chunkVQZ4QYEUcjs = require('../../chunk-VQZ4QYEU.cjs');
 require('../../chunk-XL4V2PYG.cjs');
 require('../../chunk-BZFW3FOF.cjs');
 
@@ -49,22 +49,22 @@ require('../../chunk-BZFW3FOF.cjs');
 
 
 
-var _chunkXDPSSE4Ocjs = require('../../chunk-XDPSSE4O.cjs');
+var _chunkSZ65OVWXcjs = require('../../chunk-SZ65OVWX.cjs');
 require('../../chunk-WBR7H6E3.cjs');
 
 
-var _chunk5V6MSE3Bcjs = require('../../chunk-5V6MSE3B.cjs');
+var _chunkSL3RGBPXcjs = require('../../chunk-SL3RGBPX.cjs');
 
 
 
 
 var _chunkG7UE6RKVcjs = require('../../chunk-G7UE6RKV.cjs');
-require('../../chunk-JJR27M56.cjs');
-require('../../chunk-664KA5FI.cjs');
+require('../../chunk-MWW7LKDN.cjs');
+require('../../chunk-2TBN53KY.cjs');
 require('../../chunk-65CPJ4SX.cjs');
 require('../../chunk-WZW7C7TF.cjs');
 require('../../chunk-XQFFGR6U.cjs');
-require('../../chunk-HOHDXYPR.cjs');
+require('../../chunk-MEAR2WHS.cjs');
 require('../../chunk-27APPAJN.cjs');
 require('../../chunk-OZ3GH6OQ.cjs');
 require('../../chunk-VRHGVLSL.cjs');
@@ -72,12 +72,12 @@ require('../../chunk-VRHGVLSL.cjs');
 // src/components/tickets/ticket-center.tsx
 var _react = require('react');
 var _reactquery = require('@tanstack/react-query');
-_chunkXDPSSE4Ocjs.init_button2.call(void 0, );
+_chunkSZ65OVWXcjs.init_button2.call(void 0, );
 var _lucidereact = require('lucide-react');
 
 // src/components/tickets/ticket-open-form.tsx
 
-_chunkXDPSSE4Ocjs.init_button2.call(void 0, );
+_chunkSZ65OVWXcjs.init_button2.call(void 0, );
 
 // src/components/tickets/types.ts
 function isOptimistic(t) {
@@ -105,7 +105,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 } = _chunkYWDC5BXMcjs.useChatAttachments.call(void 0, );
+  const { attachments, readyAttachments, hasInflightUploads, addFiles, removeAttachment, clear } = _chunkVQZ4QYEUcjs.useChatAttachments.call(void 0, );
   const trimmedSubject = subject.trim();
   const trimmedContent = content.trim();
   const overCap = content.length > TICKET_TEXT_MAX_CHARS;
@@ -125,7 +125,7 @@ function TicketOpenForm({
       clear();
     }
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYWDC5BXMcjs.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, _chunkVQZ4QYEUcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col md:flex-row gap-6", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0 md:max-w-md", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-2xl font-semibold text-ods-text-primary mb-2", children: "Need Support?" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-sm", children: "Can't find what you're looking for? Submit a support ticket below \u2014 we'll follow up shortly." }),
@@ -142,7 +142,7 @@ function TicketOpenForm({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXDPSSE4Ocjs.Input,
+          _chunkSZ65OVWXcjs.Input,
           {
             id: "ticket-subject",
             type: "text",
@@ -164,7 +164,7 @@ function TicketOpenForm({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYWDC5BXMcjs.Textarea,
+          _chunkVQZ4QYEUcjs.Textarea,
           {
             id: "ticket-content",
             placeholder: "Describe your issue or question in detail...",
@@ -188,7 +188,7 @@ function TicketOpenForm({
         )
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYWDC5BXMcjs.ChatAttachmentChipStrip,
+        _chunkVQZ4QYEUcjs.ChatAttachmentChipStrip,
         {
           attachments,
           onRemove: removeAttachment,
@@ -197,7 +197,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, 
-          _chunkYWDC5BXMcjs.ChatAttachmentAddButton,
+          _chunkVQZ4QYEUcjs.ChatAttachmentAddButton,
           {
             attachmentsEnabled: !supportSystemDown,
             attachmentsCount: attachments.length,
@@ -206,7 +206,7 @@ function TicketOpenForm({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkXDPSSE4Ocjs.Button,
+          _chunkSZ65OVWXcjs.Button,
           {
             type: "submit",
             disabled: !canSubmit,
@@ -228,16 +228,17 @@ var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
 // src/components/tickets/ticket-detail-drawer.tsx
-_chunkXDPSSE4Ocjs.init_button2.call(void 0, );
+_chunkSZ65OVWXcjs.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 = _chunkYWDC5BXMcjs.useChatIdentity.call(void 0, );
+  const identity = _chunkVQZ4QYEUcjs.useChatIdentity.call(void 0, );
   const identityKey = _nullishCoalesce(_optionalChain([identity, 'access', _2 => _2.user, 'optionalAccess', _3 => _3.email]), () => ( "anon"));
-  const queryEnabled = enabled && identity.authTier !== "anon" && !!_optionalChain([identity, 'access', _4 => _4.user, 'optionalAccess', _5 => _5.email]) && !!externalTicketId && !externalTicketId.startsWith("temp-");
+  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, {
     queryKey: ["ticket-engagements", externalTicketId, identityKey],
     enabled: queryEnabled,
@@ -254,7 +255,7 @@ function useTicketEngagements(externalTicketId, enabled = true, refetchInterval
     // so polling pauses on a hidden tab.
     refetchInterval,
     queryFn: async () => {
-      const response = await _chunkYWDC5BXMcjs.embedAuthedFetch.call(void 0, LIST_ENGAGEMENTS_ENDPOINT, {
+      const response = await _chunkVQZ4QYEUcjs.embedAuthedFetch.call(void 0, LIST_ENGAGEMENTS_ENDPOINT, {
         method: "POST",
         body: JSON.stringify({ ticket_id: externalTicketId })
       });
@@ -268,7 +269,20 @@ function useTicketEngagements(externalTicketId, enabled = true, refetchInterval
   });
   return {
     engagements: _nullishCoalesce(query.data, () => ( [])),
-    isLoading: queryEnabled && query.isLoading,
+    // Loading-state truth that prevents the "body → blink → skeleton → data"
+    // double-flash. The bug: `useChatIdentity` starts at anon defaults and
+    // resolves async, so on the first render `queryEnabled` is false and the
+    // OLD `queryEnabled && query.isLoading` returned FALSE — the panel rendered
+    // the ticket body, THEN identity resolved, the query enabled, isLoading
+    // flipped true → skeleton appeared (the blink), then data landed.
+    //
+    // Fix: for a fetchable ticket we are "loading" whenever we don't yet have
+    // the timeline to show — that includes the window while identity is still
+    // resolving (so we skeleton from the FIRST render, never the body) AND the
+    // cold query fetch (`data === undefined`). A background poll keeps
+    // `query.data` defined, so it never re-flashes the skeleton. Non-fetchable
+    // (optimistic/disabled) or a resolved-anon viewer → not loading.
+    isLoading: fetchable && (identity.isLoading || queryEnabled && query.data === void 0),
     isFetching: query.isFetching,
     error: _nullishCoalesce(query.error, () => ( null)),
     refetch: () => {
@@ -302,7 +316,7 @@ function TicketLinkedDeliveryCard({
     {
       className: `rounded-md border border-ods-border bg-ods-bg overflow-hidden ${_nullishCoalesce(className, () => ( ""))}`,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkG2HHSZ3Scjs.DeliveryRow,
+        _chunk2XXYOG4Bcjs.DeliveryRow,
         {
           item,
           href: clickup.delivery_href,
@@ -314,7 +328,7 @@ function TicketLinkedDeliveryCard({
 }
 
 // src/components/tickets/ticket-reply-composer.tsx
-_chunkXDPSSE4Ocjs.init_button2.call(void 0, );
+_chunkSZ65OVWXcjs.init_button2.call(void 0, );
 
 
 function TicketReplyComposer({
@@ -326,7 +340,7 @@ function TicketReplyComposer({
 }) {
   const [resolution, setResolution] = _react.useState.call(void 0, "");
   const [closeDialogOpen, setCloseDialogOpen] = _react.useState.call(void 0, false);
-  const attachments = _chunkYWDC5BXMcjs.useChatAttachments.call(void 0, );
+  const attachments = _chunkVQZ4QYEUcjs.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, 
@@ -354,7 +368,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, 
-      _chunkYWDC5BXMcjs.ChatAttachmentChipStrip,
+      _chunkVQZ4QYEUcjs.ChatAttachmentChipStrip,
       {
         attachments: attachments.attachments,
         onRemove: attachments.removeAttachment,
@@ -363,7 +377,7 @@ function TicketReplyComposer({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYWDC5BXMcjs.ChatInput,
+      _chunkVQZ4QYEUcjs.ChatInput,
       {
         fullWidth: true,
         autoFocus: true,
@@ -377,7 +391,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, 
-        _chunkYWDC5BXMcjs.ChatAttachmentAddButton,
+        _chunkVQZ4QYEUcjs.ChatAttachmentAddButton,
         {
           attachmentsEnabled: true,
           attachmentsCount: attachments.attachments.length,
@@ -388,7 +402,7 @@ function TicketReplyComposer({
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 min-w-0" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXDPSSE4Ocjs.Button,
+        _chunkSZ65OVWXcjs.Button,
         {
           type: "button",
           variant: "transparent",
@@ -400,13 +414,13 @@ function TicketReplyComposer({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYWDC5BXMcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYWDC5BXMcjs.AlertDialogContent, { className: "bg-ods-card border-ods-border", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYWDC5BXMcjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYWDC5BXMcjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYWDC5BXMcjs.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, _chunkVQZ4QYEUcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVQZ4QYEUcjs.AlertDialogContent, { className: "bg-ods-card border-ods-border", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVQZ4QYEUcjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVQZ4QYEUcjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVQZ4QYEUcjs.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, 
-        _chunkYWDC5BXMcjs.Textarea,
+        _chunkVQZ4QYEUcjs.Textarea,
         {
           value: resolution,
           onChange: (e) => setResolution(e.target.value),
@@ -416,9 +430,9 @@ function TicketReplyComposer({
           className: "mt-2"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYWDC5BXMcjs.AlertDialogFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVQZ4QYEUcjs.AlertDialogFooter, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYWDC5BXMcjs.AlertDialogCancel,
+          _chunkVQZ4QYEUcjs.AlertDialogCancel,
           {
             disabled: busy,
             className: "bg-transparent border-ods-border text-ods-text-primary hover:bg-ods-border",
@@ -426,7 +440,7 @@ function TicketReplyComposer({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYWDC5BXMcjs.AlertDialogAction,
+          _chunkVQZ4QYEUcjs.AlertDialogAction,
           {
             onClick: () => void confirmClose(),
             disabled: busy,
@@ -496,7 +510,7 @@ 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 = _chunkYWDC5BXMcjs.useChatIdentity.call(void 0, );
+  const identity = _chunkVQZ4QYEUcjs.useChatIdentity.call(void 0, );
   const externalId = isOptimistic(ticket) ? null : ticket.external_id;
   const { engagements, isLoading } = useTicketEngagements(
     externalId,
@@ -516,11 +530,11 @@ function TicketTimelinePanel({ ticket }) {
   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;
   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, _chunkYWDC5BXMcjs.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, _chunkVQZ4QYEUcjs.ChatMessageRowSkeleton, {}, i)) }) });
   }
   if (bodyTurns.length === 0 && engagements.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG2HHSZ3Scjs.EmptyState,
+      _chunk2XXYOG4Bcjs.EmptyState,
       {
         type: "generic",
         title: "No conversation yet",
@@ -535,7 +549,7 @@ function TicketTimelinePanel({ ticket }) {
       const isResolution = turn.startsWith("[Resolution]");
       const text = isResolution ? turn.replace(/^\[Resolution\]\s*/, "") : turn;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYWDC5BXMcjs.ChatMessageRow,
+        _chunkVQZ4QYEUcjs.ChatMessageRow,
         {
           displayName: customerName,
           avatarUrl: customerAvatar,
@@ -564,13 +578,13 @@ function TicketTimelinePanel({ ticket }) {
       }
       const engAttachments = mapEngagementAttachments(eng.attachments);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYWDC5BXMcjs.ChatMessageRow,
+        _chunkVQZ4QYEUcjs.ChatMessageRow,
         {
           displayName: author,
           avatarUrl: avatarSrc,
-          timeLabel: eng.createdAt ? _chunkYWDC5BXMcjs.formatRelativeTime.call(void 0, eng.createdAt) : null,
+          timeLabel: eng.createdAt ? _chunkVQZ4QYEUcjs.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, _chunkYWDC5BXMcjs.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, _chunkVQZ4QYEUcjs.TicketAttachmentsList, { attachments: engAttachments, size: "compact" }) }) : null
         },
         eng.id
       );
@@ -609,7 +623,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, 
-    _chunkXDPSSE4Ocjs.Button,
+    _chunkSZ65OVWXcjs.Button,
     {
       type: "button",
       variant: "outline",
@@ -634,7 +648,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, 
-          _chunkXDPSSE4Ocjs.Button,
+          _chunkSZ65OVWXcjs.Button,
           {
             type: "button",
             variant: "transparent",
@@ -658,7 +672,7 @@ function AssignedAgentRow({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary uppercase tracking-wider font-medium", children: "Assigned to" }),
     displayLabel ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-1.5 text-ods-text-primary font-medium", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYWDC5BXMcjs.SquareAvatar,
+        _chunkVQZ4QYEUcjs.SquareAvatar,
         {
           size: "sm",
           variant: "round",
@@ -689,7 +703,7 @@ function TicketRow({
   const rowRef = _react.useRef.call(void 0, null);
   const handleClick = _react.useCallback.call(void 0, () => {
     onToggle(ticket.id);
-    _chunkYWDC5BXMcjs.scrollElementIntoView.call(void 0, rowRef.current, {
+    _chunkVQZ4QYEUcjs.scrollElementIntoView.call(void 0, rowRef.current, {
       adjustTargetY: (raw) => {
         if (!rowRef.current) return raw;
         const expandedDrawer = document.querySelector(
@@ -715,7 +729,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 ? _chunkYWDC5BXMcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : void 0,
+    timeAgo: ticket.hubspot_updated_at ? _chunkVQZ4QYEUcjs.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
@@ -730,7 +744,7 @@ function TicketRow({
       className: "border-b border-ods-border last:border-b-0",
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkYWDC5BXMcjs.ChatTicketItem,
+          _chunkVQZ4QYEUcjs.ChatTicketItem,
           {
             ticket: tileData,
             onClick: optimistic ? void 0 : handleClick,
@@ -799,7 +813,7 @@ function useTicketsList(filters) {
         pageSize
       };
       if (statusFilter) body.status = statusFilter;
-      const response = await _chunkYWDC5BXMcjs.embedAuthedFetch.call(void 0, FIND_TICKET_ENDPOINT, {
+      const response = await _chunkVQZ4QYEUcjs.embedAuthedFetch.call(void 0, FIND_TICKET_ENDPOINT, {
         method: "POST",
         body: JSON.stringify(body)
       });
@@ -913,7 +927,7 @@ function useTicketActions(options) {
   }, []);
   const executeTicketAction = _react.useCallback.call(void 0, 
     async (toolName, args) => {
-      const res = await _chunkYWDC5BXMcjs.embedAuthedFetch.call(void 0, TICKET_ACTION_ENDPOINT, {
+      const res = await _chunkVQZ4QYEUcjs.embedAuthedFetch.call(void 0, TICKET_ACTION_ENDPOINT, {
         method: "POST",
         body: JSON.stringify({ tool_name: toolName, args })
       });
@@ -1297,14 +1311,14 @@ function resolveErrorCode(bodyCode, status) {
 
 // src/components/tickets/ticket-center.tsx
 
-function TicketCenter({ toast: toast2 = _chunk5V6MSE3Bcjs.toast } = {}) {
-  const identity = _chunkYWDC5BXMcjs.useChatIdentity.call(void 0, );
+function TicketCenter({ toast: toast2 = _chunkSL3RGBPXcjs.toast } = {}) {
+  const identity = _chunkVQZ4QYEUcjs.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])) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG2HHSZ3Scjs.EmptyState,
+      _chunk2XXYOG4Bcjs.EmptyState,
       {
         type: "generic",
         title: "Sign in to manage tickets",
@@ -1375,10 +1389,10 @@ function TicketCenterAuthed({
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 text-xs text-ods-text-secondary", children: [
           lastUpdatedAt && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
             "Updated ",
-            _chunkYWDC5BXMcjs.formatRelativeTime.call(void 0, new Date(lastUpdatedAt))
+            _chunkVQZ4QYEUcjs.formatRelativeTime.call(void 0, new Date(lastUpdatedAt))
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkXDPSSE4Ocjs.Button,
+            _chunkSZ65OVWXcjs.Button,
             {
               type: "button",
               variant: "transparent",
@@ -1391,15 +1405,15 @@ function TicketCenterAuthed({
           )
         ] })
       ] }),
-      isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {}) : merged.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYWDC5BXMcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkG2HHSZ3Scjs.EmptyState,
+      isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {}) : merged.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVQZ4QYEUcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk2XXYOG4Bcjs.EmptyState,
         {
           type: "generic",
           title: "No tickets yet",
           description: "Open one above to start the conversation.",
           showCTA: false
         }
-      ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYWDC5BXMcjs.Card, { className: "overflow-hidden", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVQZ4QYEUcjs.Card, { className: "overflow-hidden", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         TicketRow,
         {
           ticket,
@@ -1419,29 +1433,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, _chunkYWDC5BXMcjs.Card, { className: "p-6", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXDPSSE4Ocjs.Skeleton, { className: "h-7 w-48 mb-4" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXDPSSE4Ocjs.Skeleton, { className: "h-10 w-full mb-3" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXDPSSE4Ocjs.Skeleton, { className: "h-24 w-full" })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVQZ4QYEUcjs.Card, { className: "p-6", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSZ65OVWXcjs.Skeleton, { className: "h-7 w-48 mb-4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSZ65OVWXcjs.Skeleton, { className: "h-10 w-full mb-3" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSZ65OVWXcjs.Skeleton, { className: "h-24 w-full" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {})
   ] });
 }
 function TicketListSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYWDC5BXMcjs.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, _chunkVQZ4QYEUcjs.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, _chunkXDPSSE4Ocjs.Skeleton, { className: "h-4 w-2/3" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXDPSSE4Ocjs.Skeleton, { className: "h-3 w-full" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSZ65OVWXcjs.Skeleton, { className: "h-4 w-2/3" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSZ65OVWXcjs.Skeleton, { className: "h-3 w-full" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXDPSSE4Ocjs.Skeleton, { className: "h-8 w-20" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXDPSSE4Ocjs.Skeleton, { className: "h-8 w-16" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSZ65OVWXcjs.Skeleton, { className: "h-8 w-20" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSZ65OVWXcjs.Skeleton, { className: "h-8 w-16" })
   ] }, i)) });
 }
 
 // src/components/tickets/help-center-list.tsx
 
 
-_chunkG2HHSZ3Scjs.init_unified_pagination.call(void 0, );
+_chunk2XXYOG4Bcjs.init_unified_pagination.call(void 0, );
 
 // src/components/tickets/help-center-card.tsx
 
@@ -1463,7 +1477,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 ? _chunkYWDC5BXMcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : "recently";
+  const relativeUpdated = ticket.hubspot_updated_at ? _chunkVQZ4QYEUcjs.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)), () => ( ""));
@@ -1476,7 +1490,7 @@ function HelpCenterCard({
   _react.useEffect.call(void 0, () => {
     if (!isExpanded) return;
     const raf = requestAnimationFrame(() => {
-      _chunkYWDC5BXMcjs.scrollElementIntoView.call(void 0, rowRef.current, {
+      _chunkVQZ4QYEUcjs.scrollElementIntoView.call(void 0, rowRef.current, {
         headerOffset: STICKY_HEADER_OFFSET_PX
       });
     });
@@ -1484,16 +1498,16 @@ function HelpCenterCard({
   }, [isExpanded]);
   const rightBadges = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYWDC5BXMcjs.StatusBadge,
+      _chunkVQZ4QYEUcjs.StatusBadge,
       {
         text: rawStatus,
-        colorScheme: _chunkYWDC5BXMcjs.getStatusColorScheme.call(void 0, rawStatus),
+        colorScheme: _chunkVQZ4QYEUcjs.getStatusColorScheme.call(void 0, rawStatus),
         variant: "card",
         className: "border border-ods-border"
       }
     ),
     priority && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYWDC5BXMcjs.StatusBadge,
+      _chunkVQZ4QYEUcjs.StatusBadge,
       {
         text: priority,
         colorScheme: mapPriorityScheme(priority),
@@ -1520,7 +1534,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, 
-              _chunkTYIBMDUZcjs.DevCardRowContent,
+              _chunkMYRM67GTcjs.DevCardRowContent,
               {
                 title,
                 subtitle,
@@ -1595,12 +1609,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, _chunkYWDC5BXMcjs.Label, { htmlFor: "help-center-subject", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVQZ4QYEUcjs.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, 
-      _chunkXDPSSE4Ocjs.Input,
+      _chunkSZ65OVWXcjs.Input,
       {
         id: "help-center-subject",
         type: "text",
@@ -1627,7 +1641,7 @@ function HelpCenterCreateForm({
     )
   ] });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk6DCKL73Fcjs.ContactForm,
+    _chunk4NOO3X6Qcjs.ContactForm,
     {
       title: "Open a new ticket",
       footerText: "The support team typically responds within one business day.",
@@ -1664,8 +1678,8 @@ function HelpCenterCreateForm({
 
 // src/components/tickets/help-center-list.tsx
 
-function HelpCenterList({ toast: toast2 = _chunk5V6MSE3Bcjs.toast } = {}) {
-  const identity = _chunkYWDC5BXMcjs.useChatIdentity.call(void 0, );
+function HelpCenterList({ toast: toast2 = _chunkSL3RGBPXcjs.toast } = {}) {
+  const identity = _chunkVQZ4QYEUcjs.useChatIdentity.call(void 0, );
   const searchParams = _chunkG7UE6RKVcjs.useSearchParams.call(void 0, );
   const router = _chunkG7UE6RKVcjs.useRouter.call(void 0, );
   const pathname = _chunkG7UE6RKVcjs.usePathname.call(void 0, );
@@ -1675,11 +1689,11 @@ function HelpCenterList({ toast: toast2 = _chunk5V6MSE3Bcjs.toast } = {}) {
   const rawPage = Number(searchParams.get("page"));
   const page = Number.isFinite(rawPage) && rawPage > 0 ? Math.floor(rawPage) : 1;
   if (identity.isLoading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTYIBMDUZcjs.DevSectionPage, { sectionKey: "tickets", preControls: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormSkeleton, {}), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTYIBMDUZcjs.DevCardRowSkeletonList, {}) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYRM67GTcjs.DevSectionPage, { sectionKey: "tickets", preControls: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormSkeleton, {}), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYRM67GTcjs.DevCardRowSkeletonList, {}) });
   }
   if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _60 => _60.user, 'optionalAccess', _61 => _61.email])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTYIBMDUZcjs.DevSectionPage, { sectionKey: "tickets", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG2HHSZ3Scjs.EmptyState,
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYRM67GTcjs.DevSectionPage, { sectionKey: "tickets", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk2XXYOG4Bcjs.EmptyState,
       {
         type: "generic",
         title: "Sign in to manage tickets",
@@ -1802,17 +1816,17 @@ function HelpCenterListAuthed({
         "Couldn\u2019t load your tickets. ",
         error.message
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXDPSSE4Ocjs.Button, { type: "button", variant: "accent", onClick: () => refetch(), children: "Retry" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSZ65OVWXcjs.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, _chunkTYIBMDUZcjs.DevCardRowSkeletonList, {}) : !hasResults && isFetching ? (
+    !error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYRM67GTcjs.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, _chunkTYIBMDUZcjs.DevCardRowSkeletonList, { rows: 1 })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYRM67GTcjs.DevCardRowSkeletonList, { rows: 1 })
     ) : !hasResults ? hasActiveFilters ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG2HHSZ3Scjs.EmptyState,
+      _chunk2XXYOG4Bcjs.EmptyState,
       {
         type: "search",
         title: "No tickets found",
@@ -1827,7 +1841,7 @@ function HelpCenterListAuthed({
         }
       }
     ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG2HHSZ3Scjs.EmptyState,
+      _chunk2XXYOG4Bcjs.EmptyState,
       {
         type: "generic",
         title: "No tickets yet",
@@ -1861,9 +1875,9 @@ function HelpCenterListAuthed({
         ticket.id
       )) })
     ) }),
-    !error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2HHSZ3Scjs.UnifiedPagination, { currentPage: page, totalPages })
+    !error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XXYOG4Bcjs.UnifiedPagination, { currentPage: page, totalPages })
   ] });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTYIBMDUZcjs.DevSectionPage, { sectionKey: "tickets", preControls: form, children: body });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYRM67GTcjs.DevSectionPage, { sectionKey: "tickets", preControls: form, children: body });
 }