@flamingo-stack/openframe-frontend-core 0.0.771 → 0.0.773

package/dist/{chunk-62P4Q4Q3.cjs → chunk-MT5Z2LSV.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 _chunk4DMYDHCDcjs = require('./chunk-4DMYDHCD.cjs');
+var _chunkVW2QQKQ6cjs = require('./chunk-VW2QQKQ6.cjs');
 
 
 
@@ -9,14 +9,14 @@ var _chunk4DMYDHCDcjs = require('./chunk-4DMYDHCD.cjs');
 
 
 
-var _chunkWT5XF66Wcjs = require('./chunk-WT5XF66W.cjs');
+var _chunk42YLIZFDcjs = require('./chunk-42YLIZFD.cjs');
 
 
 
 var _chunkJJNOAYD4cjs = require('./chunk-JJNOAYD4.cjs');
 
 
-var _chunkHFNWBNLEcjs = require('./chunk-HFNWBNLE.cjs');
+var _chunkSE76YGR3cjs = require('./chunk-SE76YGR3.cjs');
 
 
 
@@ -29,7 +29,7 @@ var _chunkHFNWBNLEcjs = require('./chunk-HFNWBNLE.cjs');
 
 
 
-var _chunkALNP25TXcjs = require('./chunk-ALNP25TX.cjs');
+var _chunk7P2QXBWEcjs = require('./chunk-7P2QXBWE.cjs');
 
 
 
@@ -43,7 +43,7 @@ var _chunkXVFM6SJAcjs = require('./chunk-XVFM6SJA.cjs');
 
 
 
-var _chunkYI3CDGKMcjs = require('./chunk-YI3CDGKM.cjs');
+var _chunkBPAYT72Lcjs = require('./chunk-BPAYT72L.cjs');
 
 
 
@@ -151,7 +151,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 = _chunkHFNWBNLEcjs.useOptionalTicketLive.call(void 0, );
+  const ticketLive = _chunkSE76YGR3cjs.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);
@@ -664,7 +664,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
       clear();
     }
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-6 md:flex-row", ..._chunkYI3CDGKMcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-6 md:flex-row", ..._chunkBPAYT72Lcjs.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." }),
@@ -689,7 +689,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, 
-          _chunkALNP25TXcjs.Textarea,
+          _chunk7P2QXBWEcjs.Textarea,
           {
             id: "ticket-content",
             placeholder: "Describe your issue or question in detail...",
@@ -819,7 +819,7 @@ function TicketLinkedDeliveryCard({ clickup, className }) {
     dateClosed: clickup.date_closed,
     clickupUrl: _nullishCoalesce(clickup.clickup_url, () => ( ""))
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${_chunk5V7BIUGAcjs.CONTENT_CARD_SKELETON_FRAME_CLASS} ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWT5XF66Wcjs.DeliveryRow, { item, href: clickup.delivery_href, caption: "Linked delivery" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${_chunk5V7BIUGAcjs.CONTENT_CARD_SKELETON_FRAME_CLASS} ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42YLIZFDcjs.DeliveryRow, { item, href: clickup.delivery_href, caption: "Linked delivery" }) });
 }
 
 // src/components/tickets/ticket-reply-composer.tsx
@@ -901,13 +901,13 @@ function TicketReplyComposer({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkALNP25TXcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkALNP25TXcjs.AlertDialogContent, { className: "border-ods-border bg-ods-card", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkALNP25TXcjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkALNP25TXcjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkALNP25TXcjs.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, _chunk7P2QXBWEcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7P2QXBWEcjs.AlertDialogContent, { className: "border-ods-border bg-ods-card", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7P2QXBWEcjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7P2QXBWEcjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7P2QXBWEcjs.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, 
-        _chunkALNP25TXcjs.Textarea,
+        _chunk7P2QXBWEcjs.Textarea,
         {
           value: resolution,
           onChange: (e) => setResolution(e.target.value),
@@ -917,9 +917,9 @@ function TicketReplyComposer({
           className: "mt-2"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkALNP25TXcjs.AlertDialogFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7P2QXBWEcjs.AlertDialogFooter, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkALNP25TXcjs.AlertDialogCancel,
+          _chunk7P2QXBWEcjs.AlertDialogCancel,
           {
             disabled: busy,
             className: "border-ods-border bg-transparent text-ods-text-primary hover:bg-ods-border",
@@ -927,7 +927,7 @@ function TicketReplyComposer({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkALNP25TXcjs.AlertDialogAction,
+          _chunk7P2QXBWEcjs.AlertDialogAction,
           {
             onClick: () => void confirmClose(),
             disabled: busy,
@@ -992,7 +992,7 @@ function TicketTimelinePanel({ ticket }) {
   const identity = _chunkILZEXCJHcjs.useChatIdentity.call(void 0, );
   const externalId = isOptimistic(ticket) ? null : ticket.external_id;
   const { engagements, isLoading } = useTicketEngagements(externalId, !!externalId);
-  const live = _chunkHFNWBNLEcjs.useOptionalTicketLive.call(void 0, );
+  const live = _chunkSE76YGR3cjs.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);
@@ -1031,7 +1031,7 @@ function TicketTimelinePanel({ ticket }) {
   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, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading messages", className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYI3CDGKMcjs.ChatMessageRowSkeleton, {}, i)) }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${TICKET_FEED_FRAME} ${TICKET_FEED_HEIGHT}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading messages", className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBPAYT72Lcjs.ChatMessageRowSkeleton, {}, i)) }) });
   }
   if (bodyTurns.length === 0 && engagements.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1050,7 +1050,7 @@ function TicketTimelinePanel({ ticket }) {
       const isResolution = turn.startsWith("[Resolution]");
       const text = isResolution ? turn.replace(/^\[Resolution\]\s*/, "") : turn;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYI3CDGKMcjs.ChatMessageRow,
+        _chunkBPAYT72Lcjs.ChatMessageRow,
         {
           displayName: customerName,
           avatarUrl: customerAvatar,
@@ -1079,13 +1079,13 @@ function TicketTimelinePanel({ ticket }) {
       }
       const engAttachments = mapEngagementAttachments(eng.attachments);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkYI3CDGKMcjs.ChatMessageRow,
+        _chunkBPAYT72Lcjs.ChatMessageRow,
         {
           displayName: author,
           avatarUrl: avatarSrc,
           timeLabel: eng.createdAt ? _chunkEHJE3UWZcjs.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, _chunkALNP25TXcjs.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, _chunk7P2QXBWEcjs.TicketAttachmentsList, { attachments: engAttachments, size: "compact" }) }) : null
         },
         eng.id
       );
@@ -1236,7 +1236,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, 
-      _chunkYI3CDGKMcjs.ChatTicketItem,
+      _chunkBPAYT72Lcjs.ChatTicketItem,
       {
         ticket: tileData,
         onClick: optimistic ? void 0 : handleClick,
@@ -1331,7 +1331,7 @@ function TicketCenterAuthed({
   const toggleRow = _react.useCallback.call(void 0, (id) => {
     setExpandedTicketId((prev) => prev === id ? null : id);
   }, []);
-  const syncInPage = _chunkWT5XF66Wcjs.usePageDataSync.call(void 0, sync, isLoading);
+  const syncInPage = _chunk42YLIZFDcjs.usePageDataSync.call(void 0, sync, isLoading);
   const merged = [...optimisticTickets, ...tickets];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     TicketCenterView,
@@ -1347,7 +1347,7 @@ function TicketCenterAuthed({
       renderRow: (ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         TicketRow,
         {
-          id: _chunkYI3CDGKMcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
+          id: _chunkBPAYT72Lcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
           onToggle: toggleRow,
@@ -1366,7 +1366,7 @@ function TicketCenterAuthed({
 function TicketCenterPending({
   region = true
 } = {}) {
-  const syncInPage = _chunkWT5XF66Wcjs.usePageDataSync.call(void 0, null, true);
+  const syncInPage = _chunk42YLIZFDcjs.usePageDataSync.call(void 0, null, true);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading tickets", announce: region, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.LoadingScope, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     TicketCenterView,
     {
@@ -1429,7 +1429,7 @@ function TicketListHeader({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-3", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h5", children: "Your Current Tickets" }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 text-ods-text-secondary text-h6", children: [
-      sync !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkALNP25TXcjs.DataSyncLine, { sync, loading: syncLoading, inline: true }),
+      sync !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7P2QXBWEcjs.DataSyncLine, { sync, loading: syncLoading, inline: true }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { inert: !onRefresh || void 0, "aria-hidden": !onRefresh || void 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _chunkTF5D5MNOcjs.Button,
         {
@@ -1450,7 +1450,7 @@ function TicketListSkeleton() {
     "div",
     {
       className: TICKET_ROW_FRAME_CLASS,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYI3CDGKMcjs.ChatTicketItemSkeleton, {})
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBPAYT72Lcjs.ChatTicketItemSkeleton, {})
     },
     i
   )) });
@@ -1499,7 +1499,7 @@ function HelpCenterCard({
     });
     return () => cancelAnimationFrame(raf);
   }, [isExpanded]);
-  const live = _chunkHFNWBNLEcjs.useOptionalTicketLive.call(void 0, );
+  const live = _chunkSE76YGR3cjs.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, 
@@ -1549,7 +1549,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, 
-              _chunkWT5XF66Wcjs.DevCardRowContent,
+              _chunk42YLIZFDcjs.DevCardRowContent,
               {
                 title,
                 subtitle,
@@ -1660,7 +1660,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, 
-    _chunk4DMYDHCDcjs.ContactForm,
+    _chunkVW2QQKQ6cjs.ContactForm,
     {
       rescue: null,
       title: "Open a new ticket",
@@ -1703,25 +1703,25 @@ function HelpCenterList({ toast: toast2 = _chunkXVFM6SJAcjs.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(_chunkYI3CDGKMcjs.DEV_SECTION_PARAM_KEYS.search) || "";
+  const search = searchParams.get(_chunkBPAYT72Lcjs.DEV_SECTION_PARAM_KEYS.search) || "";
   const status = searchParams.get("status") || "all";
-  const ticketParam = searchParams.get(_chunkYI3CDGKMcjs.TICKET_OPEN_PARAM) || "";
+  const ticketParam = searchParams.get(_chunkBPAYT72Lcjs.TICKET_OPEN_PARAM) || "";
   const page = _chunkBLH2SFOOcjs.positiveInt.call(void 0, searchParams.get("page"), 1);
   if (identity.isLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWT5XF66Wcjs.DevSectionPage,
+      _chunk42YLIZFDcjs.DevSectionPage,
       {
         sectionKey: "tickets",
         backButton,
         title,
         shell,
         preControls: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormSkeleton, {}),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWT5XF66Wcjs.DevCardRowSkeletonList, { rows: TICKETS_PAGE_SIZE })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42YLIZFDcjs.DevCardRowSkeletonList, { rows: TICKETS_PAGE_SIZE })
       }
     );
   }
   if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _67 => _67.user, 'optionalAccess', _68 => _68.email])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWT5XF66Wcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42YLIZFDcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkJJNOAYD4cjs.EmptyState,
       {
         type: "generic",
@@ -1773,8 +1773,8 @@ function HelpCenterListAuthed({
   const setOpenTicket = _react.useCallback.call(void 0, 
     (externalId) => {
       const params = new URLSearchParams(searchParams.toString());
-      if (externalId) params.set(_chunkYI3CDGKMcjs.TICKET_OPEN_PARAM, externalId);
-      else params.delete(_chunkYI3CDGKMcjs.TICKET_OPEN_PARAM);
+      if (externalId) params.set(_chunkBPAYT72Lcjs.TICKET_OPEN_PARAM, externalId);
+      else params.delete(_chunkBPAYT72Lcjs.TICKET_OPEN_PARAM);
       const qs = params.toString();
       router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });
     },
@@ -1851,15 +1851,15 @@ function HelpCenterListAuthed({
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.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, _chunkWT5XF66Wcjs.DevCardRowSkeletonList, { rows: pageSize }) : !hasResults && isFetching ? (
+    !error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42YLIZFDcjs.DevCardRowSkeletonList, { rows: pageSize }) : !hasResults && isFetching ? (
       // Bridge state — background refetch in flight and the
       // optimistic placeholder was just removed by the mutation
       // callback. Without this branch "No tickets yet" would flash
       // for ~50ms between `removeOptimistic` and the server
       // response landing.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWT5XF66Wcjs.DevCardRowSkeletonList, { rows: 1 })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42YLIZFDcjs.DevCardRowSkeletonList, { rows: 1 })
     ) : !hasResults ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkWT5XF66Wcjs.ListEmptyState,
+      _chunk42YLIZFDcjs.ListEmptyState,
       {
         isFiltered: hasActiveFilters,
         filtered: {
@@ -1890,7 +1890,7 @@ 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: _chunkYI3CDGKMcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
+          id: _chunkBPAYT72Lcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
           onToggle: toggleRow,
@@ -1908,7 +1908,7 @@ function HelpCenterListAuthed({
     ) }),
     !error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJJNOAYD4cjs.UnifiedPagination, { currentPage: page, totalPages })
   ] });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWT5XF66Wcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk42YLIZFDcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
 }
 
 

package/dist/{chunk-L5QJZBZK.cjs → chunk-NPCFVTA2.cjs}

@@ -5,20 +5,20 @@ var _chunkX5Z4HRH7cjs = require('./chunk-X5Z4HRH7.cjs');
 
 
 
-var _chunkNQ4WRB3Ycjs = require('./chunk-NQ4WRB3Y.cjs');
+var _chunkYSKX42LWcjs = require('./chunk-YSKX42LW.cjs');
 
 
 
 
 
 
-var _chunkALNP25TXcjs = require('./chunk-ALNP25TX.cjs');
+var _chunk7P2QXBWEcjs = require('./chunk-7P2QXBWE.cjs');
 
 
-var _chunk2LTJ4457cjs = require('./chunk-2LTJ4457.cjs');
+var _chunkV3W56L2Dcjs = require('./chunk-V3W56L2D.cjs');
 
 
-var _chunkYI3CDGKMcjs = require('./chunk-YI3CDGKM.cjs');
+var _chunkBPAYT72Lcjs = require('./chunk-BPAYT72L.cjs');
 
 
 
@@ -152,14 +152,14 @@ function OnboardingGuidesCatalogView({
     });
   };
   const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _6 => _6.source]), () => ( "openframe"));
-  const docSearch = _chunkNQ4WRB3Ycjs.useDocSearch.call(void 0, {
+  const docSearch = _chunkYSKX42LWcjs.useDocSearch.call(void 0, {
     source,
     baseRoute: basePath,
     onNavigate: (path) => router.push(path),
     tableIds: ["onboarding-guides"]
   });
   const defaultRenderCard = (guide) => {
-    const cta = _chunkYI3CDGKMcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
+    const cta = _chunkBPAYT72Lcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
       type: "onboarding_guide",
       slug: guide.slug,
       basePath,
@@ -170,7 +170,7 @@ function OnboardingGuidesCatalogView({
   const renderCardFn = _nullishCoalesce(renderCard, () => ( defaultRenderCard));
   const preControls = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_CONTROLS_CLASS, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNQ4WRB3Ycjs.DocSearchBar,
+      _chunkYSKX42LWcjs.DocSearchBar,
       {
         placeholder: "Search onboarding guides, releases, case studies\u2026",
         query: docSearch.query,
@@ -182,7 +182,7 @@ function OnboardingGuidesCatalogView({
       }
     ),
     (loading || sections.length > 0) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkALNP25TXcjs.FilterPillRow,
+      _chunk7P2QXBWEcjs.FilterPillRow,
       {
         label: "Section",
         selectedValue: activeSection,
@@ -193,7 +193,7 @@ function OnboardingGuidesCatalogView({
     )
   ] });
   if (!loading && selfFetch && guidesRes.error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkALNP25TXcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7P2QXBWEcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
   }
   const view = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_VIEW_CLASS, children: [
     preControls,
@@ -313,7 +313,7 @@ function OnboardingGuideDetailView({
   slug,
   guideEndpoint,
   related = [],
-  MarkdownRenderer = _chunkALNP25TXcjs.RichMarkdownRenderer,
+  MarkdownRenderer = _chunk7P2QXBWEcjs.RichMarkdownRenderer,
   renderRelatedCard,
   backHref,
   backLabel = "Back to Getting Started",
@@ -325,7 +325,7 @@ function OnboardingGuideDetailView({
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   const captions = _chunkILZEXCJHcjs.useCaptions.call(void 0, );
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkALNP25TXcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
+  const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7P2QXBWEcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
   const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null;
   const scoped = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
   const {
@@ -343,7 +343,7 @@ function OnboardingGuideDetailView({
   const backCfg = { label: backLabel, onClick: () => router.push(resolvedBackHref) };
   const loading = scoped || !guide && isLoading;
   if (!loading && (error || !guide)) {
-    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkALNP25TXcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
+    return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7P2QXBWEcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
   }
   const view = _nullishCoalesce(guide, () => ( EMPTY_ONBOARDING_GUIDE));
   const { captionsUrl, highlightCaptionsUrl } = captions.forEntity("onboarding_guide", view);
@@ -351,7 +351,7 @@ function OnboardingGuideDetailView({
   // worst), so it's the terminal fallback — no trailing `|| undefined` needed.
   _chunk3LW5TD54cjs.buildOgPlaceholderUrl.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.endpoints]), view.title, { aspect: "wide" });
   const defaultRenderRelatedCard = (g) => {
-    const cta = _chunkYI3CDGKMcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
+    const cta = _chunkBPAYT72Lcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
       type: "onboarding_guide",
       slug: g.slug,
       basePath,
@@ -360,8 +360,8 @@ function OnboardingGuideDetailView({
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5V7BIUGAcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
   };
   const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
-  const page = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2LTJ4457cjs.PageLayout, { title: view.title, loading, titleSize: "h1", titleWrap: true, backButton: backCfg, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkALNP25TXcjs.EntityTagBadges, { tags: view.onboarding_guide_tags }),
+  const page = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV3W56L2Dcjs.PageLayout, { title: view.title, loading, titleSize: "h1", titleWrap: true, backButton: backCfg, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7P2QXBWEcjs.EntityTagBadges, { tags: view.onboarding_guide_tags }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunk5V7BIUGAcjs.EntityAuthorCard,
       {

package/dist/{chunk-FT5NPAZY.cjs → chunk-NRFNZ35Z.cjs}

@@ -6,7 +6,7 @@ var _chunkXVFM6SJAcjs = require('./chunk-XVFM6SJA.cjs');
 
 
 
-var _chunkYI3CDGKMcjs = require('./chunk-YI3CDGKM.cjs');
+var _chunkBPAYT72Lcjs = require('./chunk-BPAYT72L.cjs');
 
 
 var _chunkSXGDKNVEcjs = require('./chunk-SXGDKNVE.cjs');
@@ -168,31 +168,31 @@ CveLink.displayName = "CveLink";
 // src/components/platform/ShellTypeBadge.tsx
 
 var shellIconMap = {
-  [_chunkYI3CDGKMcjs.ShellTypeValues.POWERSHELL]: {
+  [_chunkBPAYT72Lcjs.ShellTypeValues.POWERSHELL]: {
     icon: _chunkMCQY746Mcjs.PowershellLogoGreyIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkYI3CDGKMcjs.ShellTypeValues.CMD]: {
+  [_chunkBPAYT72Lcjs.ShellTypeValues.CMD]: {
     icon: _chunkUXUYT4WKcjs.CmdIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkYI3CDGKMcjs.ShellTypeValues.BASH]: {
+  [_chunkBPAYT72Lcjs.ShellTypeValues.BASH]: {
     icon: _chunk5OG5ZTNMcjs.BashIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkYI3CDGKMcjs.ShellTypeValues.PYTHON]: {
+  [_chunkBPAYT72Lcjs.ShellTypeValues.PYTHON]: {
     icon: _chunkBF77UKGDcjs.PythonLogoIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkYI3CDGKMcjs.ShellTypeValues.NUSHELL]: {
+  [_chunkBPAYT72Lcjs.ShellTypeValues.NUSHELL]: {
     icon: _chunkG37H4CBTcjs.NushellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkYI3CDGKMcjs.ShellTypeValues.DENO]: {
+  [_chunkBPAYT72Lcjs.ShellTypeValues.DENO]: {
     icon: _chunkHUL6SF5Acjs.DenoIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkYI3CDGKMcjs.ShellTypeValues.SHELL]: {
+  [_chunkBPAYT72Lcjs.ShellTypeValues.SHELL]: {
     icon: _chunk6RMATQNNcjs.ShellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   }
@@ -203,7 +203,7 @@ var defaultIconConfig = {
 };
 var ShellTypeBadge = ({ shellType, className, iconClassName }) => {
   const normalizedType = _optionalChain([shellType, 'optionalAccess', _ => _.toUpperCase, 'call', _2 => _2()]);
-  const label = _chunkYI3CDGKMcjs.getShellLabel.call(void 0, normalizedType);
+  const label = _chunkBPAYT72Lcjs.getShellLabel.call(void 0, normalizedType);
   const { icon: IconComponent, props: iconProps } = _nullishCoalesce(shellIconMap[normalizedType], () => ( defaultIconConfig));
   const defaultIconClassName = "className" in iconProps ? iconProps.className : void 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex items-center gap-1", className), children: [
@@ -219,7 +219,7 @@ function formatSupportedPlatforms(platforms) {
   if (!platforms || platforms.length === 0) {
     return "All Platforms";
   }
-  return platforms.map((platform) => _chunkYI3CDGKMcjs.getOSLabel.call(void 0, platform)).join(", ");
+  return platforms.map((platform) => _chunkBPAYT72Lcjs.getOSLabel.call(void 0, platform)).join(", ");
 }
 function InfoCell({ label, value, avatar, className }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex min-w-0 items-center gap-2", className), children: [
@@ -239,7 +239,7 @@ var ScriptInfoSection = ({
   author,
   className
 }) => {
-  const shellLabel = _chunkYI3CDGKMcjs.getShellLabel.call(void 0, shellType);
+  const shellLabel = _chunkBPAYT72Lcjs.getShellLabel.call(void 0, shellType);
   const platformsLabel = formatSupportedPlatforms(supportedPlatforms);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "overflow-hidden rounded-[6px] border border-ods-border bg-ods-card", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [

package/dist/{chunk-HFNWBNLE.cjs → chunk-SE76YGR3.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkYI3CDGKMcjs = require('./chunk-YI3CDGKM.cjs');
+var _chunkBPAYT72Lcjs = require('./chunk-BPAYT72L.cjs');
 
 
 var _chunkILZEXCJHcjs = require('./chunk-ILZEXCJH.cjs');
@@ -160,7 +160,7 @@ function TicketLiveProvider({ children, enabled = true }) {
   _react2.default.useEffect(() => {
     if (!streamEnabled) return void 0;
     if (typeof window === "undefined") return void 0;
-    subscriptionRef.current = _chunkYI3CDGKMcjs.createSseSubscription.call(void 0, {
+    subscriptionRef.current = _chunkBPAYT72Lcjs.createSseSubscription.call(void 0, {
       url: streamUrl,
       onEvent: (name, data) => handlersRef.current.onEvent(name, data),
       onStatusChange: (status) => handlersRef.current.onStatus(status),

package/dist/{chunk-2LTJ4457.cjs → chunk-V3W56L2D.cjs}

@@ -940,14 +940,15 @@ var SelectContent = _react.forwardRef.call(void 0, ({ className, children, posit
 SelectContent.displayName = SelectPrimitive.Content.displayName;
 var SelectLabel = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Label, { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "py-1.5 pl-8 pr-2 font-semibold text-h6", className), ...props }));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = _react.forwardRef.call(void 0, ({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+var SelectItem = _react.forwardRef.call(void 0, ({ className, children, description, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
   SelectPrimitive.Item,
   {
     ref,
     className: _chunk65VVJSQZcjs.cn.call(void 0, 
-      "flex h-11 w-full cursor-pointer select-none items-center justify-between border-b border-ods-border px-4 last:border-b-0 md:h-12",
+      "flex w-full cursor-pointer select-none items-center justify-between gap-2 border-b border-ods-border px-4 last:border-b-0",
       // Typography - match trigger
-      "whitespace-nowrap text-h4",
+      "text-h4",
+      description == null ? "h-11 whitespace-nowrap md:h-12" : "min-h-11 whitespace-normal py-[var(--spacing-system-xs)] md:min-h-12",
       // Hover state with visible background change
       "outline-none hover:bg-ods-bg-hover data-[highlighted]:bg-ods-bg-surface",
       "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
@@ -956,8 +957,15 @@ var SelectItem = _react.forwardRef.call(void 0, ({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemText, { children }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIBCMGBWcjs.CheckIcon, { className: "text-ods-accent", size: 20 }) })
+      description == null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemText, { children }) : (
+        // min-w-0 lets the column shrink below its longest line, which is what
+        // makes the lines wrap instead of pushing past the list's edge.
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 flex-col text-left", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemText, { children }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h6", children: description })
+        ] })
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemIndicator, { className: "shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIBCMGBWcjs.CheckIcon, { className: "text-ods-accent", size: 20 }) })
     ]
   }
 ));