@flamingo-stack/openframe-frontend-core 0.0.292 → 0.0.293

package/dist/components/tickets/index.js

@@ -7,11 +7,11 @@ import {
   EmptyState,
   UnifiedPagination,
   init_unified_pagination
-} from "../../chunk-C667P6LZ.js";
+} from "../../chunk-YICTMMXP.js";
 import "../../chunk-4XLJWX2N.js";
 import {
   ContactForm
-} from "../../chunk-IXDTNQF4.js";
+} from "../../chunk-SOJCR63T.js";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -32,16 +32,20 @@ import {
   TicketAttachmentsList,
   useChatAttachments,
   useChatIdentity
-} from "../../chunk-5FK7X3EE.js";
+} from "../../chunk-DOMJSNXW.js";
 import {
+  devSectionAnchorId,
   formatRelativeTime,
-  getStatusColorScheme,
-  scrollElementIntoView
-} from "../../chunk-6FHO73AP.js";
+  getStatusColorScheme
+} from "../../chunk-26PKDALD.js";
+import {
+  toast,
+  useScrollToHash
+} from "../../chunk-7RIYT7ZH.js";
 import {
-  toast
-} from "../../chunk-N6ZM5PYZ.js";
-import "../../chunk-TYZEMPPH.js";
+  STICKY_HEADER_OFFSET_PX,
+  scrollElementIntoView
+} from "../../chunk-OQ6X7ZOC.js";
 import "../../chunk-MJNXIEV2.js";
 import {
   Input,
@@ -52,8 +56,8 @@ import {
   Card,
   SquareAvatar,
   StatusBadge
-} from "../../chunk-N45M3TK3.js";
-import "../../chunk-SLP4KXP6.js";
+} from "../../chunk-NSPOYUBH.js";
+import "../../chunk-FQJK446R.js";
 import "../../chunk-3MCHAFHB.js";
 import {
   embedAuthedFetch
@@ -709,7 +713,8 @@ function TicketRow({
   onSendMessage,
   onClose,
   onReopen,
-  onActionCollapsed
+  onActionCollapsed,
+  id
 }) {
   const optimistic = isOptimistic(ticket);
   const rowRef = useRef(null);
@@ -749,7 +754,7 @@ function TicketRow({
     // when the task exists but its status hasn't synced yet.
     linkedTaskLabel: ticket.clickup ? ticket.clickup.status ? ticket.clickup.status.replace(/\b\w/g, (c) => c.toUpperCase()) : "Linked work" : void 0
   };
-  return /* @__PURE__ */ jsx5("div", { ref: rowRef, className: "scroll-mt-24", children: /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx5("div", { ref: rowRef, id, className: "scroll-mt-24", children: /* @__PURE__ */ jsxs4(
     Collapsible,
     {
       open: expanded && !optimistic,
@@ -1430,6 +1435,7 @@ function TicketCenterAuthed({
       ) }) : /* @__PURE__ */ jsx6(Card, { className: "overflow-hidden", children: merged.map((ticket) => /* @__PURE__ */ jsx6(
         TicketRow,
         {
+          id: devSectionAnchorId("ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
           onToggle: toggleRow,
@@ -1474,7 +1480,6 @@ init_unified_pagination();
 // src/components/tickets/help-center-card.tsx
 import { useCallback as useCallback5, useEffect as useEffect2, useRef as useRef3 } from "react";
 import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var STICKY_HEADER_OFFSET_PX = 96;
 function HelpCenterCard({
   ticket,
   expanded,
@@ -1486,7 +1491,8 @@ function HelpCenterCard({
   onReopen,
   onActionCollapsed,
   replyError,
-  onClearReplyError
+  onClearReplyError,
+  id
 }) {
   const optimistic = isOptimistic(ticket);
   const rawStatus = (ticket.status ?? "OPEN").toUpperCase();
@@ -1534,6 +1540,7 @@ function HelpCenterCard({
     "div",
     {
       ref: rowRef,
+      id,
       style: { scrollMarginTop: STICKY_HEADER_OFFSET_PX },
       className: `border-b border-ods-border last:border-b-0 ${optimistic ? "opacity-60" : ""}`,
       "aria-busy": optimistic || void 0,
@@ -1815,6 +1822,7 @@ function HelpCenterListAuthed({
     [tickets, ticketParam, setOpenTicket]
   );
   const merged = [...optimisticTickets, ...tickets];
+  useScrollToHash(tickets, { headerOffset: STICKY_HEADER_OFFSET_PX });
   const hasActiveFilters = search !== "" || status !== "" && status !== "all";
   const hasResults = merged.length > 0;
   const form = /* @__PURE__ */ jsx9(
@@ -1876,6 +1884,7 @@ function HelpCenterListAuthed({
       /* @__PURE__ */ jsx9("div", { className: "bg-ods-card border border-ods-border rounded-[6px] overflow-clip w-full", children: merged.map((ticket) => /* @__PURE__ */ jsx9(
         HelpCenterCard,
         {
+          id: devSectionAnchorId("ticket", ticket.external_id),
           ticket,
           expanded: expandedTicketId === ticket.id,
           onToggle: toggleRow,